Open Graph プレビュー
Facebook、LinkedIn、WhatsApp、Slack でリンクを共有すると、アプリは Open Graph タグを読んでカードを作ります。値を入力する(またはページの <head> の HTML を貼り付ける)と汎用的なカードをプレビューでき、公開前に画像の欠落や長すぎるテキストに気づけます。
すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。
使い方
- タイトル、説明、URL、画像(URL またはローカルファイル)を入力するか、既存の HTML を貼り付けて「タグを読み込む」を押します。
- プレビューと警告を確認します。
- og: タグをページにコピーします。
使用例
発表前に、1200 × 630 の画像が不自然に切り取られないか確認します。
ページのソースを貼り付け、足りない og: タグを確認します。
プライバシー
すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。 ブラウザに保存される内容(お気に入りと履歴のみ)については、プライバシーポリシーをご覧ください。 プライバシーポリシー
ご自身で確認できます:ブラウザの開発者ツールを開き、「ネットワーク(Network)」タブを選んでツールを使ってください。ファイルがアップロード要求に現れることはありません。このページがオフライン用に保存された後は、インターネットを切断しても作業を続けられます。 広告と匿名の訪問統計は、有効な場合は独自に通信しますが、あなたのファイルやテキストを受け取ることはありません。
よくある質問
公開中のページを取得しますか?
いいえ。ブラウザーは Web ページが他サイトの HTML を読むことをブロックしており、当サイトはサーバーを使いません。HTML を貼り付けるか、値を自分で入力してください。画像 URL を入力した場合は、表示のためにブラウザーがその画像を直接読み込みます。
最適な画像サイズは?
1200 × 630 ピクセル(約 1.91:1)が広く推奨されています。正方形に切り取るアプリもあるため、重要な内容は端に置かないでください。
Facebook の表示とまったく同じですか?
いいえ。中立的な近似表示です。プラットフォームごとにカードの見た目や省略の仕方が異なり、時間とともに変わります。