-Shopifyで集客を成功させるブログ-

SEO

【Shopify SEO】Shopifyの最適化ガイド-2022年最新版-

Shopifyのプラットフォームは、ここ数年、着実に人気を高めています。利用統計を見ると、2017年10月以降、利用率が2倍以上に増えていることが確認できます。現在、上位10,000サイトのうち4.24%、上位100,000サイトのうち3.02%がShopifyを使用しています。

以下のガイドでは、Shopifyの店舗で行う一般的な最適化の方法を説明します。

Shopify SEOとは?

Shopify SEOは、Shopifyプラットフォーム特有のSEO調整です。Shopifyストアには、ブログやリダイレクト機能など、SEOに役立つ機能が搭載されていますが、重複コンテンツなどのSEOの問題を引き起こす可能性もあります。

Shopify SEOの推奨事項として最も一般的なものは以下の通りです。

  1. 内部リンクのアーキテクチャから重複するURLを削除する
  2. 重複するページ付URLを削除する
  3. 情報提供の意図を持つキーワードのブログコンテンツを作成する
  4. 商品」、「記事」、「パンくずリスト」の構造化データを追加する。
  5. 製品バリエーションページの処理方法を決定する
  6. crush.picsで画像を圧縮する
  7. 不要なShopifyアプリを削除

以下、各提案事項の対処方法について説明します。

重複コンテンツ

SEOの観点からは、重複コンテンツはShopifyで発生する問題の中で最も優先度の高いものです。重複コンテンツとは、2つの別々のURLに、重複した、または類似したコンテンツが存在することです。これは、検索エンジンが2つのページのうちどちらを正規のバージョンとすべきかを判断できない可能性があり、問題となります。さらに、リンクシグナルが2つのページ間で分割されることもよくあります。

重複した商品ページ

ページネーションによる重複したコレクションページ

重複した商品ページ
Shopifyはこの問題を商品ページで発生させています。デフォルトでは、Shopifyストアは/products/ページが2つの異なるURLパスでレンダリングされることを許可しています。

  • 正規 URL パス: /products/
  • 非正規 URL パス: /collections/.*/products/

Shopify は、すべての /collections/.*/products/ ページに、関連する /products/ ページへの正規タグが含まれていることを確認することで、これを説明します。アドレスの URL が「canonical」フィールドとどのように異なるかに注意してください。
これは確かにGoogleが重複コンテンツを統合するのに役立ちますが、内部リンク構造を見ると、より憂慮すべき問題が発生します。デフォルトでは、Shopifyはすべての製品ページの非正規バージョンにリンクします。
同様に、ウェブサイトが他のカラーバリエーションを指す「スウォッチ」内部リンクを利用する際にも、Shopifyが非正規バージョンのURLにリンクしているのを見たことがあります。

したがって、Shopify はデフォルトで、非正規リンクを中心にサイト アーキテクチャ全体を作成します。これにより、Web サイトが Google に競合するシグナルを送信しているため、優先度の高い SEO 問題が発生します。

  1. 「これは、私たちが最も頻繁に内部的にリンクしているページです」
  2. 「しかし、私たちが最も頻繁にリンクするページは、実際に Google でランク付けしたい URL ではありません。これらの他の URL は、内部リンクをほとんど含めずにインデックスに登録してください。」

canonical タグは通常尊重されますが、Google はこれらをディレクティブではなくヒントとして扱うことに注意してください。これは、Google がこれらのページをクロールするたびに、コンテンツが重複しているかどうかの判断を Google に任せていることを意味します。特に、大規模なコンテンツを扱う場合は、この判断を委ねることは避けたいものです。

内部リンク構造を調整する

この問題は比較的簡単に解決することができます。私たちは、開発チームと協力して、product.grid-item.liquidファイルのコードを調整することができました。これらの指示に従うことで、Shopifyサイトのコレクションページが正規の/product/ URLを指すようになります。

重複するコレクションページ

同様に、Shopifyサイトでは、サイトのページネーションによって重複したコンテンツが作成されているのを多く見かけます。具体的には、特定のシリーズの最初のコレクションページが重複して作成されています。これは、シリーズ内のページネーションされたURLに移動すると、最初のページへのリンクに “?page=1” が含まれるからです。

Shopifyのページネーションにおける最初のページは、?page=1リンクにリンクされます。
しかし、これはほとんどの場合、重複したページとなります。ページ=1 “のURLは、ほとんどの場合、パラメータ化されていないオリジナルのURLと同じコンテンツを含んでいます。再度、開発者に内部リンク構造を調整してもらい、ページングされた最初の結果が正規のページを指すようにすることをお勧めします。

