【特集】WordPress高速化への挑戦!

Twitterカードの作成方法!アイキャッチ画像付でツイートする!!

スマホで健康管理を行う意識の高い女性

アイキャッチ画像付きでツイートするためには

Twitterカードを作成する必要があります。

先にその作成手順を紹介してから、導入効果や理由について詳しく考えてみたいと思います。

Twitterカードの作成手順

Twitterカードの設定ページを開く

Twitterカードを設定するためには、こちらのページにアクセスします。

 icon-external-link https://cards-dev.twitter.com/validator

Twitterカードの設定項目を入力する

アクセスしたページに必要事項を入力します。

といっても、入力する項目は1つしかありません。

Twitterカードを設定したいサイトのURLを入力しましょう。

入力できたら、下にある「Preview Card」ボタンをクリックします。

Twitterカード入力説明

 

ちなみに、当サイトでもTwitterカードを設定していますが、

こんな風に入力しました。

Twitterカード設定URL入力例

設定が成功したことを確認する

「Preview Card」ボタンを押して設定に成功すると、このような表示がされます。

 

Twitterカード設定成功画面

 

右下のLogの部分に「Card loaded successfully」と表示されていれば、

設定が成功したということです。

実際にツイートして画像付きでツイートされているか確認してみましょう。

 

こちらは私の所有する別サイトでTwitterカードを設定したときのツイートです。

こんな感じでツイートされるようになるんです。

 

Twitterカードの例

 

どうでしょう?

画像付きでツイートすると、その時の雰囲気がよりわかりやすく伝わります。

このカードは、「大きな画像付きのSummaryカード」の設定としています。

 

でも、「大きな画像付きのSummaryカード」ってどんな設定なんでしょうか?

詳しく見ていきましょう。

【広告】

Twitterカードの詳しい説明

Twitterカードの表示形式を含む仕様は、

公式サイトのTwitter Development Documentationで説明されています。

参照しておいてください。

 icon-external-link https://dev.twitter.com/ja/cards/overview

 

実際には、WordPressのテーマなどの機能として実装されているので、

そこで設定したとおりにTwitterに投稿されるというわけです。

Twitterカードを設定する理由

Twitterカードは設定しなくても、まったく問題ありません。

では、なぜTwitterカードを使うのでしょうか。

 

それは、画像付きのツイートの方が目につくからです。

無機質な文字だけよりも画像がある方が目に留まりやすい。

アイキャッチとはよく言ったもので、

その画像が読者さんの目をしっかりと捕まえて離さない。

そんな役割を果たしてくれるからなんですね。

 

ツイートに目がとまってくれなければ、

ブログに関心を持ってもらうことも訪問してもらうこともできません。

そういうことでTwitterカードが普通に使われているのです。

 

まだTwitterカードを導入されていないのであれば、

早めに導入することをおすすめします。

【広告】

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

WordPressテーマ「SKIN(TCD046)」

人気記事

  1. 目を閉じるたびに思い出す
  2. はい、正解は私でした
  3. 休日を読書で過ごす女性
  4. ごめん、待たせちゃった・・・
  5. イケメンにフィッシュオン!
  6. 指をさすビジネスウーマン
  7. 「いいね!」するビジネスウーマン
  8. 「問い合わせ先はコチラ!」と告知する地方局のアナウンサー
  9. スマホで健康管理を行う意識の高い女性
  10. SNSで流れてきた商品をポチろうか悩んでいる女子

広告




おすすめ記事

  1. メモを取る女性 お名前.comからエックスサーバーへのドメイン移管手続き備忘録
  2. すべてを許したくなるエンジェル笑顔 WordPressで投稿済みの記事を一括置換できるSearch Regexの使い…
  3. 「OK、そういうこと!」と締めくくるキラキラ女子 賢威7を使ってココが良かったと思う3つのこと(投稿画面編)
  4. SNSで流れてきた商品をポチろうか悩んでいる女子 ブログの表示速度を遅くしないための広告の貼り方とは!?
  5. はい、正解は私でした 賢威7サイトタイトルとトップページタイトルの違いを易しく説明します!!
  6. 目を閉じるたびに思い出す PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!…
  7. ランタンを見つめる文学美女 WordPress最適化をした結果PageSpeed Insightsスコアはど…

特集記事

  1. 休日を読書で過ごす女性 ブラウザのキャッシュを活用する-たったの5分で改善する方法!!
  2. 指をさすビジネスウーマン HTML・JavaScript・CSSを縮小するAutoptimizeの使い方と…
  3. 「いいね!」するビジネスウーマン WordPress高速化!全画像を一括圧縮するEWWW Image Optimi…
  4. イケメンにフィッシュオン! WordPress高速化のための最適なJPEG/PNG/GIF使い分けはこれだ!…
  5. 目を閉じるたびに思い出す PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!…
  6. SNSで流れてきた商品をポチろうか悩んでいる女子 ブログの表示速度を遅くしないための広告の貼り方とは!?
  7. ごめん、待たせちゃった・・・ deflateを使用してリソースを圧縮する方法!WordPressが劇的に高速化…
PAGE TOP