Open Graphタグジェネレーター

ソーシャルメディアでシェアされたときのページの見え方を管理しましょう。各項目を入力し、生成されたコードをページの<head>に貼り付けてください。

ページの情報

何を入力すればよいかわからない場合は、下のガイドをご覧ください。

60文字以内にすると、シェア時に途中で切れません。

ほとんどのページは「website」を使用します。ブログ記事は「article」を使用します。

UTMパラメータを含まないクリーンなURLを使用してください。

推奨サイズ:1200 × 630 px

Open Graphタグ

入力に合わせてコードが更新されます。

<meta property="og:title" content="ページのタイトル" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/image.jpg" />

プレビュー

ページをソーシャルメディアでシェアしますか?Open Graphタグが必要です

Open Graph(OG)タグは、ページのHTML内にある<meta>タグです。タイトルや説明からプレビュー画像まで、ソーシャルメディアでシェアされたときのページの見え方を決めます。

OGタグなし
Open Graphタグがないソーシャルメディア投稿:画像もタイトルもない
OGタグあり
Open Graphタグがあるソーシャルメディア投稿:画像、タイトル、説明がある

OGタグがないと、投稿の見え方はソーシャルメディア側で決められてしまいます。

シェアするすべてのページに基本的なOGタグを設定しましょう。OGタグには次の効果があります:

  • コンテンツがクリックされ、シェアされやすくなります。
  • ソーシャルメディアがコンテンツを理解し、適切なユーザーに表示しやすくなります。
  • コンテンツの内容がユーザーに伝わり、クリック数が増えます。
  • 画像が適切な内容とサイズで表示され、露出が高まります。

OGタグジェネレーターのガイド

タイトル

ソーシャルメディアに表示したいページのタイトルです。

タイプ

記事、動画、書籍、企業ページなど、シェアするコンテンツの種類です。タイプを設定しない場合、通常は「website」がデフォルトになります。タイプの一覧をご覧ください。

URL

シェアされたときのリンク先となるページのURLです。UTMパラメータを含まないクリーンなURLを使用してください。

画像

ページがシェアされたときにプレビューとして表示される画像のURLです。

オプションのOpen Graphタグ

og:description

ページについての1〜2文の説明です。

og:site_name

ページが属する上位のウェブサイトの名前です(例:「IMDb」)。

og:locale

タグの言語と地域で、language_TERRITORYの形式で指定します。デフォルトはen_USです。

og:locale:alternate

このページが対応しているその他のロケールです。

og:audio

ページに付随する音声ファイルのURLです。

og:video

ページを補完する動画ファイルのURLです。

og:determiner

文中でタイトルの前に置かれる単語です:a、an、the、""(空白)、またはauto。デフォルトは空白です。

ウェブサイトのSEOをサポートします

Ubersuggestでキーワードを見つけ、順位を追跡し、SEOの問題を修正しましょう。

Ubersuggestを無料で試す