汎用ツール / 33

Shopify SEOメタタグ&SERPプレビュー生成ツール

ピクセル幅のSERPプレビュー、再利用できるLiquid、静的HTML出力で、検索最適化されたShopifyのタイトルタグとメタディスクリプションを生成します。

Shopify SEOメタタグ&SERPプレビュー生成ツール: TOEAはタイトルと説明の幅(~600pxと~960pxのデスクトップ上限)を推定し、レンダー時にShopifyオブジェクトを読み取る、ページタイプにスコープされたLiquidスニペットを作成します。静的HTMLパネルはここで入力した値のプレビューであり、テーマ全体の置き換えではありません。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
Webツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます

Shopifyのページ&メタ情報

静的な商品プレビューにのみ使用します。

ライブGoogle SERPカードプレビュー

https://apexcoffeeroasters.myshopify.com› products ›-

ハンドクラフトのオーガニックエスプレッソ豆 | Apex Coffee Roasters

US$24.99 • 地元で焙煎した少量生産のオーガニックエスプレッソ豆。リッチなダークチョコレートとヘーゼルナッツのテイスティングノート。新鮮なコーヒーを今すぐオンラインでご注文ください!

タイトルのピクセル幅350px / 600px
44 文字 ✓ タイトルの制限内
メタディスクリプションの幅549px / 960px
84 文字 ✓ 最適なスニペット長
Shopify Liquidメタスニペット
静的HTMLプレビュー出力

Shopifyがすでにこれらのタグを書き込む場所

Dawnを含むほとんどのテーマと、Dawnを基に作られた多くのテーマは、layout/theme.liquidやmeta-tags.liquidのようなスニペットからtitle、メタディスクリプション、Open Graphタグをすでに出力しています。このスニペットも追加すると、titleとディスクリプションが2つずつ生成されます。スニペットが対象とするページタイプについて、テーマ独自のタグをコメントアウトするか削除し、ページのソースを表示してそれぞれ1つだけ残っていることを確認してください。

管理画面から設定するtitleとディスクリプション

Shopifyの管理画面には、商品、コレクション、ページごとに検索エンジン向けリスティングのセクションがあります。Liquidでは、これらの値をpage_titleとpage_descriptionとして利用できます。このスニペットは最初にそれらを読み込むため、管理画面で手動入力したリスティングが検索エンジンに表示されます。空欄の場合は、商品のtitleとディスクリプションが代わりに使われます。後からリスティングを変更する場合も、テーマではなく管理画面を編集するだけで済みます。管理画面のカウンターはtitleを70文字、ディスクリプションを320文字まで許容しますが、検索結果ページに表示される量より多いため、ここにあるピクセルメーターを使ってリスティングを作成してください。

商品のディスクリプションはスニペットよりはるかに長くできますが、検索エンジンは単純に途中で切り詰めます。公開したら、メタタグチェッカーで出力を確認してください。

使い方

  1. Product、Collection、Pageのいずれかを選び、タイトル、ストア名、説明、フォーカスキーワードを入力します。
  2. ページ固有のURLプレビュー、通貨に応じた商品価格、ピクセル幅のトランケーションメーターを確認します。
  3. 再利用可能なLiquidをテーマのスニペットとして保存し、layout/theme.liquidからレンダーするか、検証用に個別の静的HTML出力をコピーします。

プライバシーと制限事項

ストアや商品の詳細は、すべてお使いのブラウザ内にとどまります。

関連ツール

よくある質問

なぜ文字数ではなくピクセル幅でタイトルを測定するのですか?

Googleは正確な文字数ではなく、コンテナのピクセル幅(~600px)に基づいてSERPのタイトルを切り詰めます。幅の広い文字('W','M')は、狭い文字('i','l')よりも多くの幅を取ります。

Liquidスニペットはどこに貼り付ければよいですか?

snippets/toea-meta-tags.liquidのようなスニペットとして保存し、layout/theme.liquidの<head>内でそのスニペットをレンダーしてください。実行時にproduct、collection、page、shop、currencyオブジェクトを読み取るため、プレビューの値はハードコードされません。titleやdescriptionタグを二重に追加するのではなく、重複するテーマのメタデータを置き換えてください。

静的HTML出力をtheme.liquidに貼り付けてもよいですか?

静的HTMLパネルはプレビューまたは制御されたテストのみに使用してください。このツールで入力した値が含まれるため、本番のテーマには再利用可能なLiquid出力を使い、各ページがそれぞれのShopifyデータを取得できるようにします。

無料ツール · ブラウザ内で · アカウント不要