![](https://i0.wp.com/herkeydoor.com/wp-content/uploads/2019/07/TwitterのURL表示を変更する-3-1.png?fit=800%2C385&ssl=1)
自分のサイトをTwitterに貼っても画像が見切れちゃう…。
他の人はどうやって大きな画像を表示しているんだろう?
アイコンキャッチを作ったから、大きく表示したい!
そんなお悩みを解決!
WordPressを利用していて、Cocoonをテーマにしている方は簡単な設定ですぐにできるので、こちらの記事を読んで、変更しちゃいましょう!
※記事は3分もあれば読めますし、実際の作業は1分で完了します。
設定できるTwitterカードの種類は2つ!
URLを記載したときにTwitterに表示されているのは、Twitterカードと呼ばれるものです。
そして、Cocoonの設定で選択できるTwitterカードは「 summary 」と「 summary_large_image 」の2つがあります。それぞれアイコンとタイトルのどちらを目立たせたいかによって、選んでいきましょう。
summary 表示
アイキャッチ画像よりもタイトルを目立たせたい場合は「 summary 」がおすすめです。
![](https://i0.wp.com/herkeydoor.com/wp-content/uploads/2019/07/2019-07-11_22h47_38.png?resize=600%2C140&ssl=1)
summary_large_image 表示
タイトルよりもアイキャッチ画像を目立たせたい場合は「 summary_large_image 」がおすすめです。
![](https://i1.wp.com/herkeydoor.com/wp-content/uploads/2019/07/2019-07-11_22h47_21.png?fit=800%2C593&ssl=1)
Cocoonでの設定方法
では、設定方法をご説明します。
- 管理画面の「Cocoon設定」を開いて、OGP項目を選択
- OGPを有効化する
- Twitterカード設定を有効化し、好きな表示タイプを選ぶ
たったの3工程で表示設定を変更できます!
管理画面の「Cocoon設定」を開いて、OGP項目を選択
![](https://i2.wp.com/herkeydoor.com/wp-content/uploads/2019/07/2019-07-11_23h12_14-2-2.png?fit=800%2C297&ssl=1)
WordPress(ワードプレス)のCocoon設定を開いて、OGPという項目を選択しましょう。ここで、SNS上の表示設定を変更することができます。
OGPを有効化する
「OGPの有効化:OGPタグの挿入」にチェックを入れて、有効化します。
Twitterカード設定を有効化し、好きな表示タイプを選ぶ
![](https://i1.wp.com/herkeydoor.com/wp-content/uploads/2019/07/2019-07-11_23h12_45.png?fit=800%2C236&ssl=1)
次は、先ほどのページを下にスクロールすると、Twitterカード設定という項目がありますので、ここで有効化にチェックと、好みのカードタイプを選択します。
Cocoonのデフォルトは「 サマリー(summary)」となっていますので、タイトルを強調したい場合はデフォルトのままで大丈夫です。
アイキャッチ画像を強調したい場合は「 大きな画像のサマリー(summary_large_image)」を選びましょう。
これで、設定は完了となります。
実際に変更したTwitterカードがこちら
![](https://i2.wp.com/herkeydoor.com/wp-content/uploads/2019/07/2019-07-11_23h48_07.png?fit=800%2C256&ssl=1)
私は各記事にアイキャッチ画像を用意しているので、タイトルより目立たせる方を選びました。
自分の記事に合ったカードタイプを選んでSNS流入をUPさせましょう!
コメント