商品バリエーションページ

これは技術的にはShopifyの重複コンテンツの延長線上にありますが、必ずしも常にSEOの問題とは限りません。

Shopifyのストアでは、同じ商品に対して複数の商品URLが作成され、若干のバリエーションがあることは珍しくありません。この場合、コアとなる製品は同じでも、わずかな属性(例えば色)が変わるだけで、重複コンテンツの問題が発生することがよくあります。つまり、商品の説明や画像が重複しているページが複数存在する可能性があるのです。

そのままにしておくと、重複コンテンツのインスタンスが再び作成されます。ただし、バリアント URL は SEO の問題である必要はありません。実際、これらのURLは、非常に特定の用語に対して最適化されたインデックス可能なページを持つことができるため、一部のサイトでは有益な場合があります。これらのURLが有益であるかどうかは、サイトによって異なります。自問自答する必要があるのは、次のような重要な点です。

  • 顧客は異体字句に基づいてクエリを実行しますか?
  • すべての製品バリエーションに対して独自のコンテンツを作成するためのリソースはありますか?
  • このコンテンツは、それ自体で成り立つほどユニークですか?

あなたのShopifyストアに商品バリエーションがある場合、これらのページが別のURLで存在すべきかどうか、早い段階で判断する価値があります。もしそうする必要があるのであれば、それぞれのページにユニークなコンテンツを作成し、そのバリエーションがターゲットとするキーワードに対してそれぞれを最適化する必要があります。

クロールとインデックス作成

多くのShopifyストアを分析した結果、クロールとインデックスに関して、Shopifyに固有の SEO 項目がいくつか見つかりました。これはEコマースSEOの重要な要素であることが非常に多いので、Shopifyに該当するものを共有していきます。

robots.txtファイル

デフォルトでは、Shopify はストア用の robots.txt ファイルを作成し、かなりの数の事前に作成された「許可しない」コマンドを使用します。ほとんどの場合、Shopify のデフォルトの robots.txt ルールは、ほとんどのストア オーナーにとって十分であることがわかりました。

Shopifyがクロールを許可しないセクションをいくつか紹介します。

  • 管理エリア
  • チェックアウト
  • 注文
  • ショッピングカート
  • 内部検索
  • ポリシーページ

しかし、Shopifyのストアが大きくなり、カスタマイズされるにつれて、robots.txtファイルを調整する必要が大きくなっています。2021年6月より、Shopifyはrobots.txtファイルを更新することができるようになりました。

Shopifyのrobots.txtファイルを編集するために、ストアオーナーはrobots.txt.liquidファイルを作成し、変更を指定するカスタムルールを作成する必要があります。

robots.txt.liquidファイルを作成するために、ストアオーナーは以下の手順を実行することができます。

  1. Shopifyの管理画面にログインします。
  2. 左サイドバーで、Online Store > Themesに進みます。
  3. アクション」>「コードの編集」を選択します。
  4. テンプレート “で、”新しいテンプレートを追加する “リンクを選択します。
  5. 一番左のドロップダウンを見つけ、”robots.txt “を選択する
  6. “テンプレートを作成 “を選択

これにより、Shopify robots.txt.liquid ファイルが作成されます。その後、リキッド コードを追加して、robots.txt.liquid ファイルにルールを追加できます。このコードの追加はそれほど難しくありませんし、Shopifyの公式ドキュメントでも、その方法をうまく説明しています。これらの手順に従うことで、Shopify サイトでクロールされる URL をより詳細に制御できるようになります。

サイトマップ.xml

デフォルトでは、Shopify は URL パス「domain.com/sitemap.xml」に sitemap.xml インデックス ファイルを生成します。Shopify の sitemap.xml インデックス ファイルは、次のページ タイプの URL を含む子サイトマップへのリンクを自動的に作成します。

  1. 商品ページ (sitemap_products_1.xml)
  2. コレクションページ(sitemap_collections_1.xml)
  3. ブログ記事(sitemap_blogs_1.xml)
  4. マーケティングページ(sitemap_pages_1.xml)

このsitemap.xmlファイルは、サイトに新しいページが追加/削除されると、動的に更新されます。一般的に、Shopifyのsitemap.xmlは調整する必要はありません。

