開発 デバイス上で処理 · アップロードなし

メタタグジェネレーター

SEOメタタグ、Open Graph、Twitterカードのマークアップを一括で生成します。Google、Facebook、Twitterでのページの見え方をライブプレビューで確認できます。すべてブラウザ内で完結。

Meta Tag Generator は、SEO 用の各種メタタグ、Open Graph(Facebook、LinkedIn)、Twitter Card のマークアップを構築し、Google・Facebook・Twitter での見え方をライブプレビューで確認できます。タイトル(60 文字)と説明文(160 文字)の文字数ガイドも内蔵。HTML ブロック全体をコピー可能です。アップロードはありません。提供:FreeToolHub。

基本メタタグ
0 / 60
推奨: 50〜60文字
0 / 160
推奨: 150〜160文字
インデックス登録
Open Graph(Facebook、LinkedIn)
推奨サイズ: 1200×630ピクセル
Twitterカード
詳細設定
Google検索プレビュー
example.com
Page Title
Your meta description will appear here.
Facebook / Open Graphプレビュー
画像プレビューを利用できません
EXAMPLE.COM
OG Title
OG description.
Twitterカードプレビュー
画像プレビューを利用できません
Twitter Title
Twitter description.
example.com

生成されたメタタグ

このツールは完全にブラウザ内で動作します。入力した内容がサーバーに送信されることはありません。

よくある質問

メタタグとは何ですか?

メタタグは、ページの <head> 内に配置するHTMLの断片で、そのページを検索エンジン、ブラウザ、SNSに向けて説明するものです。ページ自体には表示されませんが、検索結果やSNSでシェアされたときの表示を制御します。

SEOにおいてメタタグが重要な理由は?

検索エンジンはタイトルとディスクリプションをもとに、ページをどう表示するかを決定します。適切なメタタグはクリック率を高めます。クリック前にユーザーが明確で関連性のある要約を見られるためです。また、ページがシェアされた際にOpen GraphやTwitterカードのプレビューを正しく表示するのにも役立ち、SNSからの流入を増やします。

タイトルの理想的な長さは?

50〜60文字を目安にしてください。Googleは通常タイトルのテキストを約600ピクセル表示します。英語ではおよそ60文字、日本語では全角30文字程度に相当します。それより長いタイトルは省略記号で切り詰められ、短すぎると貴重なスペースを無駄にします。ライブプレビューで、タイトルが実際にどう表示されるかを確認できます。

ディスクリプションの理想的な長さは?

150〜160文字を目安にしてください。Googleは通常、デスクトップで最大約160文字、モバイルではやや少なめに表示します。メインキーワードとクリックする理由を盛り込んだ魅力的な要約を書きましょう。これは実質的にページの広告文です。

Open GraphとTwitterカードの違いは?

Open Graphは、Facebook、LinkedIn、Pinterest、および多くのメッセージングアプリ(WhatsApp、Slack、Discord)で使用されているプロトコルです。Twitter Cardsは、Twitter独自のプロトコルです。両者は大きく重複しているため、多くのサイトでは両方を設定しています。Twitterタグを省略するとTwitterはOpen Graphにフォールバックしますが、Twitterタグを明示的に設定すれば、特に小さい画像と大きい画像のレイアウトを使い分けられるため、より細かく制御できます。

meta keywordsタグは今も必要ですか?

必要ありません。Googleは15年以上前にmeta keywordsタグをランキングシグナルとして使うのを公式にやめており、主要な検索エンジンもそれに続きました。このタグは害はありませんが、順位には貢献しません。このツールでは一部のニッチな検索エンジンのためにサポートしていますが、空欄のままで問題ありません。