【マニュアル】アイキャッチとは?効果や作り方、設定方法を解説

さぽ子

こんにちは!さぽ子です。
みなさまは、アイキャッチって聞いたことありますか?

てるみ

YouTubeやテレビや広告で見かけるやつですよね?
ワードプレスの編集画面にも設定する場所がありますよね?

さぽ子

そうです!
記事やページに適切に設定すると、目に止まりやすくなったり、内容を分かりやすく伝えることができます。
今回はアイキャッチの効果や作り方、設定方法について解説します。

アイキャッチとは?その効果について

アイキャッチとは、eye(目)+catch(つかまえる)が合わさった言葉のとおり、視覚的に目をひく効果のある画像やビデオクリップ(サムネイル)のことを指します。

実際に、ユーザーはアイキャッチをみて、その記事や動画を見るか判断したり、行動を起こすきっかけになるもので、ホームページにおいても非常に重要なものになります。

ワードプレスでは、投稿記事や固定ページごとにアイキャッチ画像を設定することができます。
適切に設定すると、SNSでリンクを拡散するときに表示されたり、検索結果などにも表示されることがあります。

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

画像をそのままアップしても何も設定しないよりはいいのですが、サイズを適切な比率にしたり、文字を入れたりするといいです。
サイズは、そのホームページによるのですが、16:9 や 4:3 などの比率で作成するといいです。
ウェブポルテで制作しているホームページは、「横640px・縦370px 」で制作するとちょうどいいです。(比率がどちらにも当てはまりませんが、16:9 で制作するとちょっと下のほうが切れてしまうので…)

内容に関連している画像や記事タイトルをアイキャッチに載せるとより効果的です!
ただ、自動的にいい感じにトリミングしてくれるので、文字などを載せない場合は、そのままアップしてもいいかと思います。

もし、こだわった感じで作ってみたい方は、最近はスマホのアプリで画像加工ができたりするので、それを活用してみてもいいかもしれません。
あとは、Canvaという無料で使えるオンラインデザインツールがあるので、Canvaで作ってみるものおすすめです。

アイキャッチ画像の設定方法

設定したい投稿や固定ページの編集画面に入ります。
右側の設定エリアで、「投稿」や「固定ページ」のタブをクリックして、「アイキャッチ画像」のメニューを探します。(少し下のほうにあります)

グレーの「アイキャッチ画像を設定」をクリックすると、メディア一覧が開きます。

新しくアップロードする場合は、アップロードのタブをクリックして、画像をアップします。
メディアライブラリーから選ぶ場合は、そのままアイキャッチにしたい画像を選択します。

画像を選択したら、右下の「アイキャッチ画像を設定」ボタンをクリックしてください。

そうすると、編集ページにもどり、アイキャッチ画像のところに設定した画像が表示されていればOKです!

最後に左上の「公開」または「更新」ボタンをクリックすれば完了です。

アイキャッチは、お知らせ一覧などのアーカイブページや、各投稿ページの下に表示される「前の記事」「次の記事」といったところに表示されます。

さぽ子

いかがでしたでしょうか?
アイキャッチを適切に設定して、お知らせやアピールしたいことを効果的にお客様に伝えましょう!

無料相談してみる