1つ注意しなければならないのは、Shopify が公開されたページを sitemap.xml ファイルに含めることです。最もよくある問題として、公開されているがもうリンクされていない古いページがsitemap.xmlファイルに含まれてしまうことがあります。sitemap.xmlをクロールして、サイトマップに含まれているが検索エンジンがクロールするのに重要ではない公開ページを把握・確認しておく必要があります。

noindexタグを追加する

robots.txtを調整することはできませんが、Shopifyでは「noindex」タグを追加することが可能です。theme.liquidファイルに以下のコードを追加することで、特定のページをインデックスから除外することができます。

————————————————–

{% if template contains ‘search’ %}

<meta name=”robots” content=”noindex”>

{% endif %}

————————————————–

同様に、テンプレート全体を除外したい場合は、以下のようなコードを使用します。
————————————————–

{% if handle contains ‘page-handle-you-want-to-exclude’ %}

<meta name=”robots” content=”noindex”>

{% endif %}
————————————————–

リダイレクト

Shopifyでは、すぐにリダイレクトを実装することができます。これは、古いページや期限切れのページ、あるいはもう存在しない他のコンテンツを統合するために使用することができます。これを行うには、次のようにします。

  • オンラインストア
  • ナビゲーション
  • URLリダイレクト

注意しなければならないのは、Shopifyでリダイレクトを実装する前に、ページを削除する必要があるということです。つまり、そのページは本当に今後使わないかを確認しておく必要があります。このプロセスを少しでもストレスなく行うために、「リワインドバックアップ」アプリを導入することをお勧めします。

ログファイル

現在のところ、Shopifyはプラットフォームを通してログファイルに直接アクセスすることを許可していません。これはShopifyのサポートによって確認されています。

Fast Simonの導入

Fast Simon は、Shopify ストアに強力なパーソナライゼーション機能を追加する企業向けソリューションで、ますます人気が高まっています。あなたのShopifyサイトがFast Simonテクノロジーを利用している場合、不適切な実装によるインデックスの潜在的な問題を調整するための手順を踏んでいることを確認することをお勧めします。

Google がクロールとインデックスの問題に直面しないように、Fast Simon がウェブサイトのコンテンツを事前にレンダリングしていることを確認します。これにより、Googlebot がコンテンツを解釈しやすくなり、サーバー側でレンダリングされたバージョンのサイトが Googlebot に提供されます。

構造化データ

商品構造化データ

全体として、Shopify は構造化データをうまく処理しています。多くのShopifyのテーマは、商品名、説明、価格などの重要な情報をGoogleに提供する「商品」マークアップを含みます。これらの情報は、最も優先される構造化データなので、多くのテーマがこれを提供してくれるのは素晴らしいことです。

Shopifyサイトでは、Product構造化データをコレクションページにも拡張することでメリットがあります。これは、商品リストページの個々の商品リンクを定義するために、Product構造化データを追加することを意味します。

記事構造化データ

Shopify のブログ機能を使用する場合は、「Article」構造化データを使用する必要があります。これは、Google にブログのコンテンツが本質的にエディトリアルであることを知らせる素晴らしいスキーマ タイプです。すべての情報コンテンツ スキーマの中で、「Article」は Google が好むものと思われます。これは、Google の公式ドキュメントで参照されているものだからです。ただし、「BlogPosting」スキーマは、Shopify ブログに追加できる別のタイプの構造化データでもあります

パンくずリスト構造化データ

私たちがShopifyのサイトに日常的に追加しているのは、パンくずリスト構造化データを使ったパンくず内部リンクです。パンくずリストは、Web サイトの階層内のどこにいるかを示す使いやすい内部リンクをユーザーに提供するため、すべての e コマース サイトにとって重要です。また、パンくずは、Googleがウェブサイトの構造をよりよく理解するのに役立ちます。Shopifyサイトにパンくずを追加し、それらをパンくずリスト構造化データでマークアップして、Google がそれらの内部リンクをよりよく理解できるようにすることをお勧めします。

Shopifyに構造化データを実装

構造化データを実装したい場合、開発者がいる場合は、開発者に上記の構造化データ タイプを追加してもらうとよいでしょう。これにより、これらのスキーマ要素が常にサイトに存在することが保証されます。

ただし、開発リソースがより限られている場合は、Schema App Total Schema Markupが優れたオプションであることがわかります。これにより、Product や BlogPosting スキーマなどの構造化データ タイプがサイトの適切なページに組み込まれます。さらに、OfferCatalogスキーマを追加して、カテゴリ ページ内のすべての製品をマークアップします。また、彼らのサポートは素晴らしく、あなたが遭遇するかもしれないあらゆる技術的な問題に対して、彼らのチームがあなたをサポートします。

