Open Graph プレビュー
リンクが SNS でどう見えるかを確認し、OG タグを点検します。
100% プライベート——すべてブラウザ内で動作
使い方
- 1
ページを開き、ソースを表示して HTML をコピーします。
- 2
URL と HTML をそれぞれ入力します。
- 3
プレビューを作成し、失敗した項目を修正します。
使用例
タグが揃っている例
入力
og:title、og:description、絶対 URL の og:image出力
画像・タイトル・説明が表示され、チェックはすべて通ります。相対パスの画像
入力
<meta property="og:image" content="/cover.png">出力
画像は絶対 URL でなければならないと警告します。よくある質問
ページを取得しますか？
いいえ。貼り付けた HTML を解析するため、ログイン後や localhost のページも確認できます。
どのタグを読みますか？
og:title、og:description、og:image、og:url、og:type、og:site_name、title、favicon です。
相対画像が警告されるのはなぜ？
クローラーごとに相対パスの解決が異なるため、絶対 https URL が必要です。
関連ツール
メタタグジェネレータータイトル、説明、robots、canonical、Open Graph、Twitter カードの HTML メタタグを生成します。JSON-LD 生成記事・商品・FAQ・組織の schema.org 構造化データを作成します。UTM リンクビルダーGoogle Analytics などの解析ツール向けに、UTM パラメータ付きのキャンペーン URL を作成します。キーワード密度チェッカーテキスト内の単語頻度とキーワード密度を分析します。英語のストップワード除外にも対応しています。スラッグ生成タイトルや URL を SEO 向けのスラッグに変換。区切り文字や大文字小文字、Unicode を設定できます。