ページのメタタグとOGタグを作る

検索結果はタイトルと説明文、SNS共有はOGタグを読みます。headへ貼る一式を生成します。

このガイドで使う道具

検索結果と共有リンクカードの見え方を決める head のタグ一式——タイトル・説明文・canonical・OG・Twitterカード——を作ります。属性名の記憶や引用符のエスケープを手作業に任せません。

ページが持つ項目だけ入力します。空欄のタグは生成されません。タイトルと説明文は目安の約60・約160文字に対する文字数を表示します。生成してheadへ貼り付けます。

タイトル「ZOVLA tools」と1行の説明文から、<title>・meta description・og:title・og:description・twitter:cardが生成されます。画像URLを足せばsummary_large_imageに変わりog:imageが付きます。

文字数目安は慣例であって上限ではありません。検索結果はピクセル幅で切られ、SNSカードは初回取得をキャッシュするので反映に数日かかることがあります。このツールはタグを書くだけで、各プラットフォームの表示確認はできません。