Shopifyのサイトスピード改善

Shopifyに関する最大の不満の1つは、速度が遅いということです。しかし、他のECパッケージと比較すると、Shopifyは非常に良いパフォーマンスを示しています。Shopifyは、Fastly CDNを使用し、ブラウザのキャッシュを活用して、強固なパフォーマンスの基盤を提供しています。過去に、400以上のShopifyサイトの平均速度指標を実際にベンチマークしてみました。以下は、私たちのデータセットでテストしたShopifyサイトの平均的なパフォーマンスメトリクスです。

  • 最初のContentful Paint:3.8秒
  • インタラクティブになるまでの時間:22.1秒
  • 総ページサイズ: 4.41 MB
  • 画像アセット総量:2.1 MB
  • リクエスト数 171

パフォーマンスを向上させるために、一般的にご案内しているアドバイスは、以下のとおりです。

  • lazysizesライブラリを使った画像の遅延ロード
  • Crush.picsで画像を自動圧縮する。
  • 使用率の低いShopifyアプリを削除する。
  • 優先度の高いページの大きな画像を手動でリサイズ・圧縮する。
  • トラッキングコードをGoogle Tag Managerに移行する

キーワード調査

Shopifyストアのキーワードリサーチを行うことは、他のEコマースストアで行うリサーチと非常に似ています。

キーワードを生成する一般的な方法としては

  • Google AdWords からキーワード データをエクスポートします。サイトの収益を最大化するものを追跡して最適化します。
  • コンバージョン率の高い AdWords キーワードを調査します。量が少なくても、コンバージョン率が高いということは、このキーワードがより取引に適していることを示しています。
  • サイトが現在クリック/インプレッションを獲得しているキーワードを Google Search Console で確認します。
  • Moz の Keyword Explorerを使用して、優先度の高いキーワードを調査し、新しいアイデアを生み出してください。
  • Ahrefs などのツールを使用して競合他社を実行します。「コンテンツ ギャップ」レポートを使用すると、競合サイトがランク付けされているのに自分のサイトがランク付けされていないキーワードの機会を見つけることができます。
  • 同様の修飾子を使用するキーワードがある場合、MergeWordsを使用して、さまざまなキーワードのバリエーションを自動的に生成できます。

キーワードの最適化

Yoast SEOと同様に、Shopifyではタイトルタグ、メタディスクリプション、URLなどの主要な要素を最適化することができます。可能であれば、これらの要素にターゲットキーワードを使用する必要があります。

これらの要素を調整するには、調整したいページに移動し、「検索エンジンのリストのプレビュー」までスクロールするだけです。


商品ページへのコンテンツの追加

個々の製品をインデックスに登録する必要があると判断した場合は、各ページに独自のコンテンツを追加することが理想的です。最初は、Shopify 商品に固有のページ上のコンテンツが関連付けられていない場合があります。多くの場合、同じ説明が複数の製品で使用されているか、説明が存在しないため、これは Shopify ストアの一般的な問題です。ページ上のベスト プラクティスを使用して製品の説明を追加すると、製品が SERP でランク付けされる可能性が最も高くなります。

しかし、すべての商品について独自のコンテンツを作成するのは時間がかかると思います。どの製品を最初に最適化するかについて、的を絞ったアプローチをすることが必要です。その際、「製品別売上」レポートを使用すると、コンテンツの追加を開始する最も重要な製品に優先順位をつけることができます。このレポートは、Analytics > Dashboard > Top Products By Units Soldで見つけることができます。
このアプローチを採用することで、最適化するストア内の最も優先度の高いページをすばやく特定できます。その後、コピーライターと協力して、個々の製品のコンテンツの作成を開始できます。また、製品の説明は常にユーザー中心の視点から作成する必要があることに注意してください。ユーザーが最も気になる商品の特徴について書くことで、コンバージョンとSEOの両方を改善できる可能性が高くなります。

Shopifyブログ

Shopifyにはブログを作成する機能がありますが、多くのShopifyストアでこの機能が欠けているのをよく見かけます。収益が e コマース サイトの主な目標であり、サイトの最初の構築は製品に重点を置いているため、これは理にかなっています。

しかし、Googleで商品ページをランク付けすることが難しくなってきている時代です。
これは主に取引に関するクエリだと思われますが、Googleは2つの記事と1つの製品リストページを上位3つの結果にランクインさせています。これは、Googleが取引よりも情報コンテンツを上位に表示することを好むようになってきている大きなトレンドの一例です。

