Back to list
dev_to 2026年3月15日

ニッチレビューサイト「SquishGuide」の構築方法(およびニッチコンテンツにおける SEO に関する教訓)

How I Built a Niche Review Site for Squishy Toys (and What I Learned About SEO)

Translated: 2026/3/15 2:10:53
astroseotailwind-cssniche-blogvercel

Japanese Translation

私は絶対にクイッシュィー(スッシャ)玩具のウェブサイトを構築することになるとは思いませんでした。しかし、ここに至りました。 数か月前、私は Needoh ストレスボールを探していたものです。Schylling 社が開発した、ゆっくりと膨らむこのフェディット(ひさし)玩具は TikTok を取り持っています。私はいくつかの製品を比較し、価格を複数の店舗で確認し、実際に価値がある製品は何かを見つけることにしました。私が発見したのは決して良くありませんでした。薄いアフィリエイトページ、コピーされた製品説明、そして現実的な情報は一切ありませんでした。 于是我建てたのは SquishGuide です。 フレームワークには Astro を選びました。コンテンツheavyなサイトを試されたことがない方は試すべきです。デフォルトで JavaScript を 0 個含めることで、レビューサイトに必要な高速なページ読み込み、優れた Core Web Vitals を提供し、検索エンジンはそれを好みます。 その他のスタックは以下の通りです: Tailwind CSS を使用してスタイルを整え(クイッシュィーをテーマにしたカスタムデザインシステムを採用) Vercel をホスティングおよびエッジデプロイメント用として TypeScript をデータレイヤー用として Google Analytics 4 をトラッキング用として Schema.org の構造化データをリッチ検索結果用として サイトの構造はシンプルかつ意図的です: / → 特選製品を搭載したホームページ /products/ → 全てのレビュー済み製品 /products/[slug]/ → 個別の製品レビュー /guides/ → 購買ガイドとチュートリアル /guides/where-to-buy/ → 小売業者による価格比較 /guides/find-needoh-near-me/ → 近くのレストラン_finder 各製品ページには一貫した形式を採用しています:評価、11 社以上の小売業者での価格比較、 Pros/Cons、ベスト・フォー タグ、そして率直なテキストレビュー。私はデータをタイプライティングされた TypeScript ファイルに保持しているので、更新や拡張が簡単です。 ニッチコンテンツサイトにおける SEO について私が学んだことは以下の通りです: 1 スキーマ記述はあなた以上に重要です。私は全ての関連ページに Product、Review、FAQPage、WebSite スキーマを追加しました。数週間で Google からリッチ結果が表示されるようになりました。 2 人間の為に書いて、機械の為には構造化する。各製品ページには自然で会話を交えたレビューがあります。しかし、下には適切なヘッディング、FAQ セクション、パンくずリスト、内部リンクで構造化されています。 3 ランギン・テイルキーワードはあなたの友人です。誰かが「Needoh」のために Amazon を上回ることはありえません。しかし「不安に対して最適な Needoh」や「Near Me に近い Needoh を買う方法」は、フォーカストされたニッチサイトに対して非常に勝ちやすいクエリです。 4 ページ速度は実際に制御できるランキング要因です。Astro のデフォルトで JS をゼロにすることで、私のページは 1 セカンンド未満で読み込まれます。Lighthouse スコアは常に 95 + です。 サイトはアフィリエイトリンクを収益化モデルとして使用しています。Amazon、Walmart、または他の小売業者にクリックして購入がなされた場合、私は小さなcommission を得ます。これはサイトで明記されています。 アフィリエイトモデルはレビューに影響を与えないことが重要です。私は全ての製品を購入し、数週間にわたりテストし、率直に思っていることを書きます。製品が価値がないなら、それを言うのです。信頼はレビューサイトが唯一の資産です。 私が最初からやり直したなら、Astro ファイルでコンテンツを管理する代わりに、最初の日から CMS を設定していたでしょう。サイトは小さく、現在では問題なく機能していますが、現在のアプローチで 50 以上の製品にスケールさせるのは痛いでしょう。 私はより早く電子メールリストを作成することも始めるでしょう。有償検索は素晴らしいですが、読者に直接アクセスできるチャネルを持つことは価値があり、特に定期的に新しい製品がリリースされるニッチにおいては有益です。 このサイトは数カ月前に公開され、すでにいくつかのターゲットキーワードでランキングを達成しています。トラフィックは安定して増加し、フェディット玩具コミュニティからのフィードバックは本物です。人々は、スッシャィィー玩具を真に受け、薄いアフィリエイトファームではないリソースを望んでいます。 ニッチコンテンツサイトを構築しようとしている方は、あなたの真に興味のあるものを選び、パフォーマンスを最優先するモダンなスタックで構築し、実際に有用なコンテンツを作成ことに集中してください。SEO は追従します。 Astro、Tailwind CSS で構築され、Vercel にデプロイされました。スタックや SEO アプローチに関する質問に開かれています。

