このページはAIで翻訳されており、ネイティブスピーカーによる確認はまだ行われていません。 英語版を読む

Open Graph プレビュー

Facebook、LinkedIn、WhatsApp、Slack でリンクを共有すると、アプリは Open Graph タグを読んでカードを作ります。値を入力する(またはページの <head> の HTML を貼り付ける)と汎用的なカードをプレビューでき、公開前に画像の欠落や長すぎるテキストに気づけます。

…またはローカル画像でプレビュー
おおよそのプレビューです。実際の検索結果やSNSでの表示は、端末、言語、プラットフォームの更新によって異なります。

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。

使い方

  1. タイトル、説明、URL、画像(URL またはローカルファイル)を入力するか、既存の HTML を貼り付けて「タグを読み込む」を押します。
  2. プレビューと警告を確認します。
  3. og: タグをページにコピーします。

使用例

製品の発表

発表前に、1200 × 630 の画像が不自然に切り取られないか確認します。

既存のページ

ページのソースを貼り付け、足りない og: タグを確認します。

プライバシー

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。 ブラウザに保存される内容(お気に入りと履歴のみ)については、プライバシーポリシーをご覧ください。 プライバシーポリシー

ご自身で確認できます:ブラウザの開発者ツールを開き、「ネットワーク(Network)」タブを選んでツールを使ってください。ファイルがアップロード要求に現れることはありません。このページがオフライン用に保存された後は、インターネットを切断しても作業を続けられます。 広告と匿名の訪問統計は、有効な場合は独自に通信しますが、あなたのファイルやテキストを受け取ることはありません。

よくある質問

公開中のページを取得しますか?

いいえ。ブラウザーは Web ページが他サイトの HTML を読むことをブロックしており、当サイトはサーバーを使いません。HTML を貼り付けるか、値を自分で入力してください。画像 URL を入力した場合は、表示のためにブラウザーがその画像を直接読み込みます。

最適な画像サイズは?

1200 × 630 ピクセル(約 1.91:1)が広く推奨されています。正方形に切り取るアプリもあるため、重要な内容は端に置かないでください。

Facebook の表示とまったく同じですか?

いいえ。中立的な近似表示です。プラットフォームごとにカードの見た目や省略の仕方が異なり、時間とともに変わります。

Twitter / X カードプレビューX(Twitter)の summary カードや大きな画像カードをプレビューし、テキストと画像の目安を確認して、twitter: メタタグを生成します。
メタタグ生成ツールページ用の整った HTML メタタグを生成します:title、description、canonical、robots、Open Graph、Twitter Card。
画像リサイズJPG・PNG・WebP画像を正確なピクセル寸法またはパーセントでリサイズ。
ファビコン作成画像または文字から、favicon.ico、16〜512 pxのPNG、Apple Touchアイコン、Webマニフェスト、HTMLタグまでの完全なファビコンセットを1つのZIPで生成します。
スラッグ生成タイトルを小文字のきれいなURLスラッグに変換します。

ツールを検索