OGPの活用方法

OGP(Open Graph Protocol)とは？

OGP（Open Graph Protocol）は、ウェブページがSNSなどで共有される際に、その表示形式を制御するためのメタデータ規格です。Meta社（旧Facebook）によって開発され、さまざまなソーシャルメディアプラットフォームで広くサポートされています。

使用例

例えば、ウェブページのリンクをコピーしてSNSに投稿すると、自動的にページの文章や画像が表示されることがあるでしょう。これは、OGPを利用して、シェアされた情報が適切に表示されるように制御しているためです。

OGPの構造とビヨンドウェブでの反映

og:title

ページのタイトルを指定します。
ビヨンドウェブでは、投稿時に入力したタイトルがこのタグに反映されます。

og:description

ページの説明文を設定します。
ビヨンドウェブでは、投稿時に記述された説明文がここに表示されます。

og:site_name

サイトの名前を指定します。
ビヨンドウェブでは、設定されたサイト名がこのタグに反映されます。

og:image

表示される画像を設定します。
ビヨンドウェブでは、静的ページの場合は事前に提供された画像や要望に応じた画像を、動的ページでは商品や記事に関連する画像を設定できます。

他にも、 og:type og:url などがあります。

Open Graph Protocol 公式ドキュメント：https://ogp.me/

OGP導入の実装

OGPは、他のプラットフォームでサイトを効果的に宣伝できる便利な機能ですが、これをサイトに導入するには技術的な知識が求められます。

例えば、FacebookでOGPを表示させる際、画像が出ない原因としては 画像サイズ不足、URL到達不可、キャッシュ未更新、メタタグ不備 などが多く、これらの診断には、Meta 公式も画像サイズや Sharing Debugger、ベストプラクティスを案内しています。

Meta公式デバッガー：https://developers.facebook.com/tools/debug/

OGPのメリット

他サイトとの差別化を図り、SNSなどでシェアされた際の視認性が向上します。
また、コンテンツ全体で統一感のある表示を実現し、OGPの適切な設定によりメタデータが強化され、SEOにも効果を発揮します。
さらに、OGPを正しく設定することで、サイトのメッセージが明確に伝わるようになります。

お気軽にご相談下さい

株式会社コンテクシアは、AI時代のEC・Web運営に向けて、構造化データ整備、FAQ・商品情報最適化、AI連携を見据えたサイト設計まで対応する開発会社です。

開発依頼・協業等、是非お気軽にご相談下さい。