3-3．カスタマイズ画面　[ys]SNS・[ys]SEO・[ys]XTMLサイトマップ

ここでは、カスタマイズ画面のその他の項目設定について解説いたします。

[ys]SNS
- OPG
- Twitterカード
[ys]SEO

[ys]SNS

OPG

OGPとは、SNSでシェアした際に、Webページのタイトルや概要、イメージ画像、URL含めた詳細情報を正しく伝えるためのHTML要素のことで、共有されたときにユーザーへの訴求力が高まります。

※Facebook app_idの取得が必要となりますので、通常のFacebookアカウントをまず作成しておいてください。

※プライバシーポリシーのURLの入力が必要となりますので、先にプライバシーポリシーを記載したページを作成してください。

Facebook app_id取得方法

まずは「Meta for Developers」を開き、画面右上の「My Apps」をクリック（ログアウトしている場合は「Log In」と表示されます）。
アプリの作成
次の画面で「アプリを作成」をクリック。
アプリのタイプは最下部の「なし」を選択して、「次へ」をクリックします。
次の画面で「表示名」と「メールアドレス」を確認して「アプリを作成」をクリック。
上部にアプリIDが表示されていることが確認。
画面の左側のメニューにある「設定」を押して、「ベーシック」を選択します。
次の画面で「表示名」「プライバシーポリシーのURL」「連絡先メールアドレス」を入力。（空欄だとFacebook app_idは取得できませｎ。）
「+プラットフォームを追加」というボタンをクリック。（「データ保護責任者の連絡先」の項目は空白でOK）
「Website」を選択して、「次へ」→ウェブサイトのサイトURLに連携するWebサイトのURLを入力して、「変更を保存」
最後に、ページ上部アプリのモードを「ライブ」にしてください。アプリIDをコピペして、WordPressへ戻り、カスタマイズ画面に貼り付けてください。

OGPデフォルト画像設定

記事一覧ページや検索結果ページなど、アイキャッチ画像が指定できないページや、アイキャッチを設定していないページに対し、ここで設定した「OGPデフォルト画像」が代わりに使用されます。

「画像を選択」と書かれた枠線部分をクリックして画像のアップロード・選択をしてください。

OGPのチェック

OGPが正しく設定されているか、Facebookのシェアデバッガーというページで確認ができますhttps://developers.facebook.com/tools/debug/

各設定がどのように認識されたか一覧で確認できます。

設定内容が反映されていない・古い情報が表示されている場合は「もう一度スクレイピング」をクリックしましょう。

「もう一度スクレイピング」をクリックしても情報が変わらない場合、少し時間をあけてからまた「もう一度スクレイピング」をクリックしましょう。

何度「もう一度スクレイピング」をクリックしても情報が変わらない場合、正しく設定ができていない恐れがあります。
https://wp-ystandard.com/manual/ogp-meta/