Original Content

I never thought I'd build a website about squishy toys. But here we are. A few months ago, I was looking for a Needoh stress ball — those slow-rise fidget toys by Schylling that have basically taken over TikTok. I wanted to compare a few products, check prices across stores, and figure out which one was actually worth buying. What I found was not great. A bunch of thin affiliate pages, copied product descriptions, and zero real information. So I built SquishGuide. I went with Astro for the framework. If you haven't tried it for content-heavy sites, you should. It ships zero JavaScript by default, which is exactly what a review site needs — fast page loads, great Core Web Vitals, and search engines love it. The rest of the stack: Tailwind CSS for styling (custom design system with squish-themed colors) Vercel for hosting and edge deployment TypeScript for the data layer Google Analytics 4 for tracking Schema.org structured data for rich search results The site structure is simple but intentional: / → Homepage with featured products /products/ → All reviewed products /products/[slug]/ → Individual product reviews /guides/ → Buying guides and how-tos /guides/where-to-buy/ → Price comparison across retailers /guides/find-needoh-near-me/ → Local store finder Each product page has a consistent format: rating, price comparison across 11+ retailers, pros/cons, best-for tags, and an honest written review. I keep the data in a typed TypeScript file so it's easy to update and extend. Here's what I learned about SEO for niche content sites: 1. Schema markup matters more than you think. I added Product, Review, FAQPage, and WebSite schema to every relevant page. Google started showing rich results within weeks. 2. Write for humans, structure for machines. Every product page has a natural, conversational review — but underneath, it's structured with proper headings, FAQ sections, breadcrumbs, and internal links. 3. Long-tail keywords are your friend. Nobody's going to outrank Amazon for "Needoh." But "best Needoh for anxiety" or "where to buy Needoh near me"? Those are very winnable queries for a focused niche site. 4. Page speed is a ranking factor you can actually control. Astro's zero-JS default means my pages load in under a second. Lighthouse scores are consistently 95+. The site uses affiliate links for monetization. When someone clicks through to Amazon, Walmart, or another retailer and makes a purchase, I earn a small commission. This is disclosed clearly on the site. The key is that the affiliate model doesn't influence the reviews. I buy every product myself, test them for weeks, and write what I honestly think. If a product isn't worth buying, I say so. Trust is the only real asset a review site has. If I started over, I'd set up a CMS from day one instead of managing content in Astro files. The site is small enough now that it works fine, but scaling to 50+ products would be painful with the current approach. I'd also start building an email list earlier. Organic search is great, but having a direct channel to readers is valuable, especially in a niche where new products launch regularly. The site has been live for a few months and is already ranking for several target keywords. Traffic is growing steadily, and the feedback from the fidget toy community has been genuinely positive. People appreciate having a resource that takes squishy toys seriously without being a thinly-veiled affiliate farm. If you're thinking about building a niche content site, my advice is: pick something you're genuinely interested in, build it with a modern stack that prioritizes performance, and focus on creating content that's actually useful. The SEO follows. Built with Astro, Tailwind CSS, and deployed on Vercel. Open to questions about the stack or the SEO approach.