仕事副業

【所要時間1分】Twitterに掲載する記事の見た目を変更したい(Cocoon利用者向け)

自分のサイトをTwitterに貼っても画像が見切れちゃう…。
他の人はどうやって大きな画像を表示しているんだろう?
アイコンキャッチを作ったから、大きく表示したい!

そんなお悩みを解決!
WordPressを利用していて、Cocoonをテーマにしている方は簡単な設定ですぐにできるので、こちらの記事を読んで、変更しちゃいましょう!

※記事は3分もあれば読めますし、実際の作業は1分で完了します。

スポンサーリンク

設定できるTwitterカードの種類は2つ!

URLを記載したときにTwitterに表示されているのは、Twitterカードと呼ばれるものです。

そして、Cocoonの設定で選択できるTwitterカードは「 summary 」と「 summary_large_image 」の2つがあります。それぞれアイコンとタイトルのどちらを目立たせたいかによって、選んでいきましょう。

summary 表示

アイキャッチ画像よりもタイトルを目立たせたい場合は「 summary 」がおすすめです。

summary設定

summary_large_image 表示

タイトルよりもアイキャッチ画像を目立たせたい場合は「 summary_large_image 」がおすすめです。

summary_large_image設定

Cocoonでの設定方法

では、設定方法をご説明します。

  1. 管理画面の「Cocoon設定」を開いて、OGP項目を選択
  2. OGPを有効化する
  3. Twitterカード設定を有効化し、好きな表示タイプを選ぶ

たったの3工程で表示設定を変更できます!

管理画面の「Cocoon設定」を開いて、OGP項目を選択

Cocoon設定の「OGP」

WordPress(ワードプレス)のCocoon設定を開いて、OGPという項目を選択しましょう。ここで、SNS上の表示設定を変更することができます。

OGPを有効化する

「OGPの有効化:OGPタグの挿入」にチェックを入れて、有効化します。

Twitterカード設定を有効化し、好きな表示タイプを選ぶ

Twitter設定

次は、先ほどのページを下にスクロールすると、Twitterカード設定という項目がありますので、ここで有効化にチェックと、好みのカードタイプを選択します。

Cocoonのデフォルトは「 サマリー(summary)」となっていますので、タイトルを強調したい場合はデフォルトのままで大丈夫です。

アイキャッチ画像を強調したい場合は「 大きな画像のサマリー(summary_large_image)」を選びましょう。

これで、設定は完了となります。

実際に変更したTwitterカードがこちら

私は各記事にアイキャッチ画像を用意しているので、タイトルより目立たせる方を選びました。

自分の記事に合ったカードタイプを選んでSNS流入をUPさせましょう!

コメント