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