OGPチェッカー
WebページのOGP(Open Graph Protocol)情報とTwitterカード情報を確認
OGP情報チェック
情報確認
WebページのOGP情報とTwitterカード情報を自動取得して表示します。
プレビュー
SNSでシェアされた際の実際の表示をプレビューできます。
改善提案
不足しているOGP情報があれば改善点を提案します。
実際の使用例
企業サイトのOGP
ブランドイメージを統一したOGP設定
INPUT
https://example-company.com/about
OUTPUT
タイトル: 会社概要 | 株式会社Example 説明: 私たちは革新的なソリューションを提供... 画像: ロゴ入りブランド画像
ブログ記事のOGP
記事の魅力を伝えるOGP設定
INPUT
https://blog.example.com/web-development-tips
OUTPUT
タイトル: Web開発効率化のコツ10選 説明: 現役エンジニアが実践する開発速度... 画像: 記事内容を表現したアイキャッチ
よくある質問
Open Graph Protocol(OGP)は、WebページがSNSでシェアされる際の表示内容を制御するためのメタデータです。タイトル、説明、画像などを指定できます。
TwitterカードはTwitter独自のメタデータで、ツイートにWebページのリンクが含まれる際の表示内容をカスタマイズできます。
以下の理由で取得できない場合があります:1)サイトがアクセス制限をかけている 2)JavaScriptで動的に生成されるOGP情報 3)プロキシサービスの一時的な制限 4)HTTPSでないサイト。時間をおいて再試行するか、別のURLで試してみてください。
Facebook、Twitter、LinkedIn、LINE、Slackなど、ほとんどのSNSやメッセージングアプリがOGP情報を利用します。
ブラウザのCORS(Cross-Origin Resource Sharing)制限により、他のサイトのHTMLを直接取得できません。本ツールは複数のプロキシサービスを使用してこの制限を回避していますが、対象サイトがプロキシからのアクセスをブロックしている場合は取得できません。
役立つTips
画像サイズ
OGP画像は1200×630px(1.91:1)が推奨です。最小でも600×315px以上にしましょう。
説明文の長さ
OGP説明文は155文字以内、Twitter用は125文字以内にすると切れずに表示されます。
SEO効果
適切なOGP設定はクリック率向上に繋がり、間接的にSEO効果も期待できます。
モバイル対応
スマートフォンでの表示も考慮して、画像内のテキストは大きめに設定しましょう。