Shopify ストアを 3 ステップで AI エンジンに認識させる

3 ステップでセットアップ

1. 1

   API キーを発行し、ストアのドメインを登録

   AEO Pro にログイン → /dashboard/settings/api-keys で「Generate new key」を実行し、aeopro_ で始まる文字列をコピー。次に Dashboard → Sites → Add Site で my-shop.com と my-shop.myshopify.com の両方を追加してください（GoogleBot と GPTBot のトラフィックを正しく集約するため）。

2. 2

   snippets/aeo-pro.liquid を作成し、theme.liquid から読み込む

   Shopify 管理画面 → オンラインストア → テーマ → コードを編集 で、Snippets に aeo-pro.liquid を作成し、下記コードを貼り付けます（api_key を自分のキーに置換）。続いて layout/theme.liquid の </head> の直前に読み込みタグを追加します。

   コードサンプルliquid · snippets/aeo-pro.liquid

   {%- comment -%}
     AEO Pro · Schema + llms.txt injector
     Drop in snippets/aeo-pro.liquid, then include once from theme.liquid:
       {%- render 'aeo-pro' -%}
     Replace the api_key constant with your aeopro_ key.
   {%- endcomment -%}
   {%- assign api_key = 'aeopro_xxxxxxxxxxxxxxxxxxxxxxxxxxxx' -%}
   {%- assign endpoint = 'https://www.aeo-pro.app/api/v1/schema/generate' -%}
   
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "Organization",
     "name": "{{ shop.name | escape }}",
     "url": "{{ shop.url }}",
     "logo": "{{ shop.brand.logo | image_url: width: 512 | default: 'https://www.aeo-pro.app/icon' }}"
   }
   </script>
   
   {%- if template contains 'product' and product -%}
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "Product",
     "name": {{ product.title | json }},
     "image": [{{ product.featured_image | image_url: width: 1200 | json }}],
     "description": {{ product.description | strip_html | truncate: 600 | json }},
     "sku": {{ product.selected_or_first_available_variant.sku | json }},
     "brand": { "@type": "Brand", "name": {{ shop.name | json }} },
     "offers": {
       "@type": "Offer",
       "url": "{{ shop.url }}{{ product.url }}",
       "priceCurrency": {{ shop.currency | json }},
       "price": {{ product.selected_or_first_available_variant.price | money_without_currency | json }},
       "availability": "{% if product.available %}https://schema.org/InStock{% else %}https://schema.org/OutOfStock{% endif %}"
     }
   }
   </script>
   {%- endif -%}
   
   <link rel="aeopro-citation-stream"
         href="https://www.aeo-pro.app/api/v1/citations/stream?shop={{ shop.permanent_domain }}"
         data-api-key="{{ api_key }}">

3. 3

   robots.txt.liquid と llms.txt リダイレクトで AI クローラー許可を反映

   Shopify OS 2.0 では robots.txt は robots.txt.liquid で編集します。AEO Pro Dashboard → Sites → 対象ストア → robots タブからおすすめ設定をコピーしてください。/llms.txt は AEO Pro でホストするので、CDN または DNS で /llms.txt → https://www.aeo-pro.app/llms/{shop-handle}.txt の 301 を設定します。

   コードサンプルliquid · layout/theme.liquid

   {%- comment -%}
     Add this once in layout/theme.liquid, just before </head>:
   {%- endcomment -%}
   {%- render 'aeo-pro' -%}