本文へジャンプします。

ココログサポート Top>>Questions List>>og:imageを利用したい (thre...

question

og:imageを利用したい

ココログプロを利用しています。
ココログの記事をfacebook、はてな等で参照してもらう際、サムネイルを出したいと考えています。
メタタグで「og:image」に画像URLを設定すればよいという所まで分かりましたが、以下の方法が分からず困っています。

1．個々の記事ごとに異なる画像を、「og:image」で設定したい
2．上記が設定していない場合、デフォルトの画像を設定したい

特に１．のやり方についてご存じであれば、ご教示ください。
よろしくお願いします。
basic infomations

Dain | 2018/05/03 23:20(2607days ago) | permalink | デザインの変更／管理

Please login to comment.

Re: og:imageを利用したい
一部、自己解決できたので書きます（誰かの参考になれば…）。

■解決できたこと…メタタグ「og:image」の役割、記述する場所

メタタグ「og:image」は、OGPのタグです。
OGPとは、Open Graph Protcolの略称で、 Facebookや Twitter、mixiなどのSNSでシェアされた際に、そのページの タイトル・ URL・概要・アイキャッチ画像（ サムネイル）を表示させる仕組みです。
OGPタグは、ヘッダータグ<head></head>の間に記述します。

参考：Facebook・TwitterのOGP設定方法まとめ
https://ferret-plus.com/610

■解決できていないこと…各記事ごとにOGPタグを設定する

上記の解決法で、index.htmlのヘッダーに、以下のように埋め込んでいますが、ブログのすべてが一律、この情報となっています。

<meta property="og:title" content="わたしが知らないスゴ本は、きっとあなたが読んでいる" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://dain.cocolog-nifty.com/myblog/" />
<meta property="og:image" content="https://pbs.twimg.com/profile_images/423796752/sugohon_400x400.JPG" />
<meta property="og:site_name" content="わたしが知らないスゴ本は、きっとあなたが読んでいる" />
<meta property="og:description" content="書評,読書,本,book" />

具体的には、「記事の最初の画像（.jpg）を見つけたら、その画像をog:imageにする」を実現したいです。MTifホゲホゲ的なタグを埋め込むんだろうかと探していますが、見つけられていません。

参考：MovableType.net テーマ開発BOOK
https://developer.movabletype.net/themeguide/practice/p-00/



Dain | 2018/05/19 18:30(2591days ago) | permalink