ブログの画像圧縮はＳＥＯ対策の必須項目です

書いた記事に挿入する画像は検索する人の目に止まったり、文節を区切ったり、目を休めたりと様々な要素で使われます。

そんな多用する画像を貼り付ける作業にひと手間かけてあげると読む人ファーストになるってご存知ですか？

明日さんは無料の画像サイトからいい写真をダウンロードしてちゃんと貼り付けできてます( ｰ`дｰ´)ｷﾘｯ

ブブーそれだめなやつです

なんでですか？(´･ω･｀)

ズバリ画像貼り付けに必要なひと手間とは画像の圧縮です

画像を貼り付ける時にひと手間かける必要性

ブログの作業をしていると何かとコーディネートしたくなるものです

みなさんそれなりにカスタマイズしていきますが１つ質問です。

白紙のブログと凝ったデザインは何が違うでしょうか？

見た目が違ってオシャンティー(´･ω･｀)

たしかにおしゃれになるのですがその分負荷がかかることになります。

負荷がかかるとｗｅｂサイトが遅くなり結果として読む人はストレスを感じて離れてしまいます。

また、読む人ファーストをポリシーとするグーグルさんの視線も熱いです。

つまりＳＥＯ的に必要な作業ということです

外観の工事でおしゃれ度が増すこととサイトの表示速度が反比例することを片隅に置いてブログを彩ることが必要なのです

画像の必要性について知りたい方はこちらも併せて読んでみてださい

ｗｅｂサイトの表示速度を保つのに有効なひと手間

世間一般でも常識的なお話しとして画像や動画に多くの容量を使うことが知られています。

日々、挿入する画像もその中の１枚になるため何とかしたいところです。

そこで考えられるのが画像の圧縮というひと手間になります。

一眼レフできれいな写真を撮ることが目的であれば重たくなるからと画素数をさげるなどの行為は本末転倒ですがブログは記事を書いて読んでもらうことが主体です。

読んでもらうために外観を整えて、読みやすくするために画像を挿入する。

それでいながら表示速度を維持して読者にストレスを感じさせない工夫が必要です。

実際に自分のウェブサイトを計測してみよう

こちらで自分のホームＵＲＬを入れるとスピード計測が行えます。

developers.google.com

読込が終わると分析結果がでます。詳細な分析結果のところは素人にはよくわかりませんが画像が重いというのはわかるかと思います。

画像を圧縮する基礎知識

無料サイトから拾った画像を直接記事に貼り付けた場合、長辺1024ピクセルにリサイズされます。

どんな画像も1024ピクセルがスタートで、あとは画素数（画像の綺麗さ）をどこまで落とすかが圧縮の作業になります。

※サイズを800にしたときは読者さんが画像をクリックした際、そのままのサイズです

画像の圧縮作業が必要なのはわかったかと思いますが正直めんどくさいですが慣れれば意外と簡単です。

読者さんからご指摘で2019年3月13日にはてなブログ仕様変更があったようでリサイズしても1200ピクセルになってしまうようです。

staff.hatenablog.com

外部の画像圧縮ツールを使う

一度ダウンロードしてきた画像を圧縮ツールにアップロードしてもう一度ダウンロードし直す方法です。

圧縮は自動で行いますが設定をしてサイズの調整、画素数の設定をすることもできます

圧縮ツールの紹介はこちらでしているのでよければ参考にしてください

www.asitadousuruyo.com

ちなみに明日さんは今のところこんな記事を書いておきながらデフォルト設定のグーグルフォトに画像をぶっこんで終わりです(∀｀*ゞ)ﾃﾍｯ

はてなフォトライフで画像を圧縮する

画像をブログ記事に直接貼り付けず、はてなフォトにアップデートするやり方だとリサイズと画素数の変更をすることができます

１．右上のこちらを選びます

２．右上の設定を選びます

こんな感じででているので画像サイズと画質を指定しておけば以後は同じ条件でアップロードしてくれます。

明日さんはこれ使っていませんが800ピクセル70％で一応設定してあります。

３．右上のアップロードを選んでアップロード画面になったら画像を選んでアップロードすれば完了です

まとめ

明日さんははてなの基本を理解して絶賛練習中！