完全保存版！ブログ画像の注意事項とおさえるべき知識

今回の記事ではブログにおける画像の注意すべき点とおさえておくべき知識についてまとめています。

ブログを見たときにユーザーの目に最初に飛び込んでくるのは、画像や写真といった視覚イメージです。

ブログにおいてタイトルや見出しも大切な要素ですが、視覚イメージから入る情報量は文字の比ではありません。

愛知大学法科大学院の伊藤博文教授の論文において、文字の情報量を1とすると画像は560倍、動画は1,125,000倍であると説明されています。

そんな魅力的な画像という武器を有効に使わない手はないですよね。

  この記事を読めば以下の内容を理解できます。

それでは、早速ブログ画像について紹介していきます。

ブログ画像の役割とは？

まずは「ブログ画像」がどのような役割をもって使われているのかを理解していきましょう。

それでは、それぞれの役割について詳しく紹介していきます。

①アイキャッチ画像とは？

「アイキャッチ画像」とは、記事の内容を一目で説明するための顔となる役割を持つ画像をいいます。

Googleの検索やブログ内の新着記事・関連記事で表示されるため、多くの場所でユーザーの目にさらされる最も重要な画像です。

一目見てユーザーに興味を持ってもらえる画像にしなければなりません。

厳しめに言うと記事の内容をイメージできない画像は、読者にスルーされまったく意味をなさないものとなります。

②見出し用画像とは？

「見出し用画像」とは、各見出し（章）ごとに設置する画像のことをいいます。

ブログの記事がすべて文字で構成されていると、読者は読み疲れをおこしブログから離脱する確率が高まります。

読者の疲れを防止する役割の画像として挿絵的に利用しましょう。

③図解やグラフとは？

「図解やグラフ」とは、読者の理解を深めるための役割をもつ画像です。

冒頭で紹介したように文字より視覚イメージの方が情報量が多いため、スムーズに読者に記事の内容を理解をさせることが可能になります。

図解やグラフをうまく利用することで読者へ正確に記事の内容を説明することを心がけましょう。

ブログに画像を何枚入れるべきか？

記事を書く上で悩むポイントの一つに、一記事に画像を何枚使ったらいいかではないでしょうか？

筆者は3年間ブログを運営してきたことで、ブログ画像は記事の内容により枚数を変更すべきであると結論付けました。

  各記事の種類ごとにおすすめの画像量を紹介。

特筆すべき点はレビュー記事とハウツー記事は見出し画像を入れず、説明用の画像を多くいれれるべきであるということです。

見出し画像も入れて、説明用の画像や写真まで入れてしまうと区切りが分からなくなり逆に見にくくなってしまいます。

  ブログ画像の枚数まとめ

ブログ画像を入手する方法

ブログで使用する画像を入手する方法として考えられるのは

このうち④のネット上の画像を利用するは、著作権や肖像権のルールを守らず勝手に使うと違法行為となります。
※詳しくは後述します。

①～③のうち気になる点について以下にまとめました。

有料と無料どちらを使うべきか？

ブログ初心者ほど有料画像を使うべきと考えています。

なぜなら、多くの方は文章のみで他のブログと差別化させることは不可能だからです。唯一差別化できるのが画像です。

わたしも自分で文章力があるとは思っていないので、メインのブログでは有料画像を使わせていただいています。

  ブログ歴3年の筆者がおすすめする有料画像サイト

そうは言っても収益の上がっていないブログで最初から有料画像を使うのはハードルが高いのも現実です。

いきなり有料画像を使えないって方は、次で紹介するフリーの画像サイトでおしゃれ・高品質の画像を探しましょう。

オシャレなフリー画像サイト

フリー画像は探せばかなりの数のサイトを見つけることが可能です。

中でもオシャレなフリー画像を探すのであれば以下の3サイトがおすすめです。

上記以外のサイトも知りたい方は ブログの画像をフリー（無料）で探せる驚愕の64サイト【初心者用】 で、日本で使えるフリー画像サイトを一気にまとめているので利用してみてください。

ネット上の画像を利用する場合の注意事項

ブログ画像を利用するうえで注意しなければならないのが「著作権・肖像権」についてです。

ルールを守らず無断で画像や写真を利用してしまうと「著作権侵害」となり訴えられる可能性もあり、最悪の場合ブログを閉鎖しなければならなくなります。

前章で紹介したブログ画像の入手方法を再度紹介。

③は著作権が自分にあるため問題にはなりませんが、案外理解されていないのが①と②です。

有料で購入した画像も、フリーサイトで入手した画像も著作権自体を作者が放棄しているわけではありません。あくまで契約の範囲内での利用が許可されているだけです。

