投稿者 投稿日: カテゴリー EC・WEBノウハウ
メタタグとは、Webページの情報を検索エンジンやブラウザに伝えるHTMLの記述のことです。
商品ページの順位がなかなか上がらないとき、本文や商品画像ばかりに目が向きがちですが、ページの裏側でブラウザや検索エンジンに情報を渡しているメタタグが古いままになっているケースは少なくありません。この記事では、文字コード指定・メタディスクリプション・スマートフォン最適化・検索エンジン制御という基本の4用途を2026年5月時点の実情に合わせて整理し直したうえで、ECサイトの商品ページやカテゴリページでどう設定すべきか、生成AIによる検索の概要枠を意識したときにメタタグがどう関わるか、ChatGPTでメタディスクリプションを下書きする手順までを追加しました。HTMLに不慣れな店長やEC担当者でも、自分のサイトのどこを直せばよいか判断できる状態を目指しています。
メタタグはページの「裏側の情報書き」
メタタグは、HTMLの先頭にあるhead要素の中に書かれる記述で、ページを訪れた人の画面には直接表示されません。代わりに、そのページがどんな文字コードで書かれているか、検索結果でどんな説明文を出すか、スマートフォンでどう表示するか、検索エンジンにインデックスさせてよいかといった「ページの取り扱い情報」を、ブラウザや検索エンジンに向けて伝えます。本に例えるなら、本文ではなく奥付や注意書きにあたる部分です。
ECサイトの運営では、このメタタグを自分で1行ずつ書く場面は多くありません。Shopifyや楽天市場、Amazon、WordPressなどは、管理画面の入力欄やテーマの設定として用意されており、店舗側はフォームに文字を入れるだけで裏側のメタタグが生成される作りになっています。だからこそ、メタタグそのものを意識せずに運用しているサイトが多く、初期設定のまま放置された結果、検索結果の説明文が商品名だけになっていたり、テスト用のnoindex指定が残ってインデックスされていなかったり、という取りこぼしが起きます。
裏側の記述だからといって軽視すると、せっかくの商品ページが検索エンジンに正しく扱われません。逆に、基本の4用途を理解しておけば、管理画面のどの入力欄が何を制御しているのかが分かり、トラブルの切り分けが早くなります。検索エンジンがページをどう読み取り、どう一覧に並べるのかという全体像は、検索結果の表示パターンを整理したGoogle検索結果の表示パターン2026年版も合わせて読むと理解が進みます。
押さえておきたいメタタグの4用途
メタタグには多くの種類がありますが、ECサイトの運営で最初に押さえるべきは次の4つです。既存記事から引き継いだこの4本柱を、2026年の実情に合わせて解説します。
1つ目は、文字コードの指定です。文字コードとは、文字をコンピューターが扱える数値に対応させる方式のことで、これがページとブラウザの間でずれると、本文が文字化けして読めなくなります。現在のWebでは、世界中の文字を扱えるUTF-8という方式が標準です。head要素の冒頭で文字コードをUTF-8に指定する記述を置いておくことで、ブラウザはそのページを正しく読み込めます。ShopifyやWordPress、各モールが生成するページは初期状態でUTF-8が指定されているのが一般的なので、自社でHTMLを編集するランディングページや、古いテンプレートを使い回しているページでだけ確認すれば足りるケースが多いです。
2つ目は、メタディスクリプションです。メタディスクリプションは、検索結果でページタイトルの下に表示される説明文のもとになる記述です。ここで注意したいのは、書いた説明文がそのまま表示されるとは限らないことです。検索エンジンは、検索された言葉や本文の内容に応じて、メタディスクリプションを使わずに本文中の文章を抜き出して表示することがあります。Googleの公式ドキュメントでも、メタディスクリプションは説明文の候補として扱われ、検索クエリにより適した文章があればそちらが採用されると説明されています。文字数についても、明確な上限が決められているわけではなく、検索結果に表示される長さは端末や状況で変わります。日本語ではおおむね全角120字前後を目安に、ページの要点が前半に収まるように書くのが現実的です。検索された言葉と一致する部分は太字で強調表示される傾向があるため、商品ページであれば想定される検索ワードを自然な文章の中に入れておくと、クリックされやすくなります。
3つ目は、スマートフォン最適化のための指定です。これはビューポートと呼ばれる記述で、ページをスマートフォンの画面幅に合わせて表示するための設定です。この指定がないと、スマートフォンでもパソコン用の横幅でページが描画され、文字が極端に小さくなったり横スクロールが必要になったりします。ECの売上の多くがスマートフォン経由である現在、ビューポートの指定はもはや前提条件です。Shopifyや主要モール、レスポンシブ対応のWordPressテーマは標準で指定が入っていますが、自作のLPや古い特集ページでは抜けていることがあるため、スマートフォンで表示崩れが起きたときに真っ先に確認したい項目です。
4つ目は、検索エンジンの制御です。robotsと呼ばれる記述で、検索エンジンにそのページをインデックスさせてよいか、ページ内のリンクをたどらせてよいかを指示します。検索エンジンがページを検索結果に出すまでには、ページを見つけて読みに来る「クロール」、内容を登録する「インデックス」、検索された言葉に応じて並べる「ランキング」という3つの工程があります。robotsの記述でインデックスを拒否する指定（noindex)を入れると、そのページはクロールされても検索結果には出ません。リンクをたどらせない指定(nofollow)を入れると、そのページから先のリンクが評価の受け渡しに使われにくくなります。これらは、検索結果に出したくない会員専用ページや、重複しがちな絞り込み後のページを制御するために使います。注意したいのは、本来公開して集客したい商品ページに、テスト段階のnoindexが残ってしまう事故です。新しい特集ページを公開したのに検索に出てこないときは、まずこのrobots指定を疑うのが定石です。
なお、検索結果に出したくないからといってrobotsだけに頼ると、似た内容のページが複数あるときの「どれを正規ページとして評価するか」の問題は解決しません。重複ページの正規化は別の仕組みで指定するもので、その考え方はcanonicalタグの使い方で扱っています。noindexで完全に消すのか、canonicalで評価を1ページに集約するのかは、目的に応じて使い分けます。
ECサイトの商品ページとカテゴリページでのmeta設計
基本の4用途を理解したうえで、ECサイト特有の事情を踏まえた設計に踏み込みます。ECサイトはページ数が多く、商品ページ・カテゴリページ・特集ページがそれぞれ違う役割を持つため、メタタグの設計も役割に応じて変える必要があります。
商品ページのメタディスクリプションは、商品名だけを並べた状態になりがちですが、これはもったいない設計です。検索する人は「商品名」だけでなく「商品名＋用途」「カテゴリ名＋選び方」といった言葉で探すため、説明文には商品の特徴・対象となる人・使う場面を、想定される検索ワードを織り込みながら入れます。たとえば保湿クリームなら、容量や成分の特徴、どんな肌悩みの人に向くかを前半に置く、という具合です。ただし、最高・No.1・即効・効くといった誇大表現や薬機法に触れる断定は、件名にも説明文にも入れません。これはモールでも自社ECでも共通の前提です。
カテゴリページは、商品ページよりも一段上の検索意図、つまり「何を買うか決めていない人」が入口にする枠です。ここのメタディスクリプションには、そのカテゴリで扱う商品の幅、選び方の軸、価格帯の目安などを入れて、一覧ページとしての価値が伝わるようにします。カテゴリページは調べもの段階のクエリでも露出しやすいため、説明文の作り込みが流入の差につながります。
モールに出店している場合は、メタタグそのものを店舗側で自由に書ける範囲が限られます。楽天市場やAmazon、Yahoo!ショッピングは、商品名・キャッチコピー・商品説明文といった管理画面のフィールドに入れた文字をもとに、モール側がページのメタ情報を生成する仕組みです。そのため、店舗側ができる最適化は、それぞれのフィールドに検索意図のキーワードを過不足なく入れることになります。文字数の上限は2026年5月時点の確認値として、楽天市場の商品名は半角255文字(全角換算127文字)以内、商品キャッチコピーは半角174文字(全角換算87文字)以内、Amazon.co.jpの商品名はカテゴリにより半角50〜200文字以内、Yahoo!ショッピング(ストアクリエイターPro)の商品名は75文字以内です。いずれも変更される可能性があるため、最新の値は各モールの公式マニュアルで確認する前提で使ってください。楽天の商品名フィールドへのキーワード設計は楽天の商品名SEO2026年版で具体的に扱っています。
自社ECサイトであれば、商品ページもカテゴリページも特集ページも、メタディスクリプションやrobotsを自由に設定できます。この自由度は強みであると同時に、設定漏れや事故も起きやすい裏返しでもあります。新しいページを公開する前のチェックリストに、メタディスクリプションが入力されているか、テスト用のnoindexが外れているか、ビューポートが効いているかの3点を入れておくと、公開後の取りこぼしが減ります。
AIによる概要と生成AI検索の時代にメタタグはどう関わるか
検索の入口が、青いリンクの一覧からAIが生成する要約へと広がるなかで、メタタグの役割が変わったのかという疑問をよく受けます。結論を急がず、現時点で言える範囲を整理します。
まず、メタディスクリプションがAIの要約に直接そのまま使われるという公式の説明は、2026年5月時点では確認できていません。Googleの公式ガイダンスは、AIによる概要やAIモードに引用されるための専用のメタタグやファイルは不要で、従来のSEOのベストプラクティスがそのまま土台になると説明しています。つまり、AI検索のためにメタタグを特別に書き換えるという発想ではなく、ページがクロールされ、インデックスされ、検索結果に出られる状態を整えることが先決という整理です。robotsでnoindexになっているページは、そもそもAIの要約の参照元にも入りません。基本の4用途を正しく設定することが、AI時代の土台でもあるわけです。
そのうえで、メタタグが間接的に効く場面はあります。メタディスクリプションは、検索結果の一覧でクリックを促す役割を持ち続けています。AIの要約が画面の上部に出ても、その下には従来の検索結果が並び、ユーザーが比較検討のために個別ページを開くときには、タイトルと説明文が判断材料になります。要約で完結しないクエリ、つまり購入や比較につながるクエリでは、説明文の作り込みが引き続きクリック率に効きます。
引用されやすいページ作りという観点では、メタタグよりも本文の構成のほうが影響が大きいと考えられます。問いに対する答えを冒頭で短く言い切る、定義を1〜2文で先に置く、といった本文の組み立てが、要約に抜かれやすい構造につながります。メタタグはあくまで裏側の情報伝達であり、AI時代に新しい役割が加わったというより、基本を正しく保つことの重要性が再確認された、という温度感で捉えるのが実情に近いと判断します。生成AIの提示する仕様には、現時点で存在しない機能名や古い情報が混ざることがあるため、AIの説明を鵜呑みにせず、公式ドキュメントと実際の検索結果で裏取りする姿勢が欠かせません。
ChatGPTやClaudeでメタディスクリプションを下書きする手順
文字コードやビューポートは一度設定すれば触る機会が少ない一方、メタディスクリプションは商品が増えるたびに書く必要があり、手が回らない店舗が多い領域です。ここは生成AIの下書き作成と相性がよく、ChatGPT・Claude・Geminiのいずれでも作業を軽くできます。AIモデルは2026年5月時点でChatGPTがGPT-5.5、GeminiがGemini 3.5 Flash、ClaudeがClaude Opus 4.7あたりがフラッグシップとされていますが、提供状況やモデル名は変動するため要確認です。出力はあくまで下書きとして扱い、最終的な文言は人の目で整える前提で使ってください。
1本目は、商品ページのメタディスクリプションを複数案で出すプロンプトです。
あなたは日本のEC事業者を支援するSEOライターです。
以下の商品について、検索結果に表示するメタディスクリプションの案を3つ作成してください。
商品名: {商品名}
カテゴリ: {カテゴリ}
特徴: {素材・容量・成分などの特徴を3つ}
想定する購入者: {誰がどんな場面で使うか}
入れたい検索ワード: {商品名以外で狙うキーワードを2〜3語}
条件:
- 各案は全角120字前後を目安にし、要点を前半に置く
- 狙う検索ワードを不自然にならない範囲で前半に入れる
- 最高・No.1・即効・治療・効くなどの誇大表現や薬機法に触れる断定は使わない
- ですます調、絵文字なし
出力フォーマット:
- 案1（字数）
- 案2（字数）
- 案3（字数）
それぞれ、どんな検索意図の人に響く案かを一言添えてください。
2本目は、すでに付けてある説明文を点検し、改善案を出してもらうプロンプトです。
あなたはテクニカルSEOの担当者です。
以下のメタディスクリプションを点検し、改善点と書き直し案を提示してください。
ページ種別: {商品ページ / カテゴリページ / 特集ページ}
現状のメタディスクリプション: {今ついている説明文をそのまま貼る}
このページで狙いたい検索ワード: {キーワード}
点検してほしい観点:
- 要点が前半に収まっているか
- 商品名だけになっていないか
- 誇大表現や薬機法・景表法に触れる表現がないか
- 全角120字前後に収まっているか
出力フォーマット:
- 現状の課題（箇条書き）
- 書き直し案（全角120字前後、字数明記）
不確実な仕様には「要確認」と明記してください。
これらのプロンプトで出た案は、そのまま貼り付けるのではなく、商品の実態と合っているか、誇大表現が紛れていないかを必ず人の目で確認してください。ALSELが支援する店舗群でも、AIの下書きを土台にしつつ、最終的な文言は商品担当者が責任を持って整える運用にしています。説明文を直したあとは、検索結果での実際の表示が変わったか、クリック率がどう動いたかをサーチコンソールで追うことが効果検証になります。サーチコンソールの初期設定はSearch Consoleの設定手順を参照してください。
なお、どんな検索ワードを説明文に織り込むかを考える段階では、検索窓に表示される予測候補も手がかりになります。実際に検索される言葉の傾向をつかむ方法はサジェストワードとは何かを整理した記事で解説しています。
よくある質問
メタディスクリプションは必ず検索結果に表示されますか
必ず表示されるとは限りません。検索エンジンは、検索された言葉や本文の内容に応じて、設定した説明文ではなく本文中の文章を抜き出して表示することがあります。それでも、説明文を設定しておくと採用される確率は上がり、ページの意図を伝える助けになるため、空欄のまま放置するのは避けたほうがよいです。
メタディスクリプションの文字数に正解はありますか
明確な上限が決められているわけではなく、検索結果に表示される長さは端末や状況で変わります。日本語ではおおむね全角120字前後を目安に、ページの要点が前半に収まるように書くのが現実的です。これは目安であり、固定のルールではない点に注意してください。
メタキーワードはまだ書く必要がありますか
検索順位の評価には使われていないとされており、SEO目的で書く必要性は低いと考えられます。かつてはページのキーワードを列挙するメタキーワードという記述がありましたが、現在の主要な検索エンジンはランキングの判断材料にしていないと説明しています。記入しても害はありませんが、優先度は低い項目です。
商品ページがインデックスされず検索に出てきません
robotsの記述でnoindexが残っていないかをまず確認してください。テスト段階で入れたnoindexが公開後も残っていると、ページがクロールされても検索結果には出ません。サーチコンソールのインデックス状況の確認機能で、そのページがインデックス対象になっているかを点検するのが出発点です。
モールの商品ページでもメタタグを自分で設定できますか
店舗側が直接メタタグを書ける範囲は限られます。楽天市場やAmazon、Yahoo!ショッピングは、商品名やキャッチコピー、商品説明文といった管理画面のフィールドに入れた文字をもとにモール側がメタ情報を生成します。店舗側ができるのは、それらのフィールドに検索意図のキーワードを過不足なく入れることです。
AI検索のためにメタタグを特別に書き換える必要はありますか
専用の書き換えは不要とされています。Googleの公式ガイダンスは、AIによる概要に引用されるための特別なメタタグやファイルは不要で、従来のSEOのベストプラクティスが土台になると説明しています。ページがインデックスされ検索結果に出られる状態を整えることと、本文で問いに答える構成にすることのほうが重要です。
文字コードはUTF-8以外を使ってもよいですか
現在のWebではUTF-8が標準で、特別な事情がない限りUTF-8で統一するのが無難です。ページとブラウザで文字コードの扱いがずれると本文が文字化けします。ShopifyやWordPress、主要モールが生成するページは初期状態でUTF-8が指定されているのが一般的なので、自作のページでだけ確認すれば足りることが多いです。
著者：齋藤竹紘（株式会社オルセル 編集長／5,000社以上のEC支援実績／書籍3冊）
※うるチカラでは、生成AIの導入支援から運用最適化まで、貴社のEC事業に合わせたカスタマイズ提案を行っています。無料相談（30分）も実施中ですので、お気軽にお問い合わせください。
https://uruchikara.jp/contact/
株式会社オルセル代表取締役 / うるチカラ編集長。19年・5,000社以上のEC支援実績を持ち、楽天市場・Amazon・Yahoo!ショッピング・Shopify・Shopee越境ECの実装ノウハウを保有。AI×ECに関する書籍を3冊執筆。「現場で使えるAI実装」を一次情報として発信しています。
この記事を読んだ人は、こんな記事も読んでいます
