Shopifyに関連記事を出すには？無料アプリ「Related Blog Posts」の導入方法

ブログ記事だけでなく、商品ページやコレクション、Pagesなどにも目次を自動生成できる世界に1つしかないShopifyアプリです。
無料から利用でき、ノーコードで導入可能です。
文言やデザイン、スクロールのオン・オフ、目次の表示位置の調整など、様々なカスタマイズが可能です。また、ライブプレビュー機能で、リアルタイムで確認しながら目次のカスタマイズが可能です。

ShopifyでECサイトを構築し、商品を登録してブログ記事も数件投稿し始め、集客と購入の準備がそろそろ整ってきた段階で検討したいのが、SEO対策です。

SEO対策の１つに内部リンク対策があります。その中でも簡単に取り組めるのが、関連記事の対策です。

本記事では、Shopifyに関連記事を出すための無料アプリ「Related Blog Posts」の導入方法を解説します。

下記の記事では、SEOのメリットやShopifyで出来るSEO対策について解説しています。参考にしてください。

【保存版】Shopifyで出来るSEO対策｜SEOの基本やメリット、おすすめアプリも紹介
ShopifyでのSEO対策の方法を詳しく解説。コンテンツ施策、内部施策、外部施策、ページエクスペリエンスの最適化など、具体的な実践方法からおすすめのアプリ・ツールまで幅広く紹介します。

また、Shopifyのブログ機能について下記の記事で紹介しているので、まだブログ記事を書いてない方は参考にしてください。

【保存版】Shopifyのブログ機能をフル活用｜ブログ記事をカスタマイズするアプリも紹介
Shopifyのブログ機能の特徴やメリット、活用事例を詳しく解説。ECサイトの売上拡大に効果的なブログ活用方法とカスタマイズ用アプリを紹介します。無料から始められるShopifyブログ機能を最大限に活用するための保存版ガイド。

Related Blog Postsとは？

Related Blog Postsは関連記事を自動で表示してくれる無料のShopifyアプリです。

Related Blog Postsはカスタマイズも可能

・読者数を向上させるために表示する関連投稿の数を設定する

・ブログ記事の特集画像を使用してクリック率を高める

・関連記事がない場合に表示するテキストを変更できます。

・表示するブログの決定（複数のブログを分けて管理したい場合に最適です）

・特定のタグを使用した記事を関連記事対象外にする

・関連記事として表示されないようにする（1回限りのプロモーション投稿を隠すのに有効）

・関連記事のスタイルを設定できます。

・CSSでコーディングすることも可能です。

Related Blog Postsの導入方法

Related Blog Postsの導入は、利用しているShopifyテンプレートがOS2.0か、それ以前のテンプレートかで異なります。

テンプレートがOS2.0の場合

導入方法は3ステップです。

• (1) アプリをインストールする
• (2) テーマエディタを開いて、アプリを有効にする
• (3) ブログ記事テンプレートに「Blog Posts」ブロックを追加

それでは詳しく説明します。

(1) アプリをインストールする

1. Related Blog Postsへアクセスし、「アプリ追加する」をクリック

2. 「アプリをインストール」をクリック

(2) テーマエディタを開いて、アプリを有効にする

3. オンラインストア > テーマ > カスタマイズの順に選択し、テーマエディタを開く

4. テーマエディタの「埋め込みアプリ」を選択し、「Blog Posts」を有効にして保存

(3) ブログ記事テンプレートに「Blog Posts」ブロックを追加

5. テーマエディタを開いたまま、「ブログ記事」テンプレートを選択

6. 左メニューの「セクションを追加」をクリックし、アプリから「Blog Posts」を選ぶ

7. 関連記事を出したい箇所へ、6のセクションをドラッグ＆ドロップで移動し、保存

8. 関連記事が表示されているか確認

テンプレートがOS2.0以前の場合

導入方法は2ステップです。

• (1) アプリをインストールする
• (2) 特定の箇所に、ソースコードを追記する

それでは詳しく説明します。

(1) アプリをインストールする

1. Related Blog Postsへアクセスし、「アプリ追加する」をクリック

2. 「アプリをインストール」をクリック

