メタタグジェネレーター
SEOメタタグ、Open Graph、Twitterカードのマークアップを一括で生成します。Google、Facebook、Twitterでのページの見え方をライブプレビューで確認できます。すべてブラウザ内で完結。
Meta Tag Generator は、SEO 用の各種メタタグ、Open Graph(Facebook、LinkedIn)、Twitter Card のマークアップを構築し、Google・Facebook・Twitter での見え方をライブプレビューで確認できます。タイトル(60 文字)と説明文(160 文字)の文字数ガイドも内蔵。HTML ブロック全体をコピー可能です。アップロードはありません。提供:FreeToolHub。
基本メタタグ
Open Graph(Facebook、LinkedIn)
Twitterカード
詳細設定
生成されたメタタグ
このツールは完全にブラウザ内で動作します。入力した内容がサーバーに送信されることはありません。
よくある質問
メタタグとは何ですか?
メタタグは、ページの <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タグをランキングシグナルとして使うのを公式にやめており、主要な検索エンジンもそれに続きました。このタグは害はありませんが、順位には貢献しません。このツールでは一部のニッチな検索エンジンのためにサポートしていますが、空欄のままで問題ありません。