Emanon設定 OGP

OGPとは、Open Graph Protocolの略語です。FacebookやTwitterなどのSNSでWebページの情報を伝える役割があります。OGPを設定することで、SNSでWebページがシェアされた際に、アイキャッチ画像やタイトルなど表示されます。

Emanon設定のOGPは、<head>にOGPタグを自動で出力する機能です。FacebookとTwitterのOGPタグにも対応しています。

OGP設定
Twitter・Facebook・LINE・LinkedinのOGP確認方法

OGP設定

WordPress管理画面にログイン後、メニュー名「Emanon設定」をクリックし、タブ「OGP」をご覧ください。

Facebook OGPとTwitterカードを使用する場合、OPG設定は有効にします。OGPタグを有効にすると<head>内に下記のOGPタグが出力されます。

<!--ogp-->
<meta property="og:locale" content="ja_JP" />
<meta property="og:type" content="website" />
<meta property="og:url" content="ページのURLが表示されます" />
<meta property="og:title" content="ページのタイトルが表示されます" />
<meta property="og:description" content="ページのmeta descriptionが表示されます" />
<meta property="og:image" content="アイキャッチ画像のU R Lが表示されます">
<meta property="og:site_name" content="サイト名が表示されます" />
<!--/ogp-->

OPG画像

OGP画像は、FacebookやTwitterなどのSNSでサイトがシェアされた際に表示される画像です。OGP画像のサイズは、横：1200px 縦：600pxの画像を指定してください。OGP画像に指定された画像は、サイトのフロントページのOPG画像やアイキャッチ画像がないページのOPG画像に適用されます。

Facebook OGP

Facebook用OGPタグを有効にすると、< head >にFacebook用OGPタグを出力します。Facebook用OGPタグを有効にする場合、FacebookアプリIDは必須入力です。

FacebookアプリIDの取得手順

FacebookアプリIDは、OGP設定に必須のアプリIDです。Facebookにログインした状態でMeta for Developersページを開いてください。

Meta for Developersにアクセス

Facebookにログインした状態で Meta for Developersページを開いてください。
マイアプリをクリック
アプリを作成をクリック
あなたのアプリに必要な機能を選択する画面で、その他にチェックし次へをクリック
アプリタイプを選択で、ビジネスを選択し次へをクリック
アプリ名を追加の欄にWebサイトの名称を入力
アプリ設定のベーシックをクリック
表示名・連絡先メールアドレスのチェックとプライバシーポリシーのURLを入力
＋プラットフォームの追加をクリック
プラットフォームの選択でWebsiteを選択し、次へをクリック
サイトURLを入力し、変更を保存をクリック
アプリIDをコピー

アプリIDのモード：開発がライブになっていることを確認してください。完成したアプリIDは、Emanon設定 OGPのFacebookアプリIDに反映してください。

Emanon設定 OGPのFacebookアプリID