最近のWordPressテーマだと標準で実装されていることが多いのですが、無料テーマとかだと実装されていないこともある「Twitterカード設定」

TwitterでURL付きのツイートをしたときにカードとして画像が表示されると目に止まりやすいので必然的にCTRも上がる。

そこで今回はHTMLのコードでTwitterカードを実装する方法をメモとして残しておきます。

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Twitterのユーザー名" />
<meta property="og:image" content="表示させたい画像のURL" />

最低限必要なのはこれだけ。

ページによって表示させる画像を変えたい、場合とかだとWordPressの有料テーマならアイキャッチ画像を自動で設定してくれるものが多い。

あとカードの種類は「summary_large_image」以外に「summary」があるけどカードサイズも画像サイズも小さいので人によって好みが分かれる。

＊WordPressの人は外観からテーマエディターからheader.php内にコードを記入しましょう

HTML/CSSのお役立ち情報