facebook ボタンを設置して情報をシェアできない。。。?
facebook でおなじみの「いいね!」ボタンや「わけわけ」ボタンを設置している人も多いと思います。
僕自身も設置しています。
この前、なんとなく自分のページをシェアしてみようとやってみたところ、、、
タイムラインには流れるが公開したいニュースフィードには流れない..なんてことがありました。OMG
調べていたところ、「facebook いいねボタン設置時のOGP設定方法♪」というページに行き着きました。
どうやらOGPのメタタグを設置しなければならないとか。
facebook に自分のページについて教える
よーーく分からないっていう人は、自分のページの
内に以下のコードをコピペしちゃえばOK!!
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html lang="ja"> <head> <!-- ここまでの記述は省略 --> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="website" /> <!-- トップページならwebsite --> <meta property="og:title" content="タイトル" /> <!-- 必見奥様ブログのような感じ --> <meta property="og:url" content="http://から始まるサイトのURL" /> <meta property="og:site_name" content="サイトの名前" /> <meta property="og:description" content="自分のサイトの説明" /> <!-- shareボタンの右側に出てくる説明文 --> <meta property="og:image" content="http://から始まるimageへのパス" /> <!-- shareボタンに読み込ましたいimageへのパスを書く。http://ドメイン名/img/sample.pngみたいな感じ --> <!-- これ以降に、cssなどのlink情報を記載する --> |
自分のサイトに合わせてやるといいと思います。
ちなみに僕の趣味サービスでshareボタンを押すとこんな感じになります。
shareが実際にどういう風になるかをテスト
表示テスト
このサイトでmetaタグの読み込みやshare表示のテストを行えます!
参考までに!