Shopifyのブログ記事をGoogle検索結果のリッチリザルトで表示させる

Google検索結果の、リッチリザルトってご存知ですか？
リッチリザルトは通常の検索結果表示と違い、写真やカード形式などで表示される検索結果のことです。

※リッチリザルトとは

head内に構造化データを埋め込み、Googleにうまく認識してもらえると、リッチリザルトとして表示されるようになります。
構造化データの例：https://developers.google.com/search/docs/data-types/recipe?hl=ja#guidelines

Shopifyのブログで、レシピの記事を書いたときにリッチリザルトとして表示されるように構造化データを埋め込むのをやってみたので、まとめていきます。

theme.liquidの<head>タグ内に以下を追記します。

{% if template == 'article' %}
  {% for tag in article.tags %}
    {% if tag == 'レシピ' %}
      {% capture filename %}google_rich_contents_recipe_{{ article.id }}{% endcapture %}
      {% include filename %}
    {% endif %}
  {% endfor %}
{% endif %}

shopifyのページの殆どは、theme.liquidというレイアウトが最初に読み込まれます。テンプレートがarticle（ブログ記事ページ）で、「レシピ」というタグがついていた場合に、snippetが埋め込まれるよう設定します。

レシピのタグを付けたブログを作成すると、ページ上部にsnippetsディレクトリに、該当のファイルがないという意味のエラーが出現します。

Liquid error: Could not find asset snippets/google_rich_contents_recipe_555492081762.liquid

※数字部分は人それぞれブログ記事のIDが表示されます

オンラインストアのコードの編集から、新しいsnippetsを上記で表示されていたファイル名で追加し、構造化データテキストを保存します。

snippetsにファイルを保存すると、エラーが消えます

リッチリザルトの構造化データが正しくセットされているかどうかは、こちらのサイトでチェックすることができます。

うまくいっているようです！

他の方法で構造化データをもたせる方法がありましたら、逆に教えてほしいです！