go on program

【解決】Twitterのリンクをはってスイートしたのにサムネイル画像や内容が表示されない問題について

2020/07/08

Twitterに自分のサイトやブログのURLをはってツイートしたのに、サムネイル画像や内容(description)表示されない?他のサイトのURLだと表示されるのにどうして?
TwitterのツイートにURL先のサムネイル画像や内容(description)を表示させるには『Twitterカード』を設定をしなければ表示されません。

Twitterカードってなに?

Twitterカードが設定されているページのリンクをツイートした場合、サムネイル画像や内容(description)が表示されます。URLも設定されているため、興味があれば、ページにアクセスしてもらえます。

サムネイル画像と内容(description)が表示されると閲覧される情報が増えるため、ユーザに興味を持ってもらう確率が高くなります。

Twitterカードはどこに設定するの?

metaタグで設定するため設置場所は、ヘッダー(head)内の記述になります。

  • <meta name=”twitter:card” content=”画像表示の種類”>
  • <meta name=”twitter:site” content=”サイトやブログの名前”>
  • <meta name=”og:title” content=”記事のタイトル”>
  • <meta name=”og:description” content=”記事の内容”>
  • <meta name=”og:image” content=”リンク先のURL”>

Twitterカードの書き方は?

画像表示の種類には、「summary」と「summary_large_image」があり表示サイズの大きさが変わります。

  • <meta name=”twitter:card” content=”summary_large_image”>
  • <meta name=”twitter:site” content=”@go on program”>
  • <meta name=”og:title” content=”【解決】Twitterのリンクについて”>
  • <meta name=”og:description” content=”Twitterに自分のサイトやブログのURLをはってツイートしたの・・・”>
  • <meta name=”og:image” content=”http://goon-program.net/image.jpg”>

wordpressの場合、共通のheadに書き込みそれぞれの記事のタイトルやdescriptionなどを表示させるため、””内にwordpressタグが入ります。

おさらい

同じ記事をツイートしてもアイキャッチ画像や記事の内容が掲載されているのと、いないのとではアクセスは大きく変わってきます。
Twitterカードを設定してみてはいかがでしょうか。

関連記事
RELATED