ページタイトル、description、URL、OGP情報など必要項目を入力します。 生成されるタグ一覧を確認します。
このツールでできること
ページタイトル・meta description・OGP・Twitterカード用のタグをまとめて作成できる無料ツール。入力内容からHTMLコードを生成してコピーできます。
使い方
- ページタイトル、description、URL、OGP情報など必要項目を入力します。
- 生成されるタグ一覧を確認します。
- 必要に応じて内容を修正します。
- 完成したHTMLコードをコピーしてサイトへ貼り付けます。
対応形式と注意点
入力内容がそのまま生成コードに反映されます。公開前にURLや画像URL、サイト名の記載漏れがないか確認してください。
こんなときに便利
新規ページのheadタグ作成、OGP設定の下書き、SNSシェア用のメタ情報整備に役立ちます。
基本タグをまとめて生成
タイトルとディスクリプションを入力すると、title、meta description、og:title、og:description、X向けのタイトル・説明文タグをまとめて生成します。
OGPにも対応
og:typeは常にwebsiteとして生成されます。URLを入力するとog:url、画像URLを入力するとog:imageも追加されます。
X向けタグも生成
X向けにはtwitter:card、twitter:title、twitter:descriptionを生成します。カード形式はsummary_large_image固定です。
画像URLを入力した場合はtwitter:imageも追加されます。
任意項目は必要なときだけ
URL・OGP画像URL・keywordsは、入力した場合だけ対応するタグを追加します。空欄ならそのタグは出力されません。
一方、タイトルとディスクリプションのタグは、入力欄が空でもタグ自体は生成されます。
&、ダブルクォート、<が含まれる場合は、タグ内で扱いやすいHTMLエンティティへ変換して出力します。生成しないタグもあります
このツールが生成するのは、入力欄に対応した基本meta・OGP・X向けタグです。canonical、viewport、charsetなどは自動生成しません。
メタタグ作成のFAQ
OGP画像のタグも作れますか？
はい。画像URLを入力するとog:imageとtwitter:imageを生成します。
X向けのカード形式は選べますか？
選べません。summary_large_image固定で生成します。
URLを空欄にするとどうなりますか？
og:urlは生成されません。ほかの入力済み項目に対応するタグはそのまま出力されます。