ブログ画像完全攻略ガイド、ブログ画像に関するあらゆる知識・ノウハウを詰め込んだ記事です。

ビジュアル重視で異性を好きになってしまう人のことを「面喰い」なんて言いますが、あなたはどうですか?

ってゆーか誰だってブサイクよりもイケメンのほうがいいですし、ブスよりも可愛いコのほうがいいですよね。

 

人間の脳ミソってやつはそもそもビジュアル重視に作られていて、

たとえば人間は初めて出会ったひとを3~5秒で判断するといわれていますが、その判断基準は下記の要素なのだそうです。

  • 視覚情報:55%
  • 聴覚情報:38%
  • 話している内容:7%

つまりほとんどが見た目などの印象で、しゃべっている内容とはまったく関係のない部分で判断されてしまうわけですね。

 

これはブログやアフィリエイトサイトでも同様です。

人間の脳はテキスト(文章)よりも、ビジュアル(写真や画像)の方を6万倍も速く認知し、

脳に送られる情報のうち90%は、目を通してインプットされる視覚情報(ビジュアル)なんですよね。

 

なにが言いたいかというと…

それくらいブログなどに使うビジュアル、つまり「画像」は大切なんだってことです。

今回は、私たちがブログやアフィリエイトサイトを運営する上で極めて重要な役割を果たす「ブログ画像」について、

運営者として知っておきたいトピックスをまとめてみました。

 

ブログ画像の「種類」「役割」とは?

ブログ画像の「種類」「役割」を3つ紹介

まず「ブログ画像」と一口にいっても、いくつかの種類と役割があります。

まずはそこから説明させていただきましょう。

【ブログ画像の種類・役割】

①アイキャッチ画像=その記事の顔
②記事内のイメージ画像=箸休め
③図表、グラフ、箇条書き=理解促進

 

①「アイキャッチ画像」とは、新着記事・人気記事・関連記事などの一覧にサムネイルとして表示されるアイコン的な役割をする画像のこと。

見るひとにその記事の大まかな内容/イメージを伝える、その記事の“顔”的な存在であるといえるでしょう。

WordPressなどでは記事毎にアイキャッチ(サムネイル)画像を設定することができます。

無料ブログでは、本文内の一番上に設置した画像がアイキャッチとして使われることが多いですね。

 

②「各章ごとのイメージ画像」は、文字通りブログ記事のなかの各章ごとに設置する、箸休め的な役割をもつ画像のことです。

小説などにある「挿し絵」とおなじとお考えいただくと分かりやすいかと思います。

例えばこのブログ部では、各章(見出し)ごとにイメージ画像を配置しています。

文字ばかりだと読み疲れしてしまいますので、適切なタイミングでイメージ画像をはさむことで、

読者のストレスを軽減して離脱を防いでくれる働きがあります。

 

③本文中の「図表」「グラフ」「箇条書き」は読者の理解促進に役立ちます。

冒頭で書いたように情報は文字(テキスト)で伝えるよりもビジュアルで伝えた方がより素早くたくさんの情報を伝えることができます。

文字を読み→頭のなかでイメージし→意味を理解するという手順を踏むよりも、

図やグラフなどのビジュアルで説明したほうが理解のスピードが早く、情報も正確に伝わるということです。

PR

LINE@で「裏ブログ部」はじめます!友だち追加ブログには書けない裏話、収益報告、更新通知、友だち限定情報などを配信(完全無料)!まずは友だち追加を♪

 

 

ブログ画像の「入手方法」とは?

ブログ画像の入手方法を解説します。

では、その画像や写真なんかのビジュアル素材をどこで手に入れるかというと…

下記の3つの方法が考えられます。

【ブログ画像の入手方法】

①ネット上にある画像を使う
②フリー素材(無料)を使う
③有料で画像を購入する
④自分で画像を作る

 

①「ネット上にある画像を使う」というのは読んで字のごとく、他のサイトなどから画像を拝借することです。

ただし、写真だろうが画像だろうが文章であろうが、そこには権利(著作権や肖像権)があるので勝手に使うことはできません
※詳しくは後述

 

②ほとんどの人は「フリー(無料)写真素材サイト」で画像を入手することになります。

著作権を侵さず、もっとも簡単で、お金がかからない方法ですからね。

世の中にはたくさんのフリー画像、フリー素材のサイトが存在しますので、そこから画像を入手します。

おすすめのフリー(無料)素材サイトは次の章で紹介します。

 

③「有料で画像を購入する」は、文字通り画像サイトなどからお金を支払って画像を購入することです。

お金は必要になりますが、おしゃれでカッコいい質の高い画像を使えたり、他のサイトと画像が被らないなどのメリットがあります。

 

自分で写真を撮ったり、イラストを書いたり、図やグラフを作成したりします。

手間はかかりますが、そのぶんオリジナルティのある価値の高いブログ画像となるでしょう。

 

