ページ情報を入力するだけで、標準・Open Graph・Twitter Cardのメタタグをまとめて生成 — ライブプレビュー付きで、そのまま貼り付け可能です。
0 / 60
0 / 160
example.com
ページタイトルがここに表示されます
入力を始めるとメタディスクリプションがここに表示されます
example.com
ページタイトルがここに表示されます
入力を始めるとメタディスクリプションがここに表示されます
メタタグは、検索エンジンやSNSプラットフォームに対して、検索結果・リンクプレビュー・シェア投稿でページをどう表示するかを伝えます。このツールはシンプルなフォームから完全でエスケープ済みのタグブロックを生成し、公開前にページの見え方をライブプレビューで正確に確認できます。
このメタタグはどこに貼り付ければよいですか?
ページのHTMLの'<head>'セクション内に、できれば他のリソースが読み込まれる前の上部に、ブロック全体を貼り付けてください。
メタディスクリプションとOpen Graphのディスクリプションの違いは何ですか?
メタディスクリプションは検索エンジンの検索結果一覧に使われ、og:descriptionはFacebookやLinkedInなどのSNSでリンクを共有した際に使われます。同じ文章でも構いませんが、og:descriptionをよりSNS向け(短く魅力的)に調整すると効果が高くなることが多いです。
タイトルやディスクリプションがオレンジ色で表示されるのはなぜですか?
検索エンジンが通常表示する長さ(タイトルは約60文字、ディスクリプションは約160文字)を超えたことを意味します。長すぎるテキストは省略記号で切り詰められることが多いです。
実際にSEOの順位に影響するメタタグはどれですか?
正直なところ、順位に直接影響するタグはごくわずかです。titleタグとメタディスクリプションは主に検索結果からのクリック率に影響し、順位そのものには影響しません — 今日ではGoogleはkeywordsメタタグをほぼ無視しています。robotsとcanonicalタグは、順位よりもインデックス登録に関係します。
このツールは入力データをどこかに送信しますか?
いいえ。すべてのフィールド、生成されたタグブロック、プレビューは、すべてJavaScriptを使ってブラウザ内でローカルに構築されます — サーバーには何も送信されません。
Open GraphタグとTwitterタグの両方が必要ですか?
厳密には必須ではありません — Twitter/XはOpen Graphタグをフォールバックとして読み込みます — ただし、専用のTwitter Cardタグを追加すると、Twitter/Xでの共有時に異なる画像やサマリーレイアウトを選べるようになります。
入力したすべてのフィールドと生成されたタグブロックはブラウザ内にのみ保持されます。アップロード、記録、サーバーへの保存は一切行われません。