メタタグジェネレーター｜SEO・OGP対応

<title>はGoogleの検索結果に表示されるページタイトルです。60文字以内（半角）を推奨します。超過するとGoogleが独自に短縮します。「メインキーワード | ブランド名」形式が一般的で、各ページに固有のタイトルを設定することが重要です。<meta name="description">は検索結果のスニペット（説明文）として表示されます。120〜160文字が目安です。Googleは場合によって独自の説明文を生成しますが、適切に設定することでCTR向上が期待できます。キーワードを自然に盛り込みつつ、ユーザーがクリックしたくなる説明文を意識してください。

Facebookが策定したプロトコルで、SNSシェア時のリンクプレビューを制御します。og:title・og:description・og:image・og:urlの4つが基本セットです。og:imageは1200×630px推奨で、設定しないとSNSがページ内のランダムな画像を選択してしまいます。og:typeにはwebsite（トップページ）、article（ブログ記事）などを用途に応じて設定します。og:site_nameにはサイト名を設定することで、Facebookのシェアカードにサイト名が表示されます。OGPタグは設定後にFacebook Sharing Debuggerでキャッシュをクリアしないと反映されない場合があります。

<meta name="robots">はクローラーのインデックス・フォロー動作を制御します。noindexで検索結果から除外、nofollowでリンクをフォローしないよう指示できます。管理ページ・検索結果ページ・サンクスページなど、インデックスが不要なページにはnoindexを設定しましょう。<link rel="canonical">は重複コンテンツを避けるための正規URLを指定します。同じコンテンツが複数URLで表示される場合（例：?utm_source=など）に正規URLを明示することで、Googleが評価を統合できます。viewportメタタグはモバイル対応の宣言で、すべてのページに必須の設定です。

titleは60文字（半角）以内が推奨です。超過するとGoogleが独自に短縮します。「メインキーワード | ブランド名」形式が一般的です。各ページに固有のタイトルを設定してください。同じタイトルの重複はGoogleが正しいページを判断できなくなります。また、数字・記号（【】など）を含めることでクリック率が上がることもあります。titleはSEOで最も重要なメタタグの一つであり、狙いたいキーワードをできるだけ前方に置くことが効果的です。WordPressの場合はYoast SEOやAll in One SEO Packなどのプラグインから設定します。

og:imageは絶対URL（https://から始まるフルURL）で指定します。推奨サイズは1200×630px（アスペクト比1.91:1）です。Facebookは600×315px以上、Twitterは300×157px以上が最低限です。画像が更新された場合はFacebook Sharingデバッガーでキャッシュをクリアしてください。og:image:widthとog:image:heightを合わせて指定することで、クローラーが画像サイズを事前に把握でき、プレビューの表示速度が向上します。WebPなどの新形式よりJPEG/PNGが互換性が高く安定して表示されます。

twitter:cardにはsummary（小画像付き）かsummary_large_image（大画像）を使います。og:が設定されていれば多くの場合フォールバックされますが、twitter:cardだけは明示的に設定することを強く推奨します。これがないとTwitterはリンクカードを表示しません。twitter:siteにはサイトのTwitterアカウント（@username）を設定します。twitter:creatorには記事の著者のアカウントを設定できます。Twitterでのシェア表示を確認するにはTwitter Card Validatorを使用してください。

効果的なメタdescriptionには①ターゲットキーワードを自然に含める、②記事の価値・解決できる問題を明示する、③「○○分で分かる」「完全解説」などの訴求ワードを使う、④120〜160文字で完結させる、の4点が重要です。コピーや質問形式のdescriptionはCTRが高い傾向があります。GoogleはAIでスニペットを書き換えることが増えていますが、本文に適切なdescriptionがあれば使用される可能性が高まります。descriptionにキーワードを入れると検索結果上で太字になることがあり、視覚的な訴求にもなります。

SNSでシェアされたとき、og:imageが目立つほどエンゲージメント率が上がります。テキストを含む場合は画像全体の30%以内に抑えると見やすい画像になります。ブランドロゴ・タイトル・視覚的なフックを含む画像がクリックを誘発します。CanvaやFigmaなどで各記事用にOGP画像を作成することを推奨します。技術ブログではOGP画像を自動生成するシステムを構築するケースも増えています（Vercelの@vercel/og、Cloudinary等のAPIを利用）。画像の品質が高いほどSNSでのシェア拡散率も上がる傾向があります。

OGPの設定を確認・キャッシュクリアするには各プラットフォームのデバッグツールを使います。Facebook/Instagram：Facebook Sharing Debugger（developers.facebook.com/tools/debug）でキャッシュクリアと表示確認ができます。Twitter/X：Twitter Card Validator（cards-dev.twitter.com/validator）でカードの表示を確認できます。LINEのURLプレビューはキャッシュが強く、更新後24時間以上経過しないと反映されないことがあります。設定後はこれらのツールで正しく表示されているか必ず確認してください。

ブログや記事メディアでは、記事ごとに固有のtitle・description・OGP画像を設定することが必須です。titleは「記事タイトル | サイト名」形式とし、検索意図に合ったキーワードを前方に配置します。og:typeはarticle、og:article:authorに著者名、og:article:published_timeに公開日を設定すると、Googleがコンテンツを正確に理解しやすくなります。descriptionは記事の要点を120〜160文字でまとめ、読者が「この記事を読めば何が分かるか」を明示します。カテゴリページ・タグページはインデックスさせすぎると評価が分散するため、重要なカテゴリ以外にはnoindexを設定する判断も重要です。記事一覧ページのdescriptionには「○○に関する最新記事一覧」のようなまとめ表現が有効です。