筆者おすすめの「フリー画像」サイトは?

筆者がおすすめする、フリー写真素材サイトの一覧

筆者がおすすめするフリー画像、フリー素材のサイトは下記の通りです。

とくに「写真AC」「ぱくたそ」「Pixabay」あたりはよくお世話になっています。
※サイト名をクリックするとサイトに飛びます。

サイト名 特徴
写真AC 私がもっともヘビロテしている無料写真素材サイト。レベルもそこそこ高く写真点数も多いが、無料会員だと1日9枚までのダウンロード制限があったり、ダウンロードまで待たされるのが難点。
イラストAC 写真ACのイラスト版。特徴は同じ。
ぱくたそ 写真点数・バリエーションはやや少ないが、質が高くネタ的にも笑える面白い画像が多い。会員登録とかは不要で気軽に入手できるのが魅力。
いらすとや 可愛いけど甘すぎないちょうどいいイラストが多数。画風がすべて統一されているのもいい。
いらすとん ゆるかわな無料イラスト素材がGood。手書き風で味がある。
Pixabay 海外もののなかではもっともおすすめ。質が高くおしゃれ。写真点数もバリエーションも多い。
足成
(ASHINARI)
やや写真が古臭い感じだが…王道のフリー画像サイト。
GIRLY DROP 「女の子による女の子な写真素材」をテーマに、ガーリーな画像を幅広く提供。
FLAT ICON DESIGN 珍しい「フラットデザイン」専門のフリー素材サイト。
Freepik 海外系のグラフィック素材サイト。他とあまり被らない素材を使いたい人におすすめ。
PEXELS 海外系の写真素材サイト。英語ですが操作も分かりやすくおしゃれな写真が多いのでおすすめ。
タダピク 複数のフリー素材サイトをまとめて一括で検索できちゃうサービス。

 

ブログ画像には「Alt属性」を記載しよう!

ブログ画像にalt属性を記載して代替テキストを設定する方法

Alt属性」とはHTMLの記述のひとつで、画像を指定するimgタグのなかで「代替テキスト」を設定する際に使います。

代替テキストとは、画像がなんらかの事情で表示されなかった際にブラウザ上に表示されたり、

読み上げ機能などを使う際にテキスト情報として利用されます。

 

巷のウワサでは「Alt属性はSEOに効く!」なんて言われていますが…じつはそれほど検索順位への影響は大きくありません。

ただし、Alt属性は検索エンジンに「その画像はどんな内容なのか?」を伝えるほぼ唯一の手段なので、

しっかりとAlt属性を記載しておくことをおすすめいたします。

Alt属性の記載例をHTMLタグで説明

↑Altの記述例としては上記の通り。赤文字の部分がAlt属性です。

WordPressにおけるAlt属性の設定方法

↑WordPressのエディターでは、上記のとおり「代替テキスト」を編集できるので、そこから記載してもらえばOKです。

 

ブログ画像の「著作権」とは?

画像の著作権について解説します。

ブログ画像を使う際に注意したいのが「著作権」の問題です。

「著作権」というのは自分がつくったもの(文章、写真、画像などのあらゆる著作物)が他人に不正に使われることのないように法的に守られた権利のことです。

つまり他人が著作権をもっている写真・画像などをルールを無視して勝手に使ってしまうと「著作権の侵害」という法律違反になるということですね。

 

前章でブログ画像を入手するには次の4つの手法があるとお話ししましたが…

  1. ネット上にある画像を使う
  2. フリー素材(無料)を使う
  3. 有料で画像を購入する
  4. 自分で画像を作る

 

このうち④は著作権は自分にあるので自由に使って問題ありません。あたりまえですね。

②③が間違えやすいのですが、これらは著作権が放棄されたわけではありません。あくまで「事前にとりきめたルールの範囲内であれば無料で使っていいですよ」とされているだけです。通称「ロイヤリティフリー」と言います。

①は完全に所有者側に著作権がありますので、不正に流用してしまってはいけません。“不正に”はね。

 

なぜ“不正に”を強調したかというと…

多くの方が勘違いされていますが、ネット上に公開されている文章や画像を「引用」して使うこと自体は、じつは不正ではありませんし著作権法上の違反にはなりません

「引用」については次の章で解説します。

 

正しい「引用」を行えば無断でもOK!?

画像を引用する正しいルールを解説。

前章に書いたように、ネット上の著作物を不正に流用することは「著作権の侵害」にあたり、法的にNGです。

ただしルールを守り正しく「引用」するのであれば問題はありません

じつは著作権法上では、引用について下記のように記載されています。
 

第三十二条 公表された著作物は、引用して利用することができる。この場合において、その引用は、公正な慣行に合致するものであり、かつ、報道、批評、研究その他の引用の目的上正当な範囲内で行なわれるものでなければならない。

電子政府の総合窓口:著作権法(32条)より引用

