WordPressブログ記事に正しく画像を入れる方法【初心者向け図解】

WordPressブログの記事内に必須な画像。
文章ばかりが続く記事よりも、適度に画像が入っている記事の方が読みやすいですし、場合によっては図で説明ができます。

SEO（検索エンジン最適化）の観点でも画像を貼り付けるのはとても重要ですが、ブログを始めた方は特に「見た目が整えばいいや！」と、記事内に「何となく」画像を入れてしまいがちです。

これからブログ記事を書く上で、より多くの読者を集め、記事を最後まで読んでもらうためにも「正しく」画像を入れる方法を身につけておきましょう。

本記事では、WordPress初心者の方でも「簡単、スムーズに」正しく画像を入れる方法を

に分けて説明していきます。

なぜ、WordPress記事に「正しく」画像を入れる必要があるのか

「見た目が整えばいいや。」と、記事内に「何となく」画像を入れると何がダメなのでしょうか。
記事に画像を入れる主な理由は次の２つです。

「何となく」画像を入れてしまうと、この２つが欠けた記事になるので、その結果

• 検索結果の上位に表示されず
• 読者もすぐ離脱してしまう

というブログ（記事）になる可能性が出てきます。

GoogleBotへ「情報満載で分かりやすい記事だよ！」とアピール

GoogleBot：
ウェブ上にあるサイトを巡回し（「クロール」といいます）、文書や画像などを定期的に読み取り、データベース化するGoogleのロボットのこと。「クローラー」とも呼ぶ。

GoogleやYahooなどの検索エンジンは、検索ユーザーの意図を正確に把握し、最適な答え（記事）を上位に表示します。

そのため、GoogleBot（クローラー）が無数にあるサイトを情報収集し、解析して（「インデックス」といいます）、検索されたキーワードと関連性が高いサイトから順に並べます。

画像の話でいうと、GoogleBot（クローラー）は、

• 記事内の画像が何を表すのか
• キーワードとどれくらい関連しているのか

の判断が出来ません。

GoogleBotでも「どんな画像か」が分かるよう、正しく画像を入れることで、クロールした時に「情報満載で分かりやすい記事だよ！」とアピールができて、記事やサイトの評価につながります。

記事を読みやすくして、読者の満足度を上げる

GoogleBot（クローラー）は「読者にとって最適な」記事を評価します。

読みやすい場所に見やすい画像を入れる、読者が満足できる記事にすると、結果的に

などの効果が期待できます。

「何となく」適当に画像を入れて、読者がストレスに感じる記事は最後まで読まれないかもしれません。

WordPress記事に「正しく」画像を入れる３つの前準備

WordPressの記事に画像を入れる前に、３つの簡単な準備をしておきます。

画像のファイル名を「意味のある英単語に」

まず、WordPressにアップロードする前の画像「ファイル名」について。

先ほど説明した通り、GoogleBot（クローラー）は、

• 記事内の画像が何を表すのか
• キーワードとどれくらい関連しているのか

の判断が出来ません。

そこで、判断材料の一つとして画像ファイル名が使用されます。

ファイル名も画像のテーマを判断する材料として使用されます。たとえば、IMG00023.JPG よりも、my-new-black-kitten.jpg の方がテーマを判断するために役立ちます。

引用元：Google 画像検索に関するおすすめの方法

次の画像で例えるなら、

というように「どんな画像か」が簡単に分かるような画像ファイル名にしましょう。

代替テキスト（Alt属性）を考えておく

次に、WordPressに画像をアップロードするときに設定する「代替テキスト」について。

代替テキスト（「Alt属性、Altタグ」ともいう）も、GoogleBot（クローラー）に「どんな画像か」を示す材料になります。

また、読者のネット環境などで画像が読み取れない場合も、この代替テキストが表示されます。

代替テキストを設定するときは、キーワードを適切に使用して、ページのコンテンツのコンテキストに沿った、情報に富む、有用なコンテンツを作成するようにしてください。alt 属性にキーワードを羅列すること（キーワードの乱用）は避けてください。これによって、ユーザー エクスペリエンスが低下し、サイトがスパムとみなされる場合があります。

引用元：Google 画像検索に関するおすすめの方法

つまり、

ということですね。
次の画像で例えるなら、

というように、画像が表示されなくても「どんな画像か」分かるような説明を用意しておきましょう。

「代替テキスト（Alt属性）」の入力場所は後ほど説明します！

画像を軽量化（圧縮）する

WordPressの記事内に画像を多く入れすぎると、サイトの読み込みに時間がかかり、離脱率が上がります。

そこで、画像ファイルを圧縮し、画像を軽量化してからWordPressにアップロードするという作戦です。

簡単・無料で使える画像圧縮サイトでオススメがこちら。

• TinyPNG（TinyJPG）
• Optimizilla

ドラッグ&ドロップだけで画像軽量化ができ、画質をあまり落とさずに一度に20枚まで圧縮できます。

画像サイズを変更したり、画像を加工する場合は、全て終えてから圧縮しましょう。

画像の軽量化で画質を落とすのは、読者にストレスを与える原因にもなります。
画質を保ったまま圧縮できるサイトを利用しましょう。

また、プラグインでアップロードした画像を軽量化する方法もあります。
「圧縮せずに記事に画像を載せてしまった！」という方にオススメです。

参考：EWWW Image Optimizerの設定方法と使い方｜画像最適化のプラグイン

【図解】WordPress記事に画像を入れる方法｜新旧エディタ別に解説

ここまで準備ができたら、WordPress記事内に画像を挿入していきましょう。
作業自体はとても簡単です。

サンプル画像として、先ほどから登場している子犬の画像を使いますね。

【新エディタ】ブログ記事に画像を入れる方法と手順

WordPressの新エディタ『Gutenberg（グーテンベルク）』での画像の入れ方を説明します。

【旧エディタ】ブログ記事に画像を入れる方法と手順

WordPressの旧エディタ『Classic Editor (クラシックエディタ) 』での画像の入れ方を説明します。

まとめ「WordPressブログ記事に正しく画像を入れよう」

「ただ画像を貼り付けるだけなのに、こんなに手順があるの…」
と、特に初心者の方には面倒な作業のように思えてしまいますよね。

しかし、慣れてしまえば大した作業ではありませんし、この一手間をかけるだけで

のであれば、やらない手はありません。

効率的にブログ収益を伸ばしていくためにも、ぜひ実践していきましょう！