初心者でも実践できる!WordPressで画像を挿入する6つのコツ


WordPressで画像を挿入するコツってあるの??

どうも、Linです。たらい、です。

 

誰でも簡単にブログ記事をポストできる WordPress。

2013年頃からお世話になってきて、累計で2,000記事以上を執筆し、おそらく4,000枚以上の画像を挿入してきました。

そして、ついに今日、

WordPress の記事に画像を挿入する時のコツ

というものを見出すことができました。ほんと、いきなり天からコツが降ってきて記事を書きたくなってしまったのです。

 

このコツさえ知っていれば、

WordPress 初心者の方でも簡単にそれっぽく WordPress の記事に画像を挿入できるようになると思います。

今日はそのWordPressで画像を挿入するコツをまとめておきますね。

 

 

WordPressで画像を挿入する6つのコツ

ぼくが生涯で4,000枚ぐらい画像を挿入し続けて見出したコツは次の6つ。

 

コツ1. 横並びで画像を挿入したい時はギャラリー

まず WordPress の記事に画像を挿入する時にちょっとやりたくなるのが、

横並びに画像を挿入する

ということだと思います。

記事の内容によっては、一枚の写真だけではなく複数の写真を同時に並べて挿入することでわかりやすく説明できたり、伝える情報の深度を深くすることができるようになりますからね。

そんな横並びに画像を挿入したい時に使えるのが

ギャラリー

ですね。

詳しくは「WordPressのギャラリーの使い方」を読んでいただきたいのですが、ギャラリーを使うとこんな感じで複数の写真を綺麗に並べて表示することができるのです。

 

ギャラリーでは縦に並べるカラム数を選べますので、並べたい写真の数によってこのカラム数を変えればきれいに並べることができると思います。

ただし、スマートフォンでの表示には注意。

スマートフォンは縦長の表示になってしまいますので、横に複数の写真をベタベタと並べてしまうと、画像1枚あたりの表示が小さくなってしまいますの。

そのため、スマホ表示を意識してカラム数は少なくて2枚、多くて3枚にしておくべきですね。

 

コツ2. サイズはとりあえず「フルサイズ」で

WordPress の記事に画像を挿入する時に選ぶことになるのがサイズです。

WordPress 側で用意されている画像サイズは、テーマによる(functions.phpに記述されている内容)のですが、僕が使っているOlsen Lightというテーマでは

  1. サムネイル
  2. 中サイズ
  3. フルサイズ

の3種類用意されていましたね。画像サイズは挿入する時のメディア追加画面右下の

添付ファイルの表示設定

の中の

サイズ

というところで調整できますよ。

Image from Gyazo
おすすめはダントツで一番最後のフルサイズ。

ここでケチって小さい画像サイズの「サムネイル」や「中サイズ」を選んでしまうと画質が極端に落ちて画像がぼやけてしまうので要注意です。

ここではサイズをケチらずにフルサイズで攻めていきましょう。

ちなみにフルサイズで写真を挿入するとこんな感じで、

WordPress 画像 挿入

中サイズだとこんな感じ、

WordPress 画像 挿入

一番小さいサムネイルだと、

WordPress 画像 挿入

こうなっちゃいますね。

やはりサイズが小さいと画質が悪くなり細部がぼやけてしまいますよ。

 

僕もかつて全く WordPressを触ったことがなかった 初心者時代に師匠から

「まあ、とりあえずフルサイズにしておけよ」

と言われたのでその戒律を守ってきましたが、全く問題なくて記事を作成し続けられています。

WordPressの画像 サイズに迷われている方はフルサイズにしてみてはいかがでしょう。

 

コツ3. 圧縮してから画像を挿入する

またできればやっておきたいのが、

画像を挿入する前に画像の容量を圧縮する

いうことです。

世の中にはどうやら画質を落とさずに画像のメタデータなどの余計な情報を剥ぎ落とすことで、画像の容量を圧縮できるソフトがあります。

画像挿入前に少しでもいいので、画像を圧縮してからワードプレスの記事に画像を挿入するようにしましょう。

この数KB、MBの圧縮容量が記事の読み込み速度のコンマ1秒に影響してくるので最前は尽くしておくべきですね。

 

僕はMacで使えるImage Optimというソフトを使っています。

このソフトならば、画像をドラッグ&ドロップしてやるだけで画像の容量サイズを大きい時で50%を、最低でも5%は小さくしてくれますよ。

Image from Gyazo
この画像圧縮をするだけで WordPress の記事を読み込む速さというものが変わってくると思いますので、圧縮に魂を込めます。

この圧縮する手間が検索順位を左右すると思って気を抜かないで圧縮しておくことをおすすめしますよ。

 

