upquark https://blog.hatena.ne.jp/upquark/ Webデザインの方法 | Webデザインメソッド https://upquark.hatenadiary.org/ 雑記 OGPとは Open Graph Protocolの略でFacebookやTwitterなどのSNSで使用する規定。 HTMLのHEAD部分に記述しておくことで、各SNSのプログラムにそのページがどんなページなのかを明確に伝えることが出来る。 例えば商品を扱うサイトで、各商品ページごとにOPGのimageを指定することでFacebookなどでイイネされた際に、 通常、どのページでイイネしてもサイトTOP画像等が表示されるが、そのページで紹介されている商品の画像をピンポイントで表示させることが出来る。 またOGPのdiscripsionも記述しておけば、そのページの商品の説明も同時に表示すること… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fupquark.hatenadiary.org%2Fentry%2F20130805%2Fp1" title="これからのサイトはFacebookやTwitter用にOpen Graph Protocolを設定しよう - Webデザインの方法 | Webデザインメソッド" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-08-05 00:00:00 rich https://upquark.hatenadiary.org/entry/20130805/p1 1.0 100%