2013年頃からお世話になってきて、累計で2,000記事以上を執筆し、おそらく4,000枚以上の画像を挿入してきました。書いておこうと思います。天からコツが降ってきて記事を書きたくなってしまったのです。WordPressで画像を挿入する6つのコツぼくが生涯で4,000枚ぐらい挿入し続けて見出したコツは次の6つ。内容によっては、1枚の写真だけではなく、複数の写真を同時に並べた方がわかりやすく説明できることがありますからね。スマートフォンでの表示には注意。スマートフォンは縦長表示なので、横に写真を多く並べすぎると、画像1枚あたりの表示が小さくなってしまいます。スマホ表示を意識してカラム数は少なくて2枚、多くて3枚にしておくべきですね。画像を挿入する時に選ぶことになるのが「画像サイズ」です。Lightというテーマではサムネイル中サイズフルサイズの3種類用意されていました。画像サイズは挿入する時のメディア追加画面右下の添付ファイルの表示設定の中のサイズで調整できますよ。ケチって「サムネイル」や「中サイズ」を選んでしまうと、画質が落ちて画像がぼやけてしまうので要注意です。小さい「サムネイル」だと、になっちゃいますね。スマホ表示では問題ないかもしれませんが、PCのスクリーンサイズになると細部がぼやけてしまいます。言われてからその戒律を守ってきましたが、これが案外正しく、問題なく記事を作り続けられています。じつは世の中には、画質を落とさずに、画像のメタデータなど余計な情報を剥ぎ落とすことで、容量を圧縮できるソフトがあります。画像容量を圧縮してからワードプレスの記事に挿入するようにしましょう。この数KB、MBの圧縮が読み込み速度のコンマ1秒に影響してくるので最前は尽くしておくべきですね。Optimというソフトを使っています。このソフトならば、画像をドラッグ&ドロップしてやるだけで画像の容量サイズを大きい時で50%を、最低でも5%ほど小さくしてくれますよ。記事を読み込む速さが変わってくるので、圧縮に魂を込めます。画像の元サイズを小さくするとはいえ、画像圧縮にも限度がありますよね。いう方法がありますよ。横の長さの最大1000pxになるようにサイズ調整していますね。1000pxの幅でPCのスクリーンでも十分綺麗に表示できます。無料ドラッグ&ドロップした画像を一括でサイズ変換できる便利なツール。スマホで撮った画像は25%のサイズ減、スマホでのスクリーンショットは50%減。挿入前にあらかじめサイズを小さくするように心がけています。imgタグを使うことになります。代替テキストという欄ですね。これは何のことかと言うと、画像を画像として読み取れない人たちのための情報です。画像が何を表しているのか?を言葉で説明してあげる属性になります。検索エンジンのクローラーというロボットもこのalt属性で画像を認識しています。どんな素晴らしい画像を挿入したとしてもGoogleのクローラーには1mmも響いていないわけです。SEOキーワードを入れれば大丈夫。検索エンジンにも、目の見えない方にも何の画像なのかわかりやすくなるのです。この小さなホスピタリティが検索上位表示につながってきます。このalt属性に大量のキーワードを盛り込みすぎるのはNG。場合のよってはスパム判定されることがあります。おすすめは3キーワードまでですね。長すぎず短すぎず、上位表示を狙うキーワードちょんちょん入れていきましょう。「被写体の実寸大」を意識するといいですね。写真の被写体のリアルのサイズと、記事表示されるサイズに差異がなければないほど、人間は自然と画像を認識して受け止めてくれるのです。微調整してあげましょう。これでは不自然さの塊なので、画像に写っているものと同じぐらいの大きさに最終調整してあげるといいですよ。調整方法は画像の4隅をクリックし、ドラッグ&ドロップしてみましょう。画面サイズが大きいパソコンやタブレットでの表示になりますね。スマートフォンの表示は小さいディスプレイなので、大抵が画面いっぱいのフルフル表示になります。PCなどの大きいディスプレイ対策として、「実寸大を意識した最終調整」が効いてくると思います。画像を挿入するときのコツでした。昨今、適度に画像を挿入した視覚的要素の強い記事が上位に上がりやすくなっている傾向があります。アクセスにつながってきます。Lin]]>著者情報ken日常の小さな学びをメモします。コメントをキャンセル12345メールアドレスは公開されることはありません。コメント氏名メールアドレス次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。