メタタグジェネレーター
SEO、Open Graph、X のメタタグをライブプレビュー付きで生成
このツールでできること
メタタグジェネレーターは、1 つのフォームからページの SEO、Open Graph、X (Twitter) のタグを作成します。検索とソーシャルのおおよそのプレビューを表示し、よくある間違いをチェックし、同じタグを head 用 HTML スニペット、Next.js の metadata オブジェクト、React Helmet、Nuxt useHead、Astro コンポーネントとして出力します。
使い方
- 1.ページタイトル、メタディスクリプション、正規 URL を入力します。
2.「SEO の値をソーシャルに使う」をオンのままにすると Open Graph と X に再利用され、オフにするとソーシャル用の文言を個別に書けます。
- 3.共有カード用に画像の絶対 URL、代替テキスト、サイト名を追加します。
- 4.検索、Open Graph、X のプレビューと検出結果を確認します。
- 5.コードを開き、形式を選んでコピーまたはダウンロードします。
主な機能
- •すべての値は HTML と JavaScript 用にエスケープされるため、引用符、アンパサンド、山かっこで出力が壊れることはありません。
- •タグは常に同じ順序で出力され、すべての形式が同じモデルから生成されます。
- •正規 URL の欠落やスキームなし、相対画像 URL、noindex、ホストの不一致、タイトルや説明の長さの異常を検出します。
- •処理はすべてブラウザ内で行われます。画像は「画像を表示」を選んだときだけ読み込まれます。
制限事項
プレビューと長さのチェックは近似値です。Google、Facebook、X などのプラットフォームは独自のフォントで表示し、タイトルや説明を書き換えたり省略したりすることがあるため、実際の表示と完全に一致するプレビューはありません。
