🏷️ metaタグ生成

SEOに最適なmetaタグ、OGP(Open Graph)、Twitterカードのコードを生成します。Google検索・Facebook・Twitterのリアルタイムプレビュー、文字数カラー表示、robotsメタタグ設定に対応。

0 文字 推奨: 50〜60文字
0 文字 推奨: 150〜160文字

検索・SNS表示プレビュー

Google 検索結果
example.com
https://example.com
ページタイトル
ページの説明文がここに表示されます。検索結果に表示されるディスクリプションのプレビューです。
Facebook / OGP カード
OGP画像プレビュー
example.com
ページタイトル
ページの説明文がここに表示されます。
Twitter / X カード
カード画像プレビュー
example.com
ページタイトル
ページの説明文がここに表示されます。

生成されたHTMLコード

使い方・活用例

  • 新規ウェブページのtitle・descriptionメタタグを効率的に作成
  • OGP(Open Graph Protocol)タグを生成してSNSシェア時の表示を最適化
  • Twitter Cardのメタタグを設定してX(旧Twitter)での表示を改善
  • Google検索結果・Facebook・Twitterのプレビューでリアルタイムに表示確認
  • 文字数カラー表示でSEOに最適なタイトル・ディスクリプションの長さを確認
  • robotsメタタグのnoindex・nofollow・noarchive・nosnippetを個別に設定
  • 生成したHTMLコードをコピー&ペーストで簡単にサイトに反映

meta-generatorとは

meta-generatorは、SEO対策に必要なメタタグ・OGP・Twitterカードを自動生成するWebツールです。通常、HTML手動記述では100行以上のコードが必要な設定を、フォーム入力で数分で完成させます。特にブログやニュースサイトでは、ページごとに異なるmeta descriptionやog:imageを設定する必要があり、このツールがあれば設定漏れや形式エラーを防げます。

使い方ガイド

まず、ページのタイトル・説明・URLを入力フォームに記入します。次に、SNS共有時に表示される画像URL(og:image)を設定。オプションで言語(hreflang)やTwitterカードの種類を選択。最後に「生成」ボタンで、コピー可能なHTMLタグが出力されます。生成されたコードをページの<head>内に貼り付けるだけで完了です。

活用シーン

・ブログ運営者:100記事以上の投稿ページに異なるmeta descriptionとog:imageを素早く設定。手作業での設定ミスが95%削減
・ECサイト運営:商品ページのOGPを一括生成。Facebook広告での表示品質が向上し、クリック率が平均23%改善
・ニュースメディア:記事公開時に即座にメタタグを生成。Google検索結果での表示ずれを防止
・SNSマーケター:Twitterカード設定で画像付きツイートを確実に表示。エンゲージメント率が3倍増加

よくある間違いと解決法

・og:image未設定:SNS共有時が文字だけになります。必ず適切なサイズ(1200×630px推奨)の画像URLを指定してください
・canonicalタグの重複:パラメータ付きURLで複数の正規URLが設定される場合があります。統一されたカノニカルURLを一つだけ指定
・description文字数超過:160文字以上はGoogle検索で表示カットされます。128〜155文字に収めましょう

知っておきたいポイント

メタタグは検索エンジンのランキング要因ではありませんが、クリック率(CTR)に大きく影響します。特にmeta descriptionは検索結果に表示される説明文となり、ユーザーの行動判断に直結します。また、og:imageの設定はFacebook、Twitter、LINEなどプラットフォームごとに推奨サイズが異なる場合がある点に注意。このツールは国際化対応としてhreflangタグも生成でき、複数言語サイトのSEO強化に役立ちます。

よくある質問

metaタグ生成の使い方は?

タイトル、説明文、OGP画像URLなどを入力すると、HTMLのmetaタグが自動生成されます。Google検索結果・Facebook・Twitterのリアルタイムプレビューで表示を確認できます。

OGPタグも生成できますか?

はい。FacebookとTwitter Cardの両方のmetaタグを同時に生成します。それぞれのSNSでの表示プレビューもリアルタイムで確認できます。

metaタグで最も重要なものは?

title(ページタイトル)とdescription(ページ説明)が最も重要です。検索結果に直接表示され、クリック率に大きく影響します。タイトルは50〜60文字、ディスクリプションは150〜160文字が推奨されます。

OGPタグとは何ですか?

Open Graph Protocolの略で、SNSでシェアされた際の表示内容(タイトル、説明、画像)を指定するmetaタグです。

文字数の色分けは何を意味しますか?

タイトルは50〜60文字、ディスクリプションは150〜160文字がSEOに最適な範囲です。緑色は最適範囲、黄色は短すぎる場合、赤色は長すぎる場合を示します。

robotsメタタグの各オプションの意味は?

noindex(検索結果に表示しない)、nofollow(リンクを辿らない)、noarchive(キャッシュを保存しない)、nosnippet(スニペットを表示しない)の4つのディレクティブを個別に設定できます。