Developer SEO Utility
Meta Tag ジェネレーター
ページタイトル、説明文、URL、代表画像URLを入力すると、SEO metaタグ、Open Graphタグ、Twitter Cardタグを自動生成できます。
Meta Tag 設定
ページの基本情報とSNS共有情報を入力してください。タイトルと説明文を推奨文字数に収めると、検索結果でより見やすく表示されます。
Titleは50〜60文字、Descriptionは120〜150文字程度を推奨します。代表画像はKakaoTalkやSNS共有を考慮して、横長画像を使うのがおすすめです。
0/60文字推奨 タイトルを入力してください。
0/150文字推奨 説明文を入力してください。
canonical、og:urlに使用されます。
og:image、twitter:imageに使用されます。
og:site_nameに使用されます。
検索インデックス登録とリンク追跡の設定です。
共有コンテンツの種類です。
SNS共有カードの形式です。
含めるタグを選択
必要なタググループだけを選択して生成できます。
プレビュー
検索結果やSNS共有時に表示される形式を簡単に確認できます。
ページタイトルが表示されます
https://example.com/page/
ページ説明が検索結果に表示されます。
ページ説明が表示されます
win-j.com生成結果
以下のコードをHTMLのhead領域に追加してください。
情報を入力してからMeta Tagを生成ボタンを押してください。
ヘルプ
Meta Tagはなぜ必要ですか？
Meta Tagは検索エンジンにページタイトルと説明文を伝え、KakaoTalkやSNSで共有されたときに表示されるタイトル、説明文、画像を指定するために使われます。
推奨文字数
- Title: 通常50〜60文字以内を推奨
- Description: 通常120〜150文字以内を推奨
- OG Image: KakaoTalk・SNS共有用には横長サムネイルを推奨
Open Graphタグはどこで使われますか？
Open Graphタグは、KakaoTalk、Facebook、Discordなどでリンクを共有するときに表示されるタイトル、説明文、画像を制御するために使われます。
注意事項
実際の検索結果の文言は、検索エンジン、ページ内容、検索キーワードによって異なる場合があります。生成されたタグは基本的なSEO設定として使用してください。
TitleとDescriptionは必ず入力する必要がありますか？
検索結果と共有プレビューの品質を高めるため、入力することをおすすめします。特にDescriptionは、ユーザーがページ内容を理解する助けになります。
代表画像URLにはどのような画像を入れるべきですか？
KakaoTalkやSNS共有を考慮すると、1200x630比率の横長画像が一般的に使われます。