Shopifyのストアからブログを除外することは、多くのビジネスにとって大きな機会損失をもたらすと考えます。ブログがあることで、情報コンテンツを作成する場所を自然に確保することができます。もし、あなたのShopifyストアにマッピングされたキーワードに対して、Googleがより多くのブログ/記事タイプのコンテンツをランキングしているのを見たなら、あなたの最善の策は、そのコンテンツを自分で作成しに行くことです。

もしあなたがShopifyストア(または他のECサイト)を運営しているのであれば、以下のステップを踏むことを強くお勧めします。

  1. 最も優先度の高いキーワードを特定する
  2. それぞれに対して Google クエリを手動で実行する
  3. Google が最初のページにランク付けしているコンテンツの種類に注意してください。それは主に情報目的、トランザクション目的、またはその両方の組み合わせですか?
  4. 主に混合コンテンツまたは情報提供コンテンツが表示されている場合は、独自のコンテンツを評価して、ユーザーの意図に一致するコンテンツがあるかどうかを確認してください。その場合は、品質を改善して最適化します。
  5. このようなコンテンツがない場合は、ユーザーの意図を満たしていると思われる情報トピックに関する新しいブログ コンテンツを作成することを検討してください。

一例として、非常に競争の激しいキーワードである「CRM ソフトウェア」という用語のランキングに関心を持っているクライアントがいます。SERP を分析したところ、Google は主に「CRM ソフトウェアとは」に関する情報ページをランク付けしていることがわかりました。特定の CRM を強調した製品ページしかなかったので、CRM ソフトウェアとは何か、またそれが提供するメリットについて一般的に説明する、より情報的なページを作成することをクライアントに提案しました。ページを作成して最適化した後、すぐにオーガニック トラフィックが大幅に増加することがわかりました 。

多くのShopifyサイトで見られる問題は、情報ページが検索エンジンでうまく機能しているにもかかわらず、情報ページにほとんど焦点が当てられていないことです。 ほとんどの Shopify サイトでは、ブログ を使用したほうがよいでしょう。多くのShopifyサイトがブログを使用しているはずで、これはオーガニックトラフィックと収益につながる情報コンテンツを作成する手段が提供されるからです。

アプリ

WordPressのプラグインと同様に、Shopifyはコードを手動で調整することなくサイトに高度な機能を追加することができる「アプリ」を提供しています。しかし、WordPressとは異なり、Shopifyのアプリはほとんどが有料です。これには、1 回限りまたは毎月の料金が必要です。

SEOのためのShopifyアプリ

Shopifyに慣れている開発者とチームを組むのが一番ですが、あなたのサイトのSEOを向上させるのに役立つShopifyアプリをいくつか紹介します。

  • Crush.pics
    大きな画像ファイルを自動で圧縮する優れた方法です。Shopifyのサイトの多くは画像を多用するため、極めて重要。
  • Schema App Total Schema Markup
    このアプリは、カスタム構造化データをサイトに追加できるShopifyデベロッパーがいない場合に使用されます。
  • Smart SEO
    メタタグ、altタグ、JSON-LDを追加できるアプリ。
  • Yotpo Reviews
    このアプリは、あなたのサイトに製品レビューを追加し、あなたのコンテンツをSERPsのリッチレビュースターの対象にすることができます。
  • Rewind Backups
    サイトのバックアップを作成します。サイトのバックアップを作成します。開発上の変更やリダイレクトを追加する前に導入すると効果的です。

Yoast SEOはShopifyで利用できますか?

2022年1月現在、YoastはShopifyで利用可能です。

Shopifyのアプリを制限する

WordPress プラグインと同様に、Shopify アプリはサイトに追加のコードを挿入します。これは、多数のアプリを追加すると、サイトの速度が低下する可能性があることを意味します. 多くのアプリがコンバージョンの改善に重点を置いているため、Shopify サイトは特に肥大化の影響を受けやすくなっています。多くの場合、これらのアプリはより多くの JavaScript および CSS ファイルを追加するため、ページの読み込み時間が長くなる可能性があります。使用しているアプリを定期的に監査し、付加価値のないアプリやサイトで使用されていないアプリを削除するようにしてください。

今後の展開

Shopifyの利用が拡大するにつれ、このプラットフォームに付随するSEOの影響を理解することがますます重要になるでしょう。

Shopifyサイト構築・運用・集客をサポート致します。
戦略策定・制作・運用まで経験豊富なプロが一貫し対応します。
関西を中心に全国対応させて頂きます。