2016年8月17日水曜日

[TIL] OGPを設定してTwitter Cardでブログのツイートに画像を付けて目立たせよう!

Twitterに、このブログへのリンクがあるときは、
そのツイートにこの画像が表示されるように設定してみます。(まだ成功してません)




設定は最高に簡単!
<meta name='twitter:card' content='summary_large_image'/>
<meta name='twitter:site' content='@hogehoge'/>
<meta name='twitter:creator' content="@hogehoge'/>
<meta name='twitter:title' content='hogehgoeブログ'/>
<meta name='twitter:description' content='hogeだよ!'>
<meta name='twitter:image' content='URL of IMAGE'/>

それぞれ、こんな意味です。
twitter:card
使うツイッターカードの種類です。
summary_large_image以外にも、いろいろあります。

twitter:site
Webサイト担当のツイッターアカウントを@付きで記述

twitter:creator
そのページの製作者のツイッターアカウントを@付きで記述

twitter:title
サイトのタイトルです。

twitter:description
サイトの説明を記述。200字以内だったかな?

twitter:image
乗っける画像のURLです。



これを、テンプレートの「HTMLの編集」から、
<head>〜</head>の間に書き込めばOK!
contentの値はいろいろサイトに応じていじって下さい。

(注: 何故か、引用符は「'」でないと動きませんでした。
閉じるカッコも、「>」ではなく「/>」でやりましょう。
←知識不足で何もわからん)

で、その後、
に自分のblogのURLをぶち込めばOK!


動いたぜ!動いてない!
画像は微妙だから、後日差し替えよう。







↓ 面白いなと思ったらSNSでシェアしよう! ↓


0 件のコメント:

コメントを投稿