IDの取得についての記事へリンクを追加しました。画像のURLでIDを確認する方法を追加しましたサイトにSNSへのシェアボタンを設置したからには、OGPの設置もしたほうが記事を拡散してもらうためには良いです。TCDテーマでも既に一部テーマには実装されている機能で、今後全テーマ共通の仕様としていくために現在アップデート準備に入っております。ID」の確認方法などわかりにくい部分もありますのでOGPの解説と併せてご紹介します。idを入力するものとfb:app_idを入力するものが混在しています。使用)に順次バージョンアップしていきます。protocol」の略称でウェブページの内容をプログラムが把握しやすい形式で書いたものです。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトルやURL、概要、アイキャッチ画像を正しく表示させる仕組みになります。OGPの設定を行った後はこのように表示されます。Facebookの場合、OGPを設定していないサイトはいいね!を押してもらっても、その人のウォールにしか表示されません。OGPを設定したサイトであれば、「いいね!」を押してくれた人の友達のニュースフィードにも表示されるようになります。Facebookでの拡散の利点は、検索してサイトに訪れる人以外のユーザーにサイトを知ってもらうことにあります。そのために、OGPの設定はサイト運営者にとって必須項目と言えるでしょう。WordPressに手動でOGPを設定するOGPの設定は、サイトの<head>内の<meta>要素にソースを記述します。投稿記事と、それ以外のページを条件分岐させています。?&amp;gt;下記コードがOGPの設定コードになっています。●の部分には各自のコードやURLを記入ください。"\n";}?&amp;gt;OGPの必須プロパティ上記設定コードについて説明していきます。こちらの4つは必須のプロパティになります。og:titleページのタイトルを記述します。ブログであれば、記事のタイトルとなります。省略すると、デフォルトでtitle要素の内容になります。og:typeオブジェクトタイプを記述します。使われるのは、下記の項目になります。・website:Webサイトのトップページを表します。・article:記事を表します。Webサイトのトップページ以外のページ、ブログの記事などに。・profile:人物を表します。個人のプロフィールページなどに。og:urlシェアしたいURLを絶対パスで記述します。指定しない場合は自動で取得してきてくれるようです。og:imageシェアされたときに表示させる画像があるURLを絶対パスで記述します。画像のサイズも指定できます。「content=”●●●”」の黒丸の部分には画像のURLを入れてください。OGP用の画像サイズは「1200×630px」が推奨サイズになります。OGPのオプションプロパティog:localeサポートする言語の設定です。日本語にするため、「ja_JP」としています。og:site_nameサイト名を記述します。?>」で表示してます。og:descriptionページの説明を記述します。descriptionと同じ内容を入れるケースが多いです。IDを取得し、それを記述します。取得方法は次の項目で説明しています。※fb:app_idを使う仕様に変わっておりますのでfb:app_idの取得について別記事にてご案内しています。article:publisher黒丸の部分にFacebookページのURLを入れます。これを設定しているとFacebookで共有された時に、まだそのページにいいね!していない人が見た時にページに対してのいいね!ボタンが表示されるようになります。画像のURLでIDを確認する方法IDの確認において一番簡単な方法は、自分のFacebookアカウントのプロフィール写真を表示した画面のURLを確認することです。&type=1&theater」となっているところがあります。ここの「&type」の前にあるランダムな数字が「fb:admins」のIDとなります。サイトで確認する方法チェックしたいアウントでログインしてから以下のURLにアクセスしてみてください。アクセス後、アドレスバーに表示されているURLが自分のプロフィールページのURLなのでコピーします。https://www.facebook.com/profile.phpこのようなURLとなります。IDをチェックします。最後に、Facebookで用意されているデバッガで、OGPの記述が正しいかどうか確認します。OGPの記述だけでなく、それが他のHTMLソースと衝突している場合もエラーになりますが、このデバッガは、何が何とあたっているかなどの原因を教えてくれますhttps://developers.facebook.com/tools/debug/まずは、サイトのURLを入力してください。入力が無い場合や、HTMLの衝突がある場合には、このようにエラーが表示されます。ご自身のHTMLを確認しデバックを行って下さい。成功すると、OGPの設置が可能となります。上記の通り、OGP設定を手動で行おうと思うと結構な労力です。ID」、Twitterアカウント名を設定するだけでOGP設定ができるようになっています。まとめOGP設定をすることで、各種SNSにおいて、視覚的なわかりやすさでユーザーにインパクトを与えることができます。そのため、SNS上で拡散される場合には、OGP設定は必須の設定とも言われます。IDを確認する必要もありますので、これを機に設定を確認してみてはいかがでしょうか。IDを設定するものに順次変更しています。IDの取得方法については以下の記事を参考にしてください。ID(アプリID)は、OGPの設定やFacebook用のアプリを作成する時に必要なIDです。idを入力するものとfb:app_idを入力するものが混在しています。使用)に順次バージョンアップしていきます。...2020.02.11ワードやエクセルの表をテーブルタグに変換する便利なツール・ジェネレータ集2020.02.10上質な癒しを感覚レベルで訴えかける。Macでzip圧縮する時に注意しておきたいこと。2019.12.28【初心者向け】Gitとは何なのか。基本用語やその仕組みをまとめています。2019.12.27WEBマーケティングより広義のデジタルマーケティングについて基本から考える2019.09.18今更聞けない?Webサイトのアクセス解析やマーケティングにおいて知っておくべき基本用語2019.09.17読み手の心を動かすコピーライターの仕事とは?ライティングやコピーの基本要素を知ろう2019.07.21国内有力ウェブメディア17サイトの記事更新頻度を調査してみた。No.1】人はコンテンツのどこをどう評価するのか。コンテンツマーケティングに関する重要な話2019.07.01スクリーンショットの撮り方でここまで変わる!かっこいい記事にする為の10のテクニック2019.04.07強烈なインパクトでユーザーの視線を鷲掴みにするWordPressテーマ【MAXX】のトップページについて2017.01.26ファーストビューで動画を使うと見る側にどう伝わっているかという考察記事2019.12.15プロ級の会員制サイト運営をあなたの手に。No.1】人はコンテンツのどこをどう評価するのか。