ページ情報
検索結果プレビュー
SNS カードプレビュー
生成された meta タグ
生成はすべてブラウザ内で行われ、入力したテキストや URL はアップロードされません。特殊文字は自動でエスケープされます。
ブログや Web サイトを公開する前に「検索結果やSNSでどう表示されるか」を整えるための meta タグを、フォームに入力するだけでまとめて作れるツールです。タイトル・ディスクリプション（説明文）・正規 URL（canonical）・サイト名・OGP 画像の URL を入れると、`<title>` / `<meta name="description">` / `<link rel="canonical">` といった基本の SEO タグに加え、Facebook や LINE で使われる Open Graph（`og:title`・`og:description`・`og:image`・`og:url`・`og:type` など）と、X（旧 Twitter）の Twitter カード（`twitter:card`・`twitter:title` など）を一括で組み立て、`<head>` にコピペできる形で出力します。HTML として安全になるよう特殊文字（`<` `>` `"` `&`）は自動でエスケープするので、引用符や記号を含むタイトルでもそのまま貼れます。さらに、入力に合わせて Google の検索結果スニペット風プレビューと、SNS シェア時のカード風プレビューがリアルタイムで更新されるので、文字数が切れていないか・画像が入っているかを目で確認しながら調整できます。OGP 画像そのものを作りたいときは当サイトの「OGP 画像メーカー（og-image）」で規格サイズの画像を用意し、その URL をここに貼るとセットで仕上がります。入力したテキストや URL はすべてブラウザ内だけで処理し、サーバーへアップロード・保存・送信は一切行いません。社内向けページや未公開サイトの URL を入れても外部に漏れないので安心して使えます。
使い方
- タイトル・説明文・URL・サイト名・OGP 画像の URL などを左のフォームに入力します。
- OGP の種類（website / article）や Twitter カードの形式を必要に応じて選びます。
- 右側に生成された meta タグが即時表示されます。「コピー」で `<head>` にそのまま貼り付け。検索/SNS のプレビューで見え方も確認できます。
よくある質問
入力したタイトルや URL はアップロードされますか？
いいえ。タグの組み立てとプレビューはすべてあなたのブラウザ内で行われ、入力したテキスト・URL・画像 URL はサーバーへアップロード・保存・送信されません。未公開サイトの URL を入れても外部に漏れません。
どんなタグが生成されますか？
基本の SEO タグ（`<title>`・`<meta name="description">`・`<link rel="canonical">` など）、Facebook/LINE などで使う Open Graph（`og:title`・`og:description`・`og:image`・`og:url`・`og:type`・`og:site_name`・`og:locale`）、X（旧 Twitter）の Twitter カード（`twitter:card`・`twitter:title`・`twitter:description`・`twitter:image`）をまとめて出力します。空欄の項目は生成結果から自動的に省かれます。
OGP 画像はこのツールで作れますか？
本ツールは meta タグ（テキスト）の生成に特化しています。画像そのものは当サイトの「OGP 画像メーカー（og-image）」で 1200×630 などの規格サイズで作成し、公開した画像の URL を `OGP 画像` 欄に貼ってください。タグ生成と画像作成をセットで使えます。
タイトルや説明文は何文字くらいが目安ですか？
検索結果での目安はタイトルが全角 30 文字前後、説明文が全角 70〜120 文字前後で、長すぎると末尾が「…」で省略されます。右側の Google 風プレビューで切れていないかを確認しながら調整するのが確実です（実際の表示は検索エンジン側の判断で変わることがあります）。
引用符や記号を含むタイトルでも大丈夫ですか？
はい。HTML として壊れないよう、`<` `>` `"` `&` などの特殊文字は属性値の中で自動的にエスケープして出力します。記号や引用符を含むタイトル・説明文でも、生成結果をそのまま `<head>` に貼り付けて使えます。