下記の日本語の部分を自サイトの設定にすれば大丈夫です。
アドレスに関しては絶対アドレスで記入して下さい。
注意
Skypeの場合は、index.html等まで指定されたアドレスでないと画像は表示されない。(アドレスの最後がフオルダだと画像表示されない)
Skypeの場合は、phpパラメータのあるアドレスだと画像は表示されない。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!--OGP共通設定ここから--> <meta property="og:title" content="サイトタイトル" /> <meta property="og:type" content="article" /> <meta property="og:url" content="サイト絶対アドレス" /> <meta property="og:image" content="画像絶対アドレス" /> <meta property="og:site_name" content="サイト名" /> <meta property="og:description" content="説明文" /> <!--OGP共通設定ここまで--> <!-- ※Twitter設定 ここから--> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@twitterアカウント" /> <meta name="twitter:title" content="サイトタイトル" /> <meta name="twitter:description" content="説明文" /> <meta name="twitter:image" content="画像絶対アドレス" /> <!-- ※Twitter設定 ここまで--> <!--Facebook設定 ここから--> <meta property="fb:admins" content="adminID(15文字の半角数字)" /> <!--Facebook設定 ここまで--> |
参考リンク
ferret
あぱーブログ
バズらせるためのFacebookとTwitterのOGPの設定方法
Summary Card with Large Image
Web担当者は必ず押さえる!OGP画像の重要性と設定方法
twitterカード設定方法
Facebook,Twitter,YouTube,Googl+,Instagramで使う画像サイズ
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ!