カードが古い
公開タグ、絶対画像URL、クローラーアクセス、SNSキャッシュを確認します。
端的な回答
メタタグ生成ツールは、タイトル、説明、URL、画像、サイト名、SNS設定をHTML title、meta description、Open Graph、Twitter/X Cardへ変換します。プレビューは編集補助であり、GoogleやSNSプラットフォームの実表示を保証しません。
0/60
0/160
推奨サイズ：1200×630px
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image">
使い方
元データを入力します: ページ固有のtitle／descriptionと、検証済みURL・画像を入力します。
必要な設定を選びます: プレビューを確認し、60／160文字カウンターは編集目安としてのみ使います。
結果を確認・検証します: マークアップをコピーしてescapingと絶対URLを確認し、公開後の
<head>を検証します。
主な機能
- titleとmeta description。
- Open Graph。
- Twitter／X Card。
- 検索・SNSプレビュー。
- HTMLコピー。
活用例
- 新規ランディングページのメタ作成。
- 公開前のSNSカード確認。
- 一貫したSEO実装ハンドオフ。
制限と安全上の注意
- 検索エンジンはtitle／descriptionを書き換えることがあり、SNSは過去カードをキャッシュします。文字数は固定上限ではなく、メタデータは本文品質の代わりになりません。
- 中心となる処理は現在のブラウザーコンポーネントで実行されます。拡張機能、クリップボード履歴、ダウンロードファイル、サイト全体の診断は別の漏えい経路になり得るため、環境全体を確認するまでは本番シークレットを入力しないでください。
トラブルシューティング
引用符でHTMLが壊れる
属性値をescapeします。
Googleの文言が違う
検索意図との関連性と本文整合を見直します。
よくある質問
全ページに必要なタグは何ですか？
有用なtitle、meta description、適切なself-canonicalを基本とし、共有用途にsocial tagsを追加します。
60文字・160文字は厳密な上限ですか？
いいえ。ピクセル幅、検索語、端末、書き換えによって変わります。
canonicalも生成しますか？
いいえ。現在の出力には title、description、Open Graph、Twitter/X タグが含まれますが、rel=canonical リンクは生成しません。
安全性とプライバシーはどうなっていますか？
計算はこのブラウザーコンポーネント内で実行されますが、それだけで完全なプライバシーが保証されるわけではありません。拡張機能、クリップボード履歴、ダウンロード、サイト診断を確認するまでは非本番データを使ってください。
スマートフォンでも使えますか？
レイアウトは狭い画面に適応します。ファイル選択、カメラ、クリップボード、ダウンロードはモバイルブラウザーの権限と対応状況に依存します。
関連ツール
ツールを使う
生成後は公開HTMLと可視ページ内容の両方を検証してください。