Go Fish Digitalでは、Shopifyのプラットフォームを使用するクライアントが増えていることに注目しています。当初は単なる偶然だと思っていたのですが、データを見ると違うことがわかります。
Shopifyのプラットフォームは、ここ数年、着実に人気を高めています。BuiltWithの利用統計を見ると、2017年10月以降、CMSの利用率が2倍以上に増えていることが確認できます。現在、上位10,000サイトのうち4.24%、上位100,000サイトのうち3.02%がShopifyを使用しています。
私たちはかなりの数のShopify店舗と仕事をしてきたので、私たちがクライアントを支援する一般的なSEO改善のプロセスを共有したいと思いました。以下のガイドでは、Shopifyの店舗で行う一般的な調整の概要を説明します。
Shopify SEOとは何ですか?
Shopify SEOは、Shopifyプラットフォーム特有のSEO調整です。Shopifyストアには、ブログやリダイレクト機能など、SEOに役立つ機能が搭載されていますが、重複コンテンツなどのSEOの問題を引き起こす可能性もあります。
Shopify SEOの推奨事項として最も一般的なものは以下の通りです。
- 内部リンクのアーキテクチャから重複するURLを削除する
- 重複するページ付URLを削除する
- 情報提供の意図を持つキーワードのブログコンテンツを作成する
- 商品」、「記事」、「パンくずリスト」の構造化データを追加する。
- 製品バリエーションページをどのように扱うか決定する
- crush.picsで画像を圧縮する
- 不要なShopifyアプリを削除
以下では、これらの推奨事項をどのように扱うかについて説明します。
重複コンテンツ
SEOの観点からは、重複コンテンツはShopifyによって作られた最も優先度の高い問題です。重複コンテンツは、2つの別々のURLに重複または類似したコンテンツが存在する場合に発生します。これは、検索エンジンが2つのページのうちどちらを正規のバージョンとすべきかを判断できない可能性があり、問題を引き起こします。さらに、リンクシグナルが2つのページ間で分割されることもよくあります。
私たちは、Shopifyがいくつかの異なる方法で重複コンテンツを作成するのを目にしてきました。
- 重複した商品ページ
- ページネーションによる重複したコレクションページ
商品ページの重複
Shopifyは、製品ページでこの問題を発生させます。デフォルトでは、Shopifyストアは/products/ページが2つの異なるURLパスでレンダリングされることを許可しています。
正規のURLパス。正規のURLパス: /products/
- 正規のURLパスです。/products/
- 正規のURLパスではありません。/コレクション/.*/製品
Shopifyは、すべての/collections/.*/products/ページが、関連する/products/ページへのcanonicalタグを含むことを保証することで、この問題を解決しています。アドレスのURLが "canonical "フィールドとどのように異なるかに注目してください。
これは確かにGoogleが重複コンテンツを統合するのに役立ちますが、内部リンク構造を見ると、より憂慮すべき問題が発生します。デフォルトでは、Shopifyはすべての商品ページの非正規バージョンにリンクします。
また、ウェブサイトが他のカラーバリエーションを指す「スウォッチ」内部リンクを使用する場合、ShopifyがURLの非正規バージョンにリンクすることも確認されています。
このように、Shopifyはデフォルトで非正規のリンクを中心にサイト全体のアーキテクチャを作成します。これは、ウェブサイトがGoogleに矛盾したシグナルを送ることになるため、優先度の高いSEOの問題を引き起こします。
- "内部で最も頻繁にリンクしているページはこちらです"
- "しかし、私たちが最も頻繁にリンクしているページは、私たちが実際にGoogleでランキングされたいURLではありません。内部リンクの少ない他のURLをインデックスしてください。
canonicalタグは通常尊重されますが、Googleはこれらをディレクティブではなく、ヒントとして扱うことを覚えておいてください。つまり、Googleがページをクロールするたびに、コンテンツが重複しているかどうかを判断することになるのです。特に、大規模なコンテンツを扱う場合は、この判断を委ねることは避けたいものです。
内部リンク構造を調整する
幸いなことに、この問題は比較的簡単に解決することができます。私たちは、開発チームと協力して、product.grid-item.liquidファイルのコードを調整することができました。これらの指示に従うことで、Shopifyサイトのコレクションページが正規の/product/ URLを指すようになります。
重複するコレクションページ
同様に、Shopifyサイトでは、サイトのページネーションによって重複したコンテンツが作成されるケースが多く見受けられます。具体的には、あるシリーズの最初のコレクションページが重複して作成されているのです。これは、あるシリーズのページネーションされたURLに移動すると、最初のページへのリンクに"?page=1 "が含まれるようになるためです。
しかし、これはほとんどの場合、重複したページとなります。URLに「?page=1」が設定されている場合、パラメータを設定しない元のURLと同じコンテンツが含まれていることがほとんどです。この場合も、開発者に依頼して内部リンク構造を調整し、ページ分割された最初の結果が正規のページを指すようにすることをお勧めします。
製品バリエーションページ
これは技術的にはShopifyの重複コンテンツの延長線上にありますが、必ずしも常にSEOの問題とは限らないため、このセクションを独立させる価値があると私たちは考えています。
Shopifyのショップでは、同じ商品でも微妙な違いで複数の商品URLが作成されていることがよくあります。この場合、コアとなる製品は同じでも、わずかな属性(例えば色)が変わるだけで、重複コンテンツの問題が発生することがよくあります。つまり、商品の説明や画像が重複しているページが複数存在する可能性があるのです。以下は、バリアントによって作成された重複したページの例です。https://recordit.co/x6YRPkCDqG
放っておくと、これは再び重複コンテンツの例を作成します。しかし、バリアントURLはSEOの問題になるわけではありません。実際、これらのURLは、非常に特定の用語に対して最適化されたインデックス可能なページを持つことができるため、一部のサイトでは有益な場合があります。これらのURLが有益であるかどうかは、サイトによって異なります。自分自身に問うべき重要な質問をいくつか挙げます。
- あなたの顧客は、バリエーションフレーズに基づいてクエリーを実行しますか?
- すべての製品バリエーションに対してユニークなコンテンツを作成するリソースがありますか?
- そのコンテンツは、単独でも十分ユニークなものですか?
より詳細なガイドについては、Jenny Halaszが商品バリエーションに関する最適なアクションを決定するための素晴らしい記事を書いています。あなたのShopifyストアに商品バリエーションがある場合、これらのページが別のURLで存在すべきかどうか、早い段階で判断する価値があります。もしそうする必要があるのであれば、それぞれのページにユニークなコンテンツを作成し、そのバリエーションがターゲットとするキーワードに対してそれぞれを最適化する必要があります。
クロールとインデックス作成
多くのShopifyストアを分析した結果、クロールとインデックスに関して、Shopifyに特有のSEO項目があることがわかりました。これはEコマースSEOの重要な要素であることが非常に多いので、Shopifyに該当するものを共有するのが良いと考えました。
Robots.txtファイル
デフォルトでは、Shopifyはあなたのストアのためにrobots.txtファイルを作成し、かなりの数の "Disallow "コマンドがあらかじめ書き込まれています。ほとんどの場合、Shopifyのデフォルトのrobots.txtのルールは、ほとんどのストアオーナーにとって十分なものであることがわかります。Shopifyのデフォルトのrobots.txtのルールの例はこちらで見ることができます。
Eコマースプラットフォームとしてshopifyを使用します。
User-agent: :*
Disallow: /admin
Disallow: /cart
Disallow: /orders
Disallow: /checkout
Disallow: /1272332/checkouts
Disallow: /1272332/orders
Disallow: /carts
Disallow: /account
Disallow: /collections/*+*
Disallow: /collections/*%2b*
Disallow: /collections/*%2B*
Disallow: /blogs/*+*
Disallow: /blogs/*%2B*
Disallow: /blogs/*%2b*
Disallow: /*design_theme_id*
Disallow: /*preview_theme_id*
Disallow: /*preview_script_id*
Disallow: /policies/
Disallow: /search/
Disallow: /apple-app-site-association
Sitemap: ————————/sitemap.xml
Shopifyがクロールを許可しないセクションをいくつか紹介します。
- 管理エリア
- チェックアウト
- 注文
- ショッピングカート
- 内部検索
- ポリシーページ
しかし、Shopifyのストアが大きくなり、よりカスタマイズされるようになると、robots.txtファイルを調整する必要が出てくる可能性が高くなります。幸いなことに、2021年6月現在、Shopifyはrobots.txtファイルを更新することができます。
Shopifyのrobots.txtファイルを編集するために、ストアオーナーはrobots.txt.liquidファイルを作成し、変更を指定するカスタムルールを作成する必要があります。
robots.txt.liquidファイルを作成するために、ストアオーナーは以下の手順を実行することができます。
- Shopifyの管理画面にログインします。
- 左サイドバーで、Online Store > Themesに進みます。
- アクション」>「コードの編集」を選択します。
- テンプレート "で、"新しいテンプレートを追加する "リンクを選択します。
- 一番左のドロップダウンを見つけ、"robots.txt "を選択する
- "テンプレートを作成 "を選択
これでShopifyのrobots.txt.liquidファイルが作成されるはずです。次に、robots.txt.liquidファイルにliquidのコードを追加して、ルールを追加することができます。幸いなことに、このコードを追加するのはそれほど難しくありませんし、Shopifyは公式ドキュメントでその方法をうまく強調しています。これらのステップに従うことで、あなたのShopifyサイトでどのURLがクロールされるかをよりコントロールすることができるようになるはずです。
サイトマップ.xml
デフォルトでは、ShopifyはURLパス "domain.com/sitemap.xml" にsitemap.xmlインデックスファイルを生成します。Shopifyのsitemap.xmlインデックスファイルは、以下のページタイプのURLを含む子サイトマップへのリンクを自動的に作成します。
- 商品ページ (sitemap_products_1.xml)
- コレクションページ(sitemap_collections_1.xml)
- ブログ記事(sitemap_blogs_1.xml)
- マーケティングページ(sitemap_pages_1.xml)
このsitemap.xmlファイルは、サイトに新しいページが追加/削除されると、動的に更新されます。一般的に、Shopifyのsitemap.xmlはそのままでよく、特に調整する必要はありません。
1つ注意しなければならないのは、Shopifyはsitemap.xmlファイルにすべての公開されたページを含めるということです。最もよくある問題は、公開されているがもうリンクされていないレガシーなページがsitemap.xmlファイルに含まれてしまうことです。sitemap.xmlをクロールして、サイトマップに含まれているが検索エンジンがクロールするほど重要ではない公開ページのインスタンスを見つける価値があります。
noindex」タグを追加する
robots.txtを調整することはできませんが、Shopifyでは「noindex」タグを追加することが可能です。theme.liquidファイルに以下のコードを追加することで、特定のページをインデックスから除外することができます。
テンプレートに'search'が含まれている場合、{% if template contains 'search' %}。
<meta name="robots" content="noindex"> ・・・・・・・・。
{% endif %}
また、テンプレート全体を除外したい場合は、以下のようなコードを使用します。
ハンドルに 'page-handle-you-want-to-exclude' が含まれる場合、{% 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にサイトのサーバーサイドのレンダリングバージョンが提供され、コンテンツを解釈しやすくなります。詳しくは、こちらのケーススタディをご覧ください。
構造化データ
製品の構造化データ
全体的に、Shopifyは構造化データについてかなり良い仕事をしています。多くのShopifyのテーマは、商品名、説明、価格などの重要な情報をGoogleに提供する「商品」マークアップをすぐに含むはずです。これは、おそらくどのEコマースサイトでも最も優先される構造化データなので、多くのテーマがこれを提供してくれるのは素晴らしいことです。
Shopifyサイトでは、Product構造化データをコレクションページにも拡張することで利益を得られるかもしれません。これは、商品リストページの個々の商品リンクを定義するために、Product構造化データを追加することを意味します。Distilled の優秀な人々は、この構造化データをカテゴリページに含めることを推奨しています。
記事の構造化データ
同様に、Shopifyのブログ機能を使用する場合、「Article」構造化データを使用する必要があります。これは、あなたのブログコンテンツがより編集的であることを Google に知らせる素晴らしいスキーマタイプです。情報コンテンツスキーマの中で、"Article "はGoogleの公式ドキュメントで言及されているため、Googleが好むスキーマのようです。しかし、「BlogPosting」スキーマも、Shopifyブログに追加できる構造化データの一種です。
パンくずリスト構造化データ
私たちがShopifyのサイトに日常的に追加しているのは、BreadcrumbList構造化データを使ったパンくずの内部リンクです。パンくずは、ユーザーに使いやすい内部リンクを提供し、ウェブサイトの階層内のどこにいるのかを示すため、あらゆるEコマースサイトにとって重要であると信じています。また、パンくずは、Googleがウェブサイトの構造をよりよく理解するのに役立ちます。私たちは通常、Shopifyサイトにサイトブレッドクラムを追加し、それらをBreadcrumbList構造化データでマークアップして、Googleがこれらの内部リンクをより理解できるようにすることを提案します。
Shopifyに構造化データを実装する
構造化データを実装したい場合、開発者がいる場合は、上記の構造化データ型を追加してもらうとよいでしょう。これにより、これらのスキーマ要素は常にあなたのサイトに存在することになります。
しかし、開発リソースがもっと限られている場合は、Schema App Total Schema Markupが素晴らしい選択肢であることがわかります。これは、Product や BlogPosting スキーマなどの構造化データ型を、サイトの適切なページに組み込むものです。また、OfferCatalogスキーマを追加して、カテゴリページ内のすべての製品をマークアップすることもできます。また、彼らのサポートは素晴らしく、あなたが遭遇するかもしれないあらゆる技術的な問題に対して、彼らのチームがあなたをサポートします。
Shopifyのサイトスピードを改善する
Shopifyに関する最大の不満の1つは、速度が遅いということです。しかし、他のeコマースプラットフォームと比較すると、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などの主要な要素を最適化することができます。可能であれば、これらの要素にターゲットキーワードを使用する必要があります。
これらの要素を調整するには、調整したいページに移動し、「Search Engine Listing Preview」までスクロールダウンする必要があります。
商品ページにコンテンツを追加する
個々の製品をインデックス化することを決定した場合、理想的には、各ページに固有のコンテンツを追加したいと思うでしょう。当初、Shopifyの商品にはページ上のユニークなコンテンツが関連付けられていないかもしれません。これはShopifyストアによくある問題で、複数の商品で同じ説明文が使用されていたり、説明文が存在しないことがよくあります。オンページのベストプラクティスで商品説明を追加すると、SERPsでランキングされる可能性が高くなります。
しかし、すべての商品について独自のコンテンツを作成するのは時間がかかると思われます。そこで私たちは、どの製品から最適化するか、ターゲットを絞ったアプローチをとっています。その際、「製品別売上」レポートを使用すると、コンテンツの追加を開始する最も重要な製品に優先順位をつけることができます。このレポートは、Analytics > Dashboard > Top Products By Units Soldで見ることができます。
このようなアプローチをとることで、最適化すべき優先順位の高いページを素早く特定することができます。その後、コピーライターと協力して、個々の商品に関するコンテンツの作成に取りかかります。また、商品説明文は常にユーザーの視点に立って書くことを意識しましょう。ユーザーが最も気になる商品の特徴を書くことで、コンバージョンとSEOの両方を向上させる最高のチャンスを得ることができます。
Shopifyブログ
Shopifyにはブログを作成する機能がありますが、多くのShopifyストアでこの機能が欠けているのをよく見かけます。Eコマースサイトは収益が第一の目標であるため、サイトの初期構築は製品にフォーカスされるのは理にかなっています。
しかし、Googleで商品ページをランク付けすることが難しくなってきている時代です。例えば、以下のスクリーンショットは、「布おむつ」という用語のオーガニック検索結果のトップ3を示しています。
多くの人は、これは主に取引に関するクエリだと推測しますが、Googleは2つの記事と1つの製品リストページを上位3つの結果にランク付けしていることがわかります。これは、Googleが取引よりも情報コンテンツを上位に表示することを好むという大きなトレンドの一例です。
Shopifyのストアからブログを除外することは、多くのビジネスにとって大きな機会損失をもたらすと考えます。ブログがあることで、情報コンテンツを作成する場所を自然に確保することができます。もし、あなたのShopifyストアにマッピングされたキーワードに対して、Googleがより多くのブログ/記事タイプのコンテンツをランキングしているのを見たなら、あなたの最善の策は、そのコンテンツを自分で作成しに行くことです。
もしあなたがShopifyストア(または他のeコマースサイト)を運営しているのであれば、以下のステップを踏むことを強くお勧めします。
- 優先順位の高いキーワードを特定する
- 手動でそれぞれのキーワードに対してGoogleクエリを実行します。
- Googleが1ページ目に表示するコンテンツの種類をメモしておく。情報系が中心か、取引系が中心か、あるいはその両方が混在しているか?
- もし、情報系と情報系が混在している場合は、ユーザーの意図に合致するコンテンツがあるかどうか、自社のコンテンツを評価する。もしあれば、品質を向上させ、最適化します。
- このようなコンテンツがない場合は、ユーザーの意図を満たすと思われる情報的なトピックを中心に、新しいブログコンテンツを作成することを検討してください。
例えば、あるクライアントが「CRMソフトウェア」という非常に競争の激しいキーワードでのランキングに興味を持ったとします。SERPsを分析したところ、Googleは主に "CRMソフトウェアとは何か?"についての情報ページを上位表示していることがわかりました。そのため、CRMソフトウェアがどのようなもので、どのようなメリットがあるのか、一般的な情報を提供するページを作成することを提案しました。このページを作成し、最適化したところ、すぐにオーガニックトラフィックが大幅に増加しました。
多くのShopifyサイトで見られる問題は、情報ページが検索エンジンでよく機能するという事実にもかかわらず、情報ページにほとんど焦点が当てられていないことです。これは、オーガニックトラフィックと収益につながる情報コンテンツを作成するための手段を提供するため、ほとんどのShopifyサイトはブログプラットフォームを使用する必要があります。
アプリ
WordPressのプラグインと同様に、Shopifyはコードを手動で調整することなくサイトに高度な機能を追加することができる "アプリ "を提供しています。しかし、WordPressとは異なり、Shopify Appsのほとんどは有料です。そのため、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で利用できますか?
はい!YoastはShopifyでもご利用いただけます。2022年1月現在、YoastはShopifyで利用可能です。アプリはこちらで確認できます。
Shopifyのアプリを制限する
WordPressのプラグインと同様に、Shopifyのアプリはサイトに追加のコードを注入することになります。つまり、多数のアプリを追加すると、サイトの速度が低下する可能性があります。Shopifyサイトは特に肥大化の影響を受けやすく、多くのアプリがコンバージョンの向上に重点を置いているためです。多くの場合、これらのアプリはより多くのJavaScriptとCSSファイルを追加し、ページのロード時間を悪化させる可能性があります。使用しているアプリを定期的に監査し、付加価値がないもの、サイトで利用されていないものを削除することをお勧めします。
クライアント実績
私たちはShopifyストアを使用しているクライアントでかなり良い成功を収めています。以下に、私たちが達成した結果の一部をご紹介します。ただし、これらのケーススタディは、上記の推奨事項だけを含んでいるわけではないことにご注意ください。これらのクライアントには、上記の推奨事項のいくつかと、その他のSEO対策を組み合わせて使用しています。
あるShopifyストアの事例では、そのストアのメイン商品に関する非常に競合性の高いキーワードでのランキングに関心がありました。私たちは、「製品別売上」レポートで上位に表示されている製品を評価しました。その結果、商品ページが最適化されていなかったため、クライアントと協力して新しいコンテンツを追加する大規模な取り組みが行われました。これと他の施策を組み合わせることで、1ページ目の順位が113キーワード上昇しました。
また、あるクライアントが、自社のブランドキーワードで順位が上がらないという問題で、当社に相談に来ました。その代わりに、その製品を扱っているサードパーティーの小売業者が、しばしば上位にランクインしていたのです。私たちは、Shopifyが作成した重複ページではなく、正規のページを指すように内部リンクの構造を調整する作業を行いました。また、関連するページでブランド用語をより効果的に使用できるように、コンテンツを最適化しました。その結果、わずか数ヶ月の間に全体的な順位が大幅に上昇しました。
前進
Shopifyの利用が拡大するにつれ、このプラットフォームに付随するSEOの意味を理解することがますます重要になってきます。このガイドが、あなたのShopifyストアを検索エンジンでより強くするための追加知識を提供することを望みます。