サービス写真の代替テキストを整える。検索と読み上げの入口をそろえる
公開日 ・更新日
サービス写真の代替テキストは、画像の説明文ではなく、ページの意味を補う短い案内です。画像が見えない状況でも、何を伝える写真なのか分かるように整えます。
サービスページでは、写真を増やすだけで安心感が上がるとは限りません。画像の役割を決め、必要な説明をページの文章とそろえることが先です。
画像の役割を先に分ける
作業風景や商品の特徴を伝える写真は、何が写り、何を理解してほしいかを一文で考えます。人が接客している写真なら、場所や表情を細かく描写するより、サービスの場面が伝わる要素を選びます。
装飾のための背景や区切り画像は、代替テキストを空にする扱いがあります。リンクやボタンとして使う画像は、見た目ではなく、押した後に起きることを説明します。
短く具体的に書く
代替テキストは、画像の中にある情報をすべて列挙する場所ではありません。誰が、何を、どの場面で行っているかを短く書き、ページ本文と同じ言葉を使います。
検索語を詰め込んだり、「画像」「写真」だけで終わらせたりすると、画像の役割が分かりません。画像の直前・直後にある見出しや説明と重複する場合は、同じ内容を繰り返さず補足に回します。
公開後にページで確認する
CMSの入力欄を埋めたら、公開ページで画像が表示される状態と、代替テキストが設定されている状態を別々に確認します。画像を非表示にしても、文章の流れだけでサービスの内容が追えるかを見ると判断しやすくなります。
画像検索への表示や流入は、代替テキストだけで決まるものではありません。ページの見出し、周囲の文章、画像の品質も含めて、D14とD30で変化を確認します。
たとえば、店舗でスタッフが相談を受けている写真なら、「店内でスタッフが相談を受ける場面」のように、サービスの理解に必要な部分だけを書きます。顔や服装を細かく説明する必要があるかは、ページの目的で判断します。
複数のページで同じ写真を使うときは、ページごとに説明を変えるのではなく、画像が担う役割が同じかを見直します。役割が違うなら、同じ画像でも補足する情報が変わります。
写真とページ情報の整理は、COZITOへご相談ください。
関連記事
著者: 松井 勇樹