こんにちは。

埼玉県所沢市のホームページ制作会社の「株式会社アクセスアップ」女子社員のobaちゃんです。

今日は「Webサイトの画像サイズとSEO。やってはいけないNG行為」の巻きです。

最後までお付き合いよろしくお願いいたします。

ホームページに載せる写真は、見た目の美しさだけでなく「裏側の設定」が命です。

まず意識したいのが画像サイズ（容量）の最適化。

スマホなどで撮影した高画質な写真をそのままアップロードすると、容量が大きすぎてページの表示速度が著しく低下してしまいます。

表示が遅いサイトは、ユーザーが離脱する最大の原因になるため、ツールを使って画質を保ったままできるだけ軽量化（目安は1枚あたり100〜200KB以下）しましょう。

また、画像のファイル形式には、次世代フォーマットである「WebP（ウェッピー）」を採用するのもおすすめです。

さらに、検索エンジンに画像を正しく認識してもらうためのSEO対策も欠かせません。

画像ファイルをアップロードする際は、「IMG_4839.jpg」といった初期設定の名前ではなく、「clinic-lobby.jpg」のように中身が伝わる半角英数字のファイル名に変更します。

そして、最も重要なのが「alt属性（代替テキスト）」の設定です。

これは画像が表示されないときや、視覚障害者向けの音声読み上げソフトで読み上げられるテキストです。

ここに「〇〇クリニックのロビーの様子」といった具体的な説明をテキストで記述しておくことで、Googleの画像検索にもヒットしやすくなり、サイト全体のSEO評価向上に繋がります。

写真を使う上で、絶対に避けるべきNG行為がいくつか存在します。

最も注意したいのが「著作権・肖像権の侵害」。

インターネット上で見つけた素敵な画像を、許可なく保存して自社サイトに掲載することは完全に違法です。

フリー素材サイトを利用する場合でも、「商用利用が可能か」「クレジット表記は必要か」といった利用規約を必ず確認してください。

また、自社で撮影した写真であっても、背景に通行人の顔や他社のロゴ、車のナンバープレートなどが写り込んでいる場合は、モザイク処理を施すか、使用を避けるのが賢明です。

次に避けるべきは、「不自然すぎるフリー素材の多用」です。

いかにも海外のモデルが不自然な笑顔で握手しているような素材ばかりのサイトは、ユーザーに「実体のない架空の会社なのでは？」という不信感を与えてしまいます。

可能な限り、実際のスタッフやオフィスの風景を撮影した「オリジナルの写真」を使いましょう。

最後に、「テキスト情報をすべて画像化してしまうこと」もNGです。

バナーなどの文字情報をすべて画像にしてしまうと、検索エンジンがその文字を読めず、SEO的に大きなマイナスになります。

重要なテキストは画像に埋め込まず、必ずHTMLテキストとして配置するようにしましょう。

とりあえず、なんか写真を用意してあげておけばいいだろう、というのはNGです。

お客様にわかりやすく、好印象を与える写真を丁寧に撮影。

撮ったままをサイト上にアップするのではなく、最適な容量に加工すること。

SEOのために「裏側の設定」も大切。

スマホで簡単にきれいな写真が撮れるので、そのままWebサイトに利用しがちですが、丁寧にひと手間かけてほしいなとobaちゃん思っています。

最後までお付き合いいただきありがとうございました。

いかがでしたか。

次回はSNS関連について書いてみようと思っています。

では、また。

obaちゃんでした。