*

OGPの設定

   

■OGP(Open Graph Protocol)とは
「このページにこんな情報が書かれている」という情報をmetaタグで表記したもの

例)facebookでいう「いいね!」したときに出てくる表示とか
OGPサンプル画像

■metaタグの種類
「og:title」:そのページのタイトルとか
「og:type」:オブジェクトの型、blogとかmovie
「og:url」:そのページのURL
「og:image」:いいね!とかしたときに表示されるサムネイル画像
「og:site_name」:サイト名
「fb:admins」:アプリのID
他にもオプションのタグあり
詳しくは「http://ogp.me/

■設定の仕方
下の「Step 2 – Get Open Graph Tags」でコードを作る
https://developers.facebook.com/docs/reference/plugins/like/

■設定したOGPの確認
https://developers.facebook.com/tools/debug

 -facebook, Web

Sponsored link

Sponsored link

  関連記事

no image

パララックスサイトを制作時に便利よさげなプラグイン「skrollr.js」

今回は少し触る機会があったのでパララックスを作るときに便利よさげなプラグインをご紹介します。 使用するプラグインは「sk

no image

Contact Form 7でメールを受信できない場合にやってみること

【状況】 WordPressのお問い合わせフォームでプラグインの「Contact Form 7」を使用して入力内容はGメ

jqueryを使用したチェックボックスの一括選択・一括解除

またチェックボックスネタで恐縮なんですが、jqueryでの書き方が分かりやすかったのでメモです。

紫陽花

新しい環境でまずインストールするソフトとかアドオンとかのまとめ

自分がそのうち利用するであろうエントリーです(汗) 【ブラウザ】 Firefox Chrome Safari ie te

モバイル用(ブログじゃない方。未確認だけど)

ということで、すっかり忘れてたのでモバイル用も一応作ってみとく。 でも今iPhoneなので、確認する術がなかったり。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

共働きの30代女性。
福岡でWebに携わってます。
主に自分用の細かいメモを書いてます。
細かい内容が多いですが、他の方にも役立つなら幸いです。

ブログの記事を紹介していただきました

このブログ更新するの、約1年ぶりか(汗) すごいお久しぶりです。 このブログを始めてもう地味に10年くらい経つのですが(

確定拠出年金、退職したときに行う手続き(継続するor掛金停止する)

私、昨年から確定拠出年金をしております。 会社には確定拠出年金の制度がなかったので、「個人型年金」の加入者として掛金の拠

実は先月で退職しました

だいぶブログさぼっておりましたが、実は先月末で会社を退職しました。 別にこの歳になって、自主退職したわけじゃないのです。

  • ブログランキング・にほんブログ村へ