データサイエンティストハトリのブログ

PythonとインテリジェントクラウドとAIが好きな学生エンジニア。データ分析、スクレイピング、就職活動などについて書いていきます。

サムネイルはかなり重要!OGPとはTwitterとの違いを解説!

f:id:hatorihatorihatorik:20180913234548p:plain

 

wordpressなどを使ってwebサイトを作成する時に、TwitterFacebook、その他サイトで投稿された時にどのような表示がされるんだろうと気になる方は多いでしょう。

 

今回はTwitterFacebookを投稿した時に表示されるサムネイル画像はかなり重要です。これらの設定の仕方についてまとめて見ました。

 

OGPの設定方法

以下をheadタグの間に埋め込みます。

 

<meta property="og:url" content="url名">
<meta property="og:type" content="サイト名">
<meta property="og:site_name" content="タイトル">
<meta property="og:image" content="画像の場所">

Twitter用の設定

以下をheadタグの間に埋め込みます。

 

<meta name="twitter:card" content="summary_large_image(大きさを指定)">
<meta name="twitter:title" content="タイトル">
<meta name="twitter:description" content="descriptionを設定">
<meta name="twitter:image:src" content="画像の場所">