Cocoonのアイキャッチ画像サイズで本当に正しいのは？

稼げるブログ情報

著作者：storyset／出典：Freepik

Cocoonのアイキャッチ画像サイズは、本当はどのサイズが正しいのか！　という前に、あなたの眼前には、２４時間絶え間なくイメージ（画像）とメッセージの洪水が起きています。記憶に残すためには、画像サイズが適切に使われているかが、決め手になってきます。

  • WordPressのメディアサイズの設定
  • サムネイルの再生成
  • サイトアイコンの設定
  • ホームイメージの設定
  • NO IMAGE画像の設定

Cocoonの制作者「わいひら」さんの記事の中に「おすすめの画像設定5つ」がアップされてます。この中であなたに、特に注目していただきたいのが「Card validator」と「シェアデバッガー」の２つの記事です。後々、あなたの夢をかなえる有効なツールになっていきます。それでは「わいひら」さんの記事から見ていきましょう。

おすすめの画像設定5つ

4.7
Cocoonを利用する際に是非行って欲しい画像設定5つ
Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。
wp-cocoon.com
4.7
https://cards-dev.twitter.com/validator
cards-dev.twitter.com

Twitterカードとは

Cocoonのテンプレートの技術的な面は大切ですが、これから収益を得たいと考えている方は技術面で終わるのではなく、アフィリエイトの戦略→戦術→実行への道に進んでください。何を揺さぶれば、「人々が行動を起こしたくなるのか」ブログ日記の声カテゴリーでアスデが詳しく日記してます。

4.7
Twitterカードとは？設定・確認方法と便利なツールを紹介
出典：
keywordmap.jp
4.7
シェアデバッガー - Meta for Developers
developers.facebook.com

上記の記事はすべての記事にリンクしたいです。

Cocoonのアイキャッチ設定

4.7
  1. 本文上にアイキャッチを表示する
  2. アイキャッチラベルを表示する
  3. アイキャッチの中央寄せ
  4. アイキャッチをカラム幅に引き伸ばす
  5. アイキャッチにキャプションがある場合は表示する
  6. アイキャッチ自動設定を有効にする
4.7
Cocoon アイキャッチと記事内画像のカスタマイズ
今回はCocoonのアイキャッチと記事内に掲載する画像のカスタマイズについて解説します。アイキャッチはCocoonに限らず、ブログをやっていたらほぼ必ず使われる画像です。記事の内容を表すイメージとして、またクリックしたくなるアイキャッチ
freefreemind.com

Twitterカードに表示されるアイキャッチ画像サイズ

TwitterやFacebookでブログ記事を紹介して、アクセスアップの武器としてツールを使うときは、画像を見切れずに表示するために「1200×630pxサイズ」にすればインパクトある記事になります。

4.7
【Cocoon】アイキャッチ画像のサイズと作成に便利なツール紹介
アイキャッチ画像の悩みを解消します。ブログのコンテンツ幅に合わせ、Twitterカードでも画像が切れずに表示できるアイキャッチ画像のサイズについて、オススメの画像作成ツールと使い方、アイキャッチ画像作成時の注意点を解説しています。テーマcocoonをお使いの初心者向けの簡単な内容になってます。
koba-mai.com

まとめ

おすすめの画像設定5つ

Cocoonのアイキャッチ設定

Twitterカードに表示されるアイキャッチ画像サイズ

コメント