iPadでWordPress アイキャッチ画像の作成と設定

これがあるのとないのでは見栄えもアクセス数も雲泥の差ですよ!

 
 

・アイキャッチって何?

・どうやって作るの?

・設定方法は?

といったことを解説していきたいと思います!

アイキャッチ画像とは

記事の内容、タイトルに沿って作られた画像で、視線(eye)をとらえる(catch)という和製英語です。英語で正しくは(featured image)と呼びます。

アイキャッチを設定すれば、SNSに貼り付けた時やブログ内でリンクを貼った時にも画像が反映されます。パッと見て内容がわかるアイキャッチだと目を引きやすいですよね。

ちなみにこの記事のアイキャッチは↓です。

ページ上部でも表示されていましたね。


ブログ内での表示やSNSでの表示は以下のような表示です。

関連記事などでは自動生成されたサムネイルが表示されます
SNSでも設定したアイキャッチが表示されます

補足:サムネイル画像との違いは?

サムネイル(Thumb nail)は『親指の爪』という意味で、ワードプレスではアイキャッチを縮小した画像を指します。

ワードプレスでアイキャッチ画像を作成すると自動的に下記のサイズで生成されます。

ダッシュボード>設定>メディア からサイズを変更できます。

※ただしCocoonを使用している場合、サムネイルはダッシュボードの「Cocoon設定」の「画像」からの変更とプラグイン『Regenerate Thumbnails』での画像再生成が必要です。初期設定は9:16になっています。こだわりがなければそのままで良いのかなと思います。

サムネイルについてはまた別記事で作りたいと思います。

閑話休題。

アイキャッチを作る時気をつけたいポイント

  • 記事の内容が一目でわかる文章にする
  • 記事にあった画像にする
  • 文字を見やすくする
  • サムネイルを意識して作る
  • 画像を軽くする

記事の内容が一目でわかる文章にする

パッと見で記事の内容がわかれば、ユーザーが必要な情報か判断し、見てもらえる可能性が高くなりますよね。

またフォントなどを変えて見やすさを意識できると良いですね。

①の方が欲しい情報が入ってきませんか?

記事にあった画像にする

「可愛い画像を使いたい!」…気持ちはわかります!

しかし関係ない下図の場合、例えば「猫に関する情報なのかな?」勘違いされてしまう可能性があります。記事がしっかりしていてもそれではもったいないですよね。

文字を見やすくする

文字が見えないとせっかく文字を入れた意味がありませんよね。

サムネイルを意識して作る

サムネイルはアイキャッチの中央を中心に作られます。

そのため必要な情報は可能な限り中央に持ってくると良いでしょう。

おすすめのサイズ

画像のサイズは幅1200×高さ630px(1.91:1)が理想と言われています。

画像を軽くする

TinyPNG』を利用して画像のサイズを軽くしましょう。

アイキャッチはサイズが大きくなりがちですが、表示速度も配慮し可能な限り軽くしましょう。

TinyPNGの使い方
  • ステップ1
    TinyPNG』にアクセスして画面中央をタップ
  • ステップ2
    何処から画像を持ってくるか選択
    ※今回は「ファイル」から持ってくるので「ブラウズ」を選択
  • ステップ3
    「ファイル」から画像サイズを軽くしたい画像を選んでタップ
  • ステップ4
    処理が終わると出てくる右側の「download」をタップ
    ※元々ファイルサイズ小さくしたものでやったのであまり変化なくすみません。
  • ステップ5
    ファイルへのダウンロード許可画面が出てくるので、「ダウンロード」をタップ
  • ステップ6
    ファイルのダウンロードフォルダに画像が保存されていればOK

アイキャッチ画像の作り方

私は「Procreate」で作っていますが、「Canva」(キャンバ)で無料で作られてる方が多いようです。

今回初めてこの記事を作るにあたってCanvaを触ってみましたが、まだ慣れないのでこちらは今は割愛します。※いじって慣れてきたら追記しますね!

Procreateではサイズを指定してフリーフォントやフリーアイコンも好きなものをダウンロードしてきて使っています。

記事ごとに全く違う画像を使用して作るのもいいですし、統一感が欲しくて(めんどくさがって)使いまわす場合もあります。

自分で撮影した写真などを使うのをアリですが、何かしらのソフトで文字入れすることをおすすめします。

アイキャッチの設定

記事投稿ページからアイキャッチや他の画像を上げることもできますが、リンクが長くなるのでダッシュボードのメディアからアップロードしておくことをおすすめします。

メディアへの画像のアップロード方法
  • ステップ1
    ダッシュボードの「メディア」>「新規追加」を順にタップ
  • ステップ2
    「ファイルを選択」をタップ
  • ステップ3
    画像が保存されている場所を選んでタップ
  • ステップ4
    アップロードしたい画像を選んでタップ
    ※上図はブラウズで「ファイル」を選択した場合です

以上の操作でアイキャッチ他必要な画像を先に上げておきましょう。

アイキャッチ画像の設定
  • ステップ1
    記事投稿画面 >右上の歯車 >投稿 >アイキャッチ画像を設定 の順にタップ
  • ステップ2
    「メディアライブラリ」タブの中から事前にアップロードしておいたアイキャッチ画像をタップ >「アイキャッチ画像を設定」をタップ
  • ステップ3
    完了!

まとめ

  • 記事の内容が一目でわかる文章にする
  • 記事にあった画像にする
  • 文字を見やすくする
  • サムネイルを意識して作る
  • 画像を軽くする
  • 幅1200×高さ630pxが推奨サイズ
  • メディアから先に画像をアップロードしておく

以上お付き合いいただきありがとうございました(*´꒳`*)

コメント

タイトルとURLをコピーしました