基本的には各サイトの規約を読み、どこまでの範囲で使用することができるのかを把握しておくことが重要です。

そして、もっとも注意しなければならないのが、④のネット上の画像を利用する場合です。

ネット上の画像の著作権は先方にあるので本来は使うことはできません。無断で使ってしまうと「著作権侵害」となってしまいます。

そんな時は「引用」という手段を正しく利用することで、著作権侵害とはなりません。

詳しくは、ブログに画像を引用する場合の7つの注意事項と方法 で紹介させていただいています。

ブログに画像を貼る時の手順【SEO対策】

ここからは、「画像をブログに貼る際の手順」を順に紹介していきますね。

紹介する方法を実践するだけで検索エンジンでの評価も高まるので、SEO対策したい方はぜひ試してみてください！

それでは、それぞれの内容を確認していきましょう。

手順1：画像を適正サイズに変更を行う

まずは使用する画像のサイズを適切なサイズに変更しましょう。

なぜなら、適切なサイズに調整しておかないと画像が見切れてしまったり、デザインのバランスが崩れてしまうからです。

画像のサイズはワードプレスのテーマによって異なるので、各テーマの適正サイズを確認するようにしましょう。

画像に文字を入れたりしている場合に基準のサイズが間違っていると、適切な比率に自動変換されずバランスが崩れてしまいます。

見出し用画像は多少ずれても問題ありませんが、アイキャッチ画像はずれてしまうと文字切れをおこしたりするので注意が必要です！

手順2：画像を圧縮する

画像ファイルのサイズが大きすぎると表示されるまでに時間を要することとなり、読者が離脱してしまう可能性が高まります。

また、SEO的にも画像データが重たすぎると検索順位が下がってしまう要因にもなりますので、重たいデータの画像は圧縮して軽くしましょう。

Googleが推奨している1ページのデータ量は1.6MBといわれており、10MBを超えるとクローラーされないようです。

GoogleのクローラーがダウンロードできるWebページのサイズには限界があることをジョン・ミューラー氏が発言されています。

参照元：John Mueller on English Google Webmaster Hangout

スマホで撮影した写真を直接貼ってしまうとそれだけで1MBを超えてしまうので、必ず行うべき作業の一つと言えます。

ブログ画像のサイズ調整や圧縮方法については、ブログの画像サイズの悩み即解決！超絶簡単なサイズ変更と軽量化法も で詳しく解説しています。

スマホの画像をブログで紹介したい場合は、ブログにスマホ画像を貼る場合のサイズや見せ方を改善する4つの方法！ で解説しています。

手順3：Alt属性を設定

画像サイズの調整と圧縮が終われば、あとはブログに貼り付けるだけになります。

ただ最後に設定をしなければならないのがAlt属性へ情報を入力する作業です。

Alt属性を付けなければならない理由は以下のとおり。

上の画像であれば「フリー画像サイト59選」と記入しておくことで、画像の内容を認識されます。

画像の内容がわかれば良いので、難しく考えず画像からイメージできる内容を簡単に記載しておけば問題ありません。

記事作成時には、「サイズ調整⇒データ量圧縮⇒Alt属性への記入」の一連の手順を行うことを忘れないようにしてくださいね！

ブログ画像のデザインについて勉強できるおすすめサイト

ここからはブログに貼る画像のデザインを勉強する際に役立つサイトを紹介していきます。

サルワカ

言わずと知れたサルワカさんのサイトです。

Photoshopの使い方をマスターしたければ、オンライン講座や本を買うよりもサルワカさんのサイトを見るのが一番勉強になります。

マテリアルデザインで統一されており、マネできるスキルがあればぜひマネしたいサイトですね。

レク.ログ

2年前で更新はストップされていますが、わたしが一番好きなデザインのブログです。

パープル色で統一されており使用されている写真もクオリティーの高いモノが多く、写真でのブログを作るのであればとても参考になります。

更新されていないブログを見ているのはレク.ログだけです。

could

デザインの勉強をするならcouldもおすすめです。

デザインのルールやダメデザインのパターンなどデザインを勉強するときに役立つ情報がかなり豊富です。

記事内のイラストの挿入の仕方やどのようなイラストを使っているかなど記事を読んでいるだけで勉強になります。

PhotoshopVIP

デザインの勉強するなら絶対見るべきサイトはPhotoshopVIPでしょう。

最新のデザインに関する情報を入手することができます。フリーフォントや素材などをデザインする際に役立つ情報がたくさん公開されています。

時間があるときは頻繁に訪問して勉強させていただいています。

ブログ画像の知識・注意事項まとめ

今回はブログ運営を行ううえで必ず利用するブログ画像について詳しく紹介していきました。

紹介してきた中で特に覚えてもらいたい事項を最後にまとめておきます。