コツ4. 画像の元サイズを小さくする

とはいえ、画像圧縮にも限度がありますよね。

めちゃくちゃ画像サイズが大きいものに関しては、いくら圧縮してもサイズ自体が容量がそれほど小さくなりません。

そういう時は、

元の画像サイズ自体を小さくしてしまう

という方法がありますよ。

僕はだいたいどんな画像でも縦横の長さの最大ピクセル数が1000pxぐらいになるようにサイズを調整していますね。

そんな画像のサイズの調整で便利で使っているのが

Image Tools

というMacのソフト。

iMage Tools
カテゴリ: 写真
現在の価格: 無料

ドラッグ&ドロップした画像等を一括でサイズ変換できる便利なツールでめちゃくちゃ重宝しています。

僕はスマホで撮った画像に関しては25%のサイズ減、スマホでのスクリーンショットは50%減などなどサイズを挿入前にあらかじめ小さくするように心がけていますね。

スマホで撮った写真の画質が良すぎて容量が大きすぎると悩んでいる方はまずは画像のサイズを小さくしてみましょう。

 

コツ5. alt属性はとりあえずキーワードをぶちこんでおく

HTML で画像を表現するときには imgタグを使うことになると思うんですが、その img タグの中でもSEOに効くと言われているのが、

alt属性

というものです。WordPressの画像挿入画面でいうと、

代替テキスト

という欄ですね。

これは何のことかと言うと、画像を画像として読み取れない人たちのために画像が何をしているのか何を表しているのかということを言葉で説明してあげる属性になります。

画像が見えない目の不自由な方にとってもalt属性は重宝されますが、実は Google の検索エンジンのクローラーというロボットもこのalt属性で画像を認識しています。

つまり、どんな素晴らしい画像を挿入したとしてもGoogleのクローラーには1mmも響いていないわけです。

そのため、逐次 WordPress の記事に挿入した画像のalt属性に SEO のキーワードを入れておけばm Google の検索エンジンにも、目の見えない不自由な方にも何の画像なのかということがわかりやすくなるわけです。

この小さなユーザービリティの向上が検索上位表示につながってきます。

 

しかしながら、このalt属性に大量のキーワードを盛り込みすぎるのはNGで、場合のよってはスパム判定される可能性があります。

おすすめは3キーワードまでですね。

長すぎず短すぎず、上位表示を狙うキーワードちょんちょん入れていきましょう。

 

コツ6. 実寸大を意識した最終サイズ調整

これは最近気づいたことなんですが、

WordPress の記事に挿入してる画像は実寸大のものと同じぐらいの大きさに最終調整してやるといいですね。

リアルのサイズと記事での画像で映し出されちえるサイズに差異がなければないほど自然と人間は画像を認識して受け止めてくれるのです。

 

例えばスマートフォンのキャプチャー画像だったら、そのキャプチャー画像はめちゃくちゃ大きく挿入するのではなく、

大体スマートフォンぐらいの大きさ

に微調整してあげましょう。

先ほど冒頭で WordPress の画像のサイズは「フルサイズ」がおすすめと言いましたが、フルサイズで挿入しまくっていると、

意図せず実寸大よりも大きく被写体が写っている画像

というものが出てきてしまいます。

これではちょっと不自然きまわりなく読みにくくなってしまいますので、画像に写っているものと同じぐらいの大きさに最後に調整してあげる必要があるわけです。

 

調整方法は画像の四隅のところをクリックし、ドラッグ&ドロップしてあげればサイズを調整できますから簡単ですね。

Image from Gyazo
ただこの方法が有効なのは 、

画面サイズが大きいパソコンやタブレットでの表示になりますね。

スマートフォンの表示に関しては画像よりも小さいディスプレイでの表示になりますので、大抵が画面いっぱいのフルフル表示になります。

パソコンなどの大きいディスプレイに関しては やはりこの実寸大を意識した最終調整というものが効いてくると思います。

 

 

WordPress の画像挿入には魂を込めよう

以上が WordPress の画像を挿入するときのコツでした。

昨今、文字情報をみっちり書き綴ったテキスト中心の記事よりも、適度に画像を挿入した視覚的要素の強い生地の方が検索の上位に上がりやすくなっている傾向にあります。

というわけで、WordPressのブログを運営する際にはこの画像の挿入するコツというものはかなり重要になってきますね。

まだ WordPress を使い始めて間もない初心者の方や、ブログを運営していて画像を頻繁に使うことが多い画像使いの方などが参考にしてもらえると嬉しいです。

 

それでは!

Lin


コメントはこちらからお願いします!



もう1本読んでみる