メタタグ生成
SEO・OGP・Twitter のメタタグを作成し、検索結果と SNS の見え方をプレビュー
- ファイルは端末の外に出ません
- ブラウザ内で処理
- 無料・登録不要・透かしなし
ページ
0 文字
0 文字
SNS シェア
絶対 URL。1200 × 630 px が理想です。
技術設定
プレビュー
E
Example
example.com
ページタイトル
ページの説明文がここに表示されます。
ここに表示するだけです。上の画像 URL は読み込みません。
タイトルを入力してください。
説明文を入力してください。
メタタグ生成の使い方
タイトル、説明文、シェア画像から、SEO・Open Graph・X カード・ロボット・テーマカラー・ファビコンのタグを生成し、Google や Facebook、X、Slack での見え方をプレビューできます。
- 1
「ページ」でタイトル、説明文、正規 URL、サイト名を入力します。
- 2
「SNS シェア」で画像 URL、画像の説明、種類、X カードの形式を設定します。
- 3
「技術設定」でロボット、テーマカラーなどを設定します。
- 4
「プレビュー」の各タブと文字数の目安を確認し、「<head> に入れる HTML」をコピーします。
よくある質問
タイトルと説明文はどれくらいの長さが適切ですか？
Google ではタイトルはおよそ 600 px（英字で約 60 文字）、説明文は約 160 文字で切れることが多いです。ツールが文字数を表示し、短すぎる・長すぎる場合は注意を出します。
プレビューに画像が表示されないのはなぜですか？
入力した画像 URL はプレビューで読み込まない仕組みです。画像を確認したい場合は「プレビュー用にローカル画像を選択」を使ってください。画像はこのページ上でのみ表示されます。
Open Graph の画像サイズはどれくらいが最適ですか？
1200 × 630 px 前後の画像を絶対 URL で指定してください。og:image に相対パスは使えません。
記事の公開日時や著者のタグも作れますか？
作れます。種類を article にすると「公開日時」と「著者」の欄が表示され、対応する article: タグが追加されます。
入力内容はサーバーに送信されますか？
いいえ。タグとプレビューはすべてブラウザ内で生成されます。