WordPressにアイキャッチ画像を挿入する方法【おしゃれなアイキャッチの作成方法まで解説】

  • このエントリーをはてなブックマークに追加

多くのWebサイトを見ているとそれぞれの記事にアイキャッチ画像が設定されているのをよく見ますよね。アイキャッチ画像はYouTubeのサムネイルと同じですが、タイトルの次にユーザーが見ようと思うかどうかを分けるものになります。

SEOの検索上ではアイキャッチは表示されない分、検索という意味ではあまり効果がないと思っている方もいるかもしれませんが、アイキャッチがあることによって、2記事目をみるかどうか等回遊率の違いにも影響してきます。

また最近ではマルチメディアでの拡散が非常に大きな影響を与えていることから記事をシェアした時にアイキャッチが挿入されるかどうかというのも拡散力に影響してきます。

今回はwordpressサイトでアイキャッチ画像を設定する方法と、アイキャッチ画像をどのように作るかについて解説していきます。

WordPressにアイキャッチ画像を設定する方法

それではまずはwordpressの管理画面から記事にアイキャッチ画像を挿入する方法を見ていきましょう。

WordPressの管理画面から『投稿』→『投稿一覧』と進んで、既存の記事にアイキャッチ画像を設定してみましょう。

もしまだ記事がひとつもない方は『投稿』→『新規追加』と進み、新しい記事を作る画面でアイキャッチ画像を設定していきます。

今回はどちらもわかるように『新規追加』から設定行く方法をご紹介します。既存の記事でも設定方法は同じなので、参考にしてください。

それでは投稿の新規追加をクリックすると編集画面に行ったかと思います。

そこで右側にアイキャッチ画像というものが見えていると思います。

そこから設定していきます。

もしここでそんな画面が見当たらないよという方がいましたら、編集画面右上の歯車のマークをクリックしてください。

すると画像のような画面が現れると思います。この画面では『投稿』と『ブロック』というタブがありますので、『投稿』という方を選択されていることを確認してください。

同じ画面になると思います。

それでもまだアイキャッチ画像という欄が出てないよという方がいましたら、編集画面右上の・・・のマークをクリックします。

下の画像のように赤枠の①〜③の順番でクリックしていき、アイキャッチ画像がオンになっているかを確認してみましょう。

これでアイキャッチ画像が設定できるようになっているはずです。

それでは実際に設定していきます。

編集画面から『アイキャッチ画像』→『アイキャッチ画像を設定』クリックすると以下のような画面になります。

こちらのメディアから任意の画像を選択して、右下のアイキャッチ画像を設定をクリックしましょう。

もしまだ画像をここに挿入していない方がいましたら、アップロードから何かしらの画像をアップロードしてみてください。

するとアイキャッチ画像を設定することができます。

設定されたら以下のようにアイキャッチ画像が選択されている状態になります。

これで設定は完了です。

アイキャッチ画像を作成する方法

次はこのアイキャッチ画像を作成する方法をご紹介します。

アイキャッチ画像はフリーの画像を挿入するだけでもいいのですが、目的は興味を引いて、回遊率をあげたり、拡散をしてもらいたい訳なので、しっかりと作ったものの方がいいわけです。

しかしアイキャッチ画像に何時間も費やすほどのことではないと思っている人も多いと思います。

なので、ぱぱっと作れていいものを作れるツールを紹介します。

それがCanvaというツールです。

こちらは数多くあるテンプレートの中から文言や画像を変えるだけで簡単にかっこいいアイキャッチを作ることができます。

それではcanvaをアカウント作成するところから始めましょう。

Canvaのサイトにアクセスしたら登録をしていない方は右上の登録からしましょう。

Googleアカウントでもいけますし、任意のメールアドレスでも登録することができます。

メールアドレスとパスワードを入力するだけなのでチャチャっと作っちゃいましょう。

登録が完了し、ログインするとこのような画面になりますので、テンプレートを選択していきます。

個人的なおすすめのテンプレートはプレゼンテーションからです。

テンプレートからプレゼンテーションを選択してみましょう。その中から今回は以下のような無料のテンプレートを使ってみます。

プレゼンテーション用のものなので、このテンプレート一つで左のものから好きなものを選べるのですが、今回はトップで出てきた画像のものを編集していきます。

Canvaの使い方は非常に簡単で既存のテキストを変えたり、画像を変えたりするだけなので、簡単に使いこなせると思います。

今回は以下のように変えてみました。

画像は適当なものですが、こんな感じで簡単におしゃれでかっこいいアイキャッチを作ることができます。

完成したら右上の↓ボタンをクリックしてダウンロードすることができます。

今回はwordpressのアイキャッチ画像用なので、ファイルはjpgかpngがいいとおもいます。

このままダウンロード押しちゃうとデフォルトではプレゼンテーションのファイルを全てをダウンロードしちゃうことになるので、今回は1ページ目しか使っていないので、ページを1ページのところにだけチェックを入れてダウンロードを押せば完成です。

これでwordpressの記事用のアイキャッチ画像を作成することができました。

これを先程のアイキャッチ画像を設定するところからアップロードしてあげて選択すれば、OKです。

テーマによって、アイキャッチ画像の設定はまちまちだと思うのですが、基本的にプレゼンテーション用の画像であれば、16:9という横長の画像になりますので、大抵のテーマで使えるのではないかと思います。

ぜひ参考にしてください。

大事なポイント

アイキャッチ画像はフリー画像をはめるだけの人もいますが、それだけではあまり意味がないので、アイキャッチにテキストを入れてあげて、みた人が読みたくなるようなものを作るといいと思います。

SNSでシェアする時も、画像が大きく出てくるので、目立ちやすいしぱっと見で興味のある記事なのかどうかも判断できますからね。

興味があれば、記事をみてくれるようになります。

サイトごとでテーマカラーのようなものがあると思うので、一つのプレゼンテーションのテンプレートの中でいくつかアイキャッチ画像を作ることで見た目は違うけど、カラーの統一されたアイキャッチを簡単にたくさん作ることができます。

効率的に興味をそそるアイキャッチを作り、サイトの向上を目指していきましょう。

wordpressの完全ガイド

wordpressを初心者から運用するまでの完全ガイド記事はこちらで網羅していますので、参考にどうぞ

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。