OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！

テクノロジーカテゴリーの変更を依頼記事元:

webdesign.practice.jp

71 usersがブックマークコメント

記事へのコメント5件

注目コメント
新着コメント

kjtec OGPについて

*Web

2017/02/10 リンク

ksd6700 “article”

2017/02/02 リンク

otabe2431 “<meta property="og:title" content="ページのタイトル" /><meta property="og:type" content="article" /> <meta property="og:url" content="ページのURL" /><meta property="og:image" content="画像のURL" />”

2016/10/26 リンク

twisterkun ありがとうございます！

2016/03/29 リンク

good510 ありがた

2016/02/08 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！

OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！サイトにSNSへのシェアボタ... OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！サイトにSNSへのシェアボタンを設置したからには、OGPの設置もしたほうがイイですね。 OGPの設置は、サイトの <head>部分の <meta>要素に記述をするだけで簡単。 FacebookとTwitter (Twitter Cards) は、基本のOGPの記述があれば、そこに数行を足すだけ。ということで、本ブログにもOGPを設置したので、忘れないうちにメモっておきます。＊今回は、まずOGPの HTML上での基本構造や、Facebook・Twitter用の設定をメモ。まずは基本を整理。＊WordPressでの設置は、パーツテンプレートを作り、タグを編集する必要があるので、次回メモ。本日のINDEX OGPは<meta>要素に記述する <head>要素のprefix属性への記述