ECサイトでは商品ページ・カテゴリページ・トップページそれぞれにメタタグの最適化戦略が必要です。商品ページのtitleは「商品名 | ブランド名」または「商品名 - 型番」のように商品を一意に識別できる形式にします。descriptionには商品の特徴・サイズ・素材・価格帯など、購入判断に必要な情報を盛り込みます。OGP画像には商品のメイン画像を使用し、白背景・高解像度の画像を用意するとSNSシェア時の印象が良くなります。カテゴリページは商品数が多い場合にURLが大量生成されやすいため、ページネーション（page=2以降）にはcanonicalを1ページ目に向けるか、noindexを設定する対策が有効です。在庫切れ商品ページは削除せず、canonicalを類似商品ページに向けることでURLの価値を保持できます。

LPはコンバージョン（申し込み・購入・資料請求）を最大化することが目的です。titleには主要なベネフィット・ターゲットキーワード・強いコピーを盛り込み、検索意図に直接応えるタイトルにします。descriptionには「〇〇無料」「今すぐ試せる」「限定○名」などコンバージョンを促すコピーを含め、クリック後の期待値をコントロールします。OGP画像はLP本体のファーストビュー画像やキャッチコピー入り画像を使用すると、SNSからの流入時に即座に訴求できます。LPはCVRを最大化するページであり、不必要なリンク（ナビゲーションメニューなど）を排除することが多いですが、関連LPへの内部リンクは評価維持のために残すことを検討してください。robots設定でGoogleの検索結果にLPを表示するかどうかも、流入経路の設計によって使い分けが必要です。

ポートフォリオサイトや個人のWebサイトでは、名前・職種・専門領域をtitleに含めることで名前検索や職種検索からの流入を狙えます。「山田太郎 | フロントエンドエンジニア・東京」のような形式は、個人名での検索に対して有効です。descriptionにはスキルセット・実績・連絡先情報へのアクセス方法などを盛り込み、採用担当者やクライアントが必要な情報をすぐ確認できるようにします。og:imageにはプロフィール写真や代表作品のスクリーンショットを使用します。個人サイトのtwitterアカウントはtwitter:siteとtwitter:creatorに同じアカウントを設定します。スキルセット・制作実績ページにはschema.orgの構造化データ（Person型・Portfolio型）を合わせて設定するとリッチリザルト表示の可能性が高まります。

titleで最もよく見られる間違いは「全ページ同一のタイトル」と「文字数超過」です。全ページが「トップページ | サイト名」のように共通のタイトルになっているケースは、Googleが各ページを正しく識別できず順位に悪影響が出ます。各ページに固有のtitleを設定することが基本です。60文字を超えたtitleはGoogleが独自に短縮して表示します。重要なキーワードや訴求内容が後方に集中しているとカットされることがあります。 descriptionでよくある間違いは「設定なし」と「全ページ共通の説明文」です。descriptionが未設定だとGoogleがページ本文から自動生成しますが、意図しない内容が表示される可能性があります。また、同一の説明文を全ページに使い回すと差別化できず、クリックを誘発する力が弱まります。キーワードの詰め込みすぎ（スパム的な使い方）もGoogleに評価されません。各ページの内容を正確に反映した固有の説明文を用意することが重要です。

OGPタグでよくある間違いの筆頭は「og:imageに相対URLを使用している」ケースです。OGPタグのURLは必ず絶対URL（https://）で指定しなければなりません。「/images/ogp.png」のような相対URLだとFacebookのクローラーが画像を取得できず、SNSシェア時に画像なしで表示されます。次によくある問題として「og:imageのサイズが小さすぎる」があります。600×315px未満の画像はFacebookで表示されないことがあります。 og:urlの設定もれも頻出ミスです。og:urlにはページの正規URLを設定します。設定しないとシェアされたURLがog:urlとして使われますが、UTMパラメーターなど余分なクエリ文字列が含まれている場合に計測の誤差につながります。また、OGP設定後にSNSのキャッシュが残っていることで「設定したのに反映されない」と感じるケースがあります。Facebook Sharing Debuggerで「Scrape Again」をクリックしてキャッシュを強制更新してください。

canonicalの設定ミスは気づきにくく、放置すると複数のURLでGoogleの評価が分散します。よくあるケースとして「https://」と「http://」の混在、「www」あり・なしの混在、末尾スラッシュあり・なしの混在などがあります。これらはすべてGoogleには別URLとして認識されます。Webサーバーで301リダイレクトを設定し、canonicalタグで正規URLを明示することで解決できます。 ページネーション（/page/2、?page=2など）のあるページでは、各ページに自分自身を指すcanonicalを設定するか、rel="next"・rel="prev"を使って連続したページ群であることをGoogleに伝えます。ECサイトでは絞り込みURLやソートURLが大量に発生しやすく、canonical未設定のまま放置するとクロールバジェットの浪費にもつながります。

ページを公開する前に以下の項目をセルフチェックしてください。【title】①60文字以内か、②全ページ固有か、③主要キーワードが前方にあるか。【description】①120〜160文字か、②固有の内容か、③クリックしたくなる表現か。【OGP】①og:title・og:description・og:image・og:urlの4点セットが揃っているか、②og:imageが絶対URLかつ1200×630px以上か、③og:typeが正しいか（website or article）。【Twitter Card】①twitter:cardが設定されているか、②必要に応じてtwitter:siteが設定されているか。 【canonicalとrobots】①canonicalがhttps://で始まる絶対URLか、②インデックス不要なページにnoindexが設定されているか、③ログイン後ページ・検索結果ページ・サンクスページに適切なnoindexが設定されているか。公開後は必ずFacebook Sharing Debugger・Twitter Card Validatorでプレビューを確認し、Google Search ConsoleのURL検査ツールでGoogleのクロール結果も確認してください。