![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-91-1024x678.png)
- twitterカードってかっこいいけど、どうやるんだろう。
- WordPressのサイトをtwitterカードで宣伝したいけど、どうすればいいの?
こういった疑問にお答えします。
私は実際にこのサイトをtwitterで宣伝してます。
最初はそのまま記事のURLを貼ってつぶやいていたのですが、twitterカードがかっこよかったのでやってみたいと思いました。
以外と簡単にできたので、やり方について、ご紹介します。
- twitterカードとは
- twitterカードの仕組み
- WordPressでtwitterカードを使う方法
上記についてご説明していきます。
スポンサードサーチtwitterカードとは
twitterカードとは、twitterでつぶやくときにURLを貼ると、以下のようにサムネイル、記事タイトル、記事内容も表示している仕組みです。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-92.png)
twitterで、URLを貼ると通常は、以下のように味気ない感じになります。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-93.png)
明らかにtwitterカードを使ったほうが、かっこよくて見栄えが良いですね!
twitterカードの仕組み
簡単ですが、twitterカードの仕組みは、以下のイメージです。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-95.png)
なお、「twitter:card」は、twitterカードの種類を設定します。
<meta name="twitter:card" content="summary"/>
とした場合は、以下のような小さい画像となります。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-97.png)
次に
<meta name="twitter:card" content="summary_large_image"/>
とした場合は、以下のような大きいサイズの画像になります。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-96.png)
仕組みはこのような感じになっています。
WordPressでtwitterカードを使う方法
では、次にWordPressでtwitterカードを設定する方法です。ソースコードを自分で埋め込んでも、良いのですが、「All in One SEO」のプラグインがインストール済みなら、非常に簡単に設定できます。
左メニューから機能管理を選んで、ソーシャルメディアの「Activate」を選びましょう。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-98-1024x555.png)
左メニューにソーシャルメディアが追加されたと思うので、選びましょう。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-99-1024x545.png)
画像設定で「アイキャッチ画像」を選びましょう。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-100-1024x646.png)
Twitter設定で、「要約の大きい画像」か「要約」かを好みで選びましょう。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-102-1024x533.png)
あとは、一番下の「設定を更新」を押せばおしまいです。
![](https://katsuhiroblog.com/wp-content/uploads/2019/03/image-103-1024x241.png)
以上です。みなさんもかっこいい「twitterカード」をどんどんつかっていきましょう。
![](http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3743/9784297103743.jpg?_ex=128x128)