つまり「引用」は法的に認められており、無断で使用しても罪には問われないのです。

 

しかし、だからと言ってなんでも勝手に使っていいわけではありません。引用にはいくつかのルールがあります。

【引用のルール】

①引用する必然性があること
②引用部分は他の部分と区別すること
③主従関係をはっきりすること
④引用元が明示されていること
⑤勝手に改変しないこと

 

①「必然性」というのはつまり、どうしても引用しなくてはならない理由がないとダメということです。

たとえば、引用しないと話が進まないとか、そもそもそのものについて批評をしているので引用せざるを得ないとか…そういうことでしょうか。

 

②引用する部分は、あなたのオリジナルな部分と区別して表記する必要があります。

文章であれば引用部分を「blockquoteタグ」などで囲って、あなたが書いた文章と区別しておけば問題ありません。写真や画像についても同様です。

(ただ画像ってそもそも他と区別されているので、blockquoteタグで囲む必要まであるかというと疑問ですが…まぁ心配な人はご対応ください)

 

③「主従関係」とは、自分が書いた部分を“主”とし、引用する部分を“従”とすることです。

具体的には、記事の内容はあくまであなたが書いた文章をメインとし、引用する文章はごく一部だけにする…などが求められます。

長文を引用して、あなたのコメントをちょこっと添えるだけ…みたいなのはダメだということです。

 

④「引用元の明示」とはつまり、どこのサイトから引用したのか?どの書籍から引用したのか?など、出典を明らかにするということです。

サイト名や記事タイトルを明記して、リンクを貼っておくのがベストです。

 

ブログ画像の「最適な枚数」とは?

ブログ画像の最適な枚数とは?

次に、ブログに最適な画像の枚数について考えてみましょう。

もしあなたのブログが短文であれば1枚でOKでしょう。あとは必要に応じて必要な画像を配置すればよいと思います。

逆に私のような長文ブロガーの場合は、1章(1つの見出し)ごとに画像を配置するのがベストだと思います。

話題が変わるごとに箸休め的な意味で画像を置くということですね。

 

まぁこのへんはぶっちゃけ好みの問題です。正解なんてありません。

どのような構成にすれば読者にとって読みやすいのか?理解が促進されるのか?を考慮していただければと思います。

ただしあまり画像の枚数が多すぎると、サイトが重くなってしまいユーザー体験に支障をあたえてしまうので注意しましょう。

 

ブログ画像は「圧縮」方法とは?

画像の圧縮方法について解説します。

前述のとおり、ブログ画像は「重さ」「容量」に注意しなくてはなりません。

直近でGoogleから「2018年7月よりページの表示速度をランキング要素に取り入れる(スピードアップデート)」という公式発表が出されましたが、

画像の重さのせいで表示速度が遅くなってしまい、ユーザー体験や検索順位に悪影響をあたえてしまっては元も子もありませんよね。

特にWordPressみたいに個人でレンタルサーバーを借りてブログを運営する場合は、サーバーの能力によっては大きな影響が出るので注意が必要です。

 

解決策としては、画像圧縮ツールで画像のサイズ(重さ)を小さくしてしまう方法です。

無料ブログであれば「TinyJPG」「JPEGmini」あたりのが有名で操作も簡単なのでおすすめです。

使いたい画像を上記の画像圧縮ツールで圧縮してからアップしてください。

(ただ大手の無料ブログサービスを使っているのであれば、サーバーがしっかりとしているのであまり気にすることはないかなと思います。)
 

もしWordPresを使っているなら、画像圧縮のプラグインを入れましょう。筆者のおすすめプラグインは下記です。

EWWW Image Optimizer

EWWW Image Optimizer」はもっとも有名な画像圧縮プラグインです。

個別でも画像を圧縮できますが、インストールして有効化するだけで、今後アップロードするすべての画像を自動的に圧縮してくれるので超便利です。

また、過去の画像もを1クリックですべて圧縮してくれます。優秀。

 Compress JPEG & PNG images

Compress JPEG & PNG images」は前述のTinyPNGのプラグイン版です。

画像のキレイさはそのままに、しっかりとサイズダウンしてくれるのでおすすめですよ。

 

WordPressを始めるなら!
【筆者おすすめレンタルサーバ&ドメイン】

初心者なら迷わずコレ一択!スタンダードで優良対応の高性能レンタルサーバー
エックスサーバー『X10』

中級者向け!1つで複数サイト運用も可能なWordPress特化型レンタルサーバー
エックスサーバー『wpX』

国内最大級&最安値のドメイン取得サービス
お名前.com

※関連記事「スマホだけでWordPressを開設する方法
※関連記事「5分でよく分かるWordPressのはじめ方!

※5/31(木)18時まで限定!
いまエックスサーバーを契約すると…

独自ドメイン1本を
無料プレゼント

 

WordPress開設ならエックスサーバーが最適です。