(2) 特定の箇所に、ソースコードを追記する

3. オンラインストア > テーマ > アクションの順にクリック

4. アクションの中の「コードを編集」選択

5. ソースコードに{% include 'relatedblogs' %}を挿入

・ファイルの検索フォームで「article」と検索

・「main-article.liquid」を選択

・文字検索で「article.content」と検索

・{{article.content}}の直下に{% include 'relatedblogs' %}を挿入

6. 「保存する」をクリック

{{article.content}}直下に{% include 'relatedblogs' %}が挿入されていることを確認し、「保存する」をクリック

7. 関連記事が表示されているか確認

関連記事は記事の下部に表示されています。

関連記事以外の内部リンク施策

目次

目次はブログ記事の「読みやすさの向上（利便性向上）」など様々なメリットがある内部リンク施策の１つです。下記の記事で目次のメリットを解説していますので、ご参考になさってください。

Shopifyに目次を入れるメリット｜おすすめアプリや目次の表示方法も紹介
Shopifyブログに目次を導入するメリットや方法を徹底解説！読者の利便性向上、SEO効果、アクセス数増加を実現するアプリやカスタマイズ方法を比較し、最適な選択肢をご紹介します。

また、下記のページではShopifyストアに無料で目次を生成してくれるShopifyアプリ「RuffRuff 目次作成」に関して紹介していますので、ご参考になさってください。

RuffRuff 目次作成 - ブログ記事や商品に目次を自動生成できるShopifyアプリ
RuffRuff 目次作成は、ブログ記事や商品、ページ、コレクションに目次を自動生成できるShopifyアプリです。無料から利用でき、ノーコードでたったの２ステップで導入できるのが特徴です。また、日本で初めて最高品質の証である「Built for Shopify」を獲得しました。

タグ一覧

タグ一覧は「情報の探しやすさの向上（利便性向上）」など様々なメリットがある内部リンク施策の１つです。下記の記事でタグ一覧のメリットを解説していますので、ご参考になさってください。

Shopifyのタグを活用するメリット｜タグ一覧を表示する方法
Shopifyのタグ機能の活用方法を徹底解説！タグのメリット・デメリット、効果的な付け方、タグ一覧の表示方法、さらにおすすめのShopifyアプリまで詳しく紹介。SEO対策やユーザー利便性向上に役立つ情報が満載です。

また、下記のページではShopifyストアに無料でタグ一覧を生成してくれるShopifyアプリ「RuffRuff タグ一覧」に関して紹介していますので、ご参考になさってください。

RuffRuff タグ一覧 - ブログ一覧やコレクションにタグフィルターを表示できるShopifyアプリ
RuffRuff タグ一覧は、商品やブログ記事、コレクション、ブログ一覧にタグ一覧を自動表示できるShopifyアプリです。2ステップのみで簡単にセットアップができ、タグ一覧のデザインは自由にカスタマイズすることができ、回遊率向上や検索性向上を期待できます。

パンくずリスト

パンくずリストは訪問者が現在位置を把握でき、現在位置の親階層へすぐにアクセスするのに役立つ内部リンク施策の１つです。下記の記事ではパンくずリストを出すメリットを詳しく解説しています。ご参考になさってください。

【Shopify】パンくずリストの表示方法｜おすすめアプリや無料の実装方法も紹介
Shopifyでパンくずリストを導入する方法を詳しく解説。テーマやアプリを使った簡単な実装方法から、カスタムLiquidを使った本格的なカスタマイズまで、初心者にもわかりやすく説明。SEO効果やユーザビリティの向上など、パンくずリストのメリット・デメリットも紹介します。

最後に

下記の記事では関連記事を表示できるShopifyアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。

Shopifyアプリ おすすめ一覧：売上アップ・効率化・無料アプリまで徹底解説！
Shopify運営を効率化するおすすめアプリを徹底解説！集客、CVR改善、工数削減、SEO対策、メルマガ作成など、目的別に厳選アプリを紹介。初心者から上級者まで役立つ情報満載！人気ランキング順ではなく、実際に利用してみて本当におすすめできるショッピファイアプリ。無料やShopify公認の最高品質アプリまで！