メタタグ・OGP 生成

ページのタイトル・説明・URL・代表画像・サイト名を入れると、<head> に貼る title・description・canonical・OGP・Twitter カードのタグを作ります。空欄の値のタグは作らないので、空の og:image のようなミスがありません。

ページ情報

貼り付けるタグ

 
このツールについて

使い方

  1. 1 タイトル・説明・URL・代表画像の URL を入れます。必要ならサイト名・言語・og:type も変えます。
  2. 2 右にタグがすぐ作られ、下にタイトルと説明の文字数が出ます。
  3. 3 「コピー」を押してページの <head> の中に貼り付けます。

知っておきたいこと

  • ページ点検は貼り付けた HTML のみ — リンクをたどるには URL チェッカーを
  • YAML は広く使われる文法のみ読みます
  • JWT は中身を展開するだけで署名は検証しません

よくある質問

タイトルと説明は何文字がよいですか?

検索結果で切れないよう、日本語ならタイトルは30文字前後、説明は100文字前後が目安です。文字数を見ながら調整してください。

LINE や X のリンクプレビューにも使われますか?

使われます。リンクのプレビューはたいてい og:title・og:description・og:image を読みます。画像は https で開ける完全な URL にしてください。

値に引用符や < が入っても大丈夫ですか?

大丈夫です。タグを作るときに &・"・<・> を安全な表記に置き換えます。

Esc