ホームページの画像に付ける「alt」は、何を書けばいいかが分かりにくい欄です。Yahoo!知恵袋には、自社のホームページを自分で作っている人から「意味を持たない飾りの画像のaltは、空にするのか、そもそも書かないのか、どちらが正しいのか」という質問がありました。「お酒を造っている写真のaltは『お酒を製造中の画像』と書くのか、『お酒 製造』と単語にするのか」と迷っている人もいます。
会社でホームページを管理している人からは、別の困りごとが出ていました。altが付いていない画像を直したいが、ページが多すぎて1枚ずつ確かめる手が回らない、という投稿です。WordPressの「一部の画像にalt属性がありません」という警告を、全部の画像に説明を書いたのに消せない人もいました。
僕は新潟で医療機関・治療院・士業のホームページを作っています。altは、書いても画面に出ないので、放っておいても誰にも気づかれません。そこで、新潟の同業サイトがトップページの画像にaltをどう付けているかを数えました。
新潟の接骨院・社労士事務所・訪問看護・訪問介護の191サイトのトップページにある画像は5,660枚で、中身のある説明が付いていたのは2,957枚(52%)でした。alt属性そのものが無い画像が429枚、alt="" と空にしたものが1,847枚、「slide-1」「01」のようなファイル名や連番のままが135枚、「画像」「TEL」のような一語だけが292枚です。画像だけで文字の無いリンクは2,169か所あり、そのうち640か所はaltが無いか空で、読み上げではどこへ飛ぶリンクか分かりません。
自分のサイトの画像に何が付いているかを確かめたい方は、無料のサイト診断にURLをお送りください。この記事と同じ分け方で数えてお返しします。
<!-- def --> alt(代替テキスト)とは、画像が表示されないときや、読み上げソフトでページを読むときに、画像の代わりに出る文字のことです。HTMLでは <img src="shinsatsu.jpg" alt="診察室の写真"> のように、img タグの中に書きます。画面には出ませんが、読み上げソフトはこの文字を読み、Googleの画像検索もこの文字を画像の内容を知る手がかりにします。この記事では、トップページの img タグにこの文字がどう付いているかを数えています。
何を、どうやって数えたか
数えたものは3つです。
1つ目は新潟の同業サイトです。手元の名簿(接骨院・社労士事務所・訪問看護・訪問介護)からホームページのURLを取り出し、2026年9月26日に接続してHTMLのまま保存しました。トップページを保存できたのは191サイトです。保存するときは <meta charset> を読んで文字コードを判定してから取り出しています。保存時に60万字で切れていた8サイトは、2026年10月4日に全文を取り直したものを使いました。今回の集計で、新しく外部のサイトへは接続していません。
2026年10月18日に、191サイトのトップページの img タグを、HTMLの入れ子を追う方法で1枚ずつ分けました。コメントの中、script と style の中、noscript の中にある img は数えていません。分け方は次の5つです。
| 分け方 | どう判定したか |
|---|---|
| alt属性が無い | img タグに alt という属性そのものが無い |
| 空 | alt="" と書いてある。自分か親の要素に aria-hidden="true" か role="presentation" が付いていれば「飾りの宣言つき」として別に数えた |
| ファイル名・連番のまま | IMG_1234、slide-1、01、拡張子つきなど |
| 一語だけ | 「画像」「写真」「ロゴ」「アイコン」「矢印」「TEL」「MENU」など、何の画像かが分からない語 |
| 中身のある説明 | 上の4つのどれにも当たらないもの |
「中身のある説明」は、上の4つに当たらないものを全部入れています。説明の良し悪しは判定していないので、「ホーム」「アクセス」のようなメニューの文字も、院の外観を書いた文も、同じ「説明あり」に入っています。
あわせて、img だけで文字の無いリンク(<a> の中に画像しかないもの)を数え、その画像のaltが無いか空のものを「リンク先が読めない」として数えました。読み上げソフトはリンクをaltの文字で読むので、ここが空だと「リンク」とだけ読まれます。
測っていないものもあります。CSSの背景として置かれた画像、SVGを直接書いたもの、ページを開いたあとにJavaScriptで差し込まれる画像は、img タグとして保存されていないので数えていません。下層ページも保存していないので、トップページだけの数字です。
2つ目はYahoo!知恵袋です。「ホームページ 画像 alt 何を書く」「画像 代替テキスト 必要」「alt 空 SEO」「alt属性 書かない」など8語で検索し、一覧を延べ133件ぶん読みました。重複を除くと127件です。そこから、ホームページの画像のaltで迷っている投稿を22件開いて本文まで読み、分類しました。投稿日は2008年から2025年までです。質問文はそのまま引用せず短く言い換え、質問者が特定できる書き方はしていません。
3つ目は、このサイト(yutaka-web.jp)です。sitemap に載せている87ページの img タグを、同じ分け方で数えました。
191サイトの画像に、altはどう付いていたか
分母は、トップページにあった img タグの数です。「空」は飾りの宣言の有無を合わせた数で、宣言つきのものは括弧の中に書きました。
| altの状態 | 接骨院 | 社労士 | 訪問看護 | 訪問介護 | 計 |
|---|---|---|---|---|---|
| 中身のある説明 | 1,118 | 336 | 734 | 769 | 2,957 |
| alt属性が無い | 148 | 128 | 89 | 64 | 429 |
| 空(うち飾りの宣言つき) | 514(2) | 267(18) | 564(25) | 502(1) | 1,847(46) |
| ファイル名・連番のまま | 24 | 11 | 69 | 31 | 135 |
| 一語だけ | 73 | 52 | 128 | 39 | 292 |
| 画像の数 | 1,877 | 794 | 1,584 | 1,405 | 5,660 |
中身のある説明が付いていた割合は、接骨院が60%、訪問介護が55%、訪問看護が46%、社労士が42%でした。接骨院のトップページは画像が多く、1サイトあたりの枚数の中央値は29枚です。社労士は12枚、訪問看護と訪問介護は20枚前後でした。
いちばん多かったのは「空」です。1,847枚のうち、飾りの画像だと宣言してあったのは46枚だけで、残りの1,801枚は、飾りなのか、書き忘れなのかが外からは分かりません。写真が意味を持っていて、altだけが空という画像がこの中に混ざっています。
サイト単位で見ると、次のようになりました。
| サイトの状態 | 接骨院 | 社労士 | 訪問看護 | 訪問介護 | 計 |
|---|---|---|---|---|---|
| 画像の半分より多くに説明が無い | 22 | 21 | 32 | 29 | 104 |
| alt属性が無い画像が1枚以上ある | 22 | 16 | 9 | 12 | 59 |
| 読めない画像リンクが1か所以上ある | 22 | 22 | 24 | 21 | 89 |
| すべての画像に説明か飾りの宣言がある | 3 | 2 | 3 | 3 | 11 |
| サイト数 | 43 | 42 | 54 | 52 | 191 |
半分より多くの画像に説明が無いサイトは、191のうち104でした。業種を問わず、半数前後です。全部の画像に説明か飾りの宣言があるサイトは11で、どの業種も2〜3サイトしかありませんでした。
読み上げで「リンク」としか読まれない場所はどこか
画像だけで文字の無いリンクは、191サイトで2,169か所ありました。そのうち640か所は、altが無いか空です。1か所以上あるサイトは89で、接骨院は43のうち22、社労士は42のうち22でした。
中身を見ると、予約やお問い合わせのフォームへ飛ぶボタンが89か所、バナーが47か所、ロゴが32か所、InstagramなどSNSへのリンクが29か所、電話とLINEが合わせて15か所でした。残りの428か所は、画像のファイル名からは何のリンクか分からないものです。予約ボタンが画像だけで、altが空だと、読み上げソフトでは「リンク」としか聞こえず、押すと何が起きるかが分かりません。
接骨院では、トップページの「ご予約はこちら」「LINEで予約」のボタンを画像で作っている院が多く、ここにaltが無いと、予約の入口そのものが読めなくなります。
同じ説明を、何枚にも付けていないか
知恵袋には「同じaltが何十枚も並ぶとスパムになるのか」という質問がありました。今回の191サイトで、同じ説明が5枚以上に付いていたサイトは20でした。多い順に、「矢印アイコン」が1サイトで58枚、「お知らせ」が29枚、「資格の写真」が20枚、施設名だけが24枚、です。
「矢印アイコン」が58枚の例は、リンクの先頭に付けた小さな矢印の画像に、1つずつ同じaltを書いたものです。読み上げでは、リンクのたびに「矢印アイコン」が読まれます。この矢印は飾りなので、altは空にして、aria-hidden="true" を付けるほうが読み上げの邪魔になりません。
逆に「資格の写真」が20枚の例は、院長やスタッフの資格証を20枚並べ、全部に同じ説明を付けたものです。資格証は1枚ずつ中身が違うので、「柔道整復師免許証」「交通事故施術の研修修了証」のように、写っているものを書くと、画像ごとの意味が伝わります。
altには、何を書けばいいのか
知恵袋の22件を、迷いの中身で分けました。
| 迷いの中身 | 件数 |
|---|---|
| 何を、どのくらいの長さで書くか(文か単語か、ファイル名も変えるか) | 7 |
| 空にしていいのか、無いとどうなるのか(飾り画像・ボタン・順位が下がるか) | 6 |
| 文章を画像にして、その文章をaltに全部入れていいか | 4 |
| 数が多くて直せない、警告が消えない、書いたのに見てもらえない | 3 |
| 同じaltを何枚にも付けたらスパムになるか | 2 |
いちばん多いのは「何を書くか」で、文で書くのか単語で書くのか、「選りすぐった」のような言葉を足していいのか、ファイル名も直すべきか、という迷いでした。
Googleは検索セントラルの画像についての案内で、代替テキストの良い例として「子犬」や「『取ってこい』遊びをするダルメシアンの子犬」のような、写っているものをそのまま書いた形を挙げています。altにキーワードを羅列することは、利用者の体験を下げ、スパムとみなされる要因になりうると書いています。ファイル名についても、image1.jpg や 1.jpg のような一般的な名前を避けるようにとあります。
191サイトの数字と知恵袋の迷いを重ねると、書く順番は次のようになります。
- 写っているものを、一文で書く
「院長の写真」で止めず、「受付で患者さんに説明する院長」のように、写っている場面まで書きます。単語を並べる書き方は、読み上げで意味がつながりません。
- 予約・電話・LINEのボタンが画像なら、押したときに起きることを書く
「LINEで予約する」「お問い合わせフォームを開く」のように、リンク先を書きます。191サイトで640か所あった「読めないリンク」は、ここを書くだけで減ります。
- 飾りの画像は空にして、飾りだと宣言する
区切り線や矢印は alt="" にし、aria-hidden="true" を添えます。今回、空の1,847枚のうち宣言があったのは46枚でした。宣言が無いと、書き忘れと区別がつきません。
- 同じ説明の繰り返しをやめる
資格証やスタッフ写真のように1枚ずつ中身が違う画像は、違う説明を書きます。飾りの矢印は3の形にします。
- 文章を画像にしている箇所は、文章そのものをHTMLの文字に戻す
altに150字の文章を入れる方法は、知恵袋で4件が迷っていました。画像の中の文字は、altに写すより、文字として本文に書くほうが検索にも読み上げにも届きます。
- 一度に全部直そうとせず、トップページの予約ボタンから直す
「ページが多すぎて手が回らない」という迷いが3件ありました。トップページの予約・電話・LINEのボタンと、院の外観・院長の写真から直せば、読まれる回数の多い場所から片づきます。
写真そのものが用意できない院は、先に写真の枚数を数えた記事を読んでください。LINEで送ったときに出る画像の話は別の記事で数えています。画像の重さで表示が遅くなる話は、スマホの表示速度の記事でaltとは別に扱っています。
このサイトの画像と、直していないところ
このサイト(yutaka-web.jp)の87ページにある img タグは498枚でした。alt属性そのものが無い画像は0枚、中身のある説明が付いているのは182枚、空が316枚です。
空の316枚の内訳を、HTMLの入れ子で分けました。
| 空の画像がある場所 | 枚数 |
|---|---|
| aria-hidden="true" の中(固定ページの背景に流れる画像) | 87 |
| 記事の題名の文字が隣にあるリンクの中(一覧とサイドバーのカード) | 166 |
| 記事ページの背景(ぼかした画像) | 62 |
| トップページの写真 | 1 |
上の2つは、飾りの宣言があるか、同じリンクの中に題名の文字があるので、空のままで問題ありません。カードの画像にまで題名を書くと、読み上げで題名が2回読まれます。
直していないのは下の2つです。記事ページの背景は、同じ画像を本文の先頭で説明つきで出しているので飾りとして空にしていますが、aria-hidden="true" の宣言が付いていません。62枚とも、今回の数え方では「書き忘れ」と区別がつかない形です。トップページの打ち合わせの写真1枚は、宣言も題名の文字も無い状態で空になっていました。この2つは、記事の外で直してから、この段落に日付を書き足します。
よくいただく質問
飾りの画像のaltは、空にするのと書かないのと、どちらが正しいですか
空にして、飾りだと宣言するのが正しい形です。alt属性そのものが無いと、読み上げソフトはファイル名を読み上げることがあります。alt="" と空にすれば読み飛ばされ、aria-hidden="true" を添えれば飾りだと明示できます。今回の191サイトで、空の1,847枚のうち宣言があったのは46枚でした。
altにキーワードを並べると、検索で有利になりますか
写っているものを一文で書くのが先です。Googleは検索セントラルの案内で、altにキーワードを羅列することはスパムとみなされる要因になりうると書いています。「新潟 接骨院 腰痛 肩こり」のような並べ方は避け、「腰痛の患者さんの施術をする院長」のように場面を書いてください。
同じ説明を何枚にも付けたら、スパムになりますか
スパムかどうかより先に、読み上げで同じ言葉が何度も読まれることが問題です。今回の例では、1サイトで「矢印アイコン」が58回読まれる形になっていました。矢印のような飾りは空にして宣言を付け、資格証のように1枚ずつ違うものは、違う説明を書いてください。
予約ボタンを画像で作っています。altには何と書けばいいですか
押したときに起きることを書きます。「ご予約はこちら」の画像なら「予約フォームを開く」、LINEのボタンなら「LINEで予約する」です。191サイトでは、画像だけのリンクのうち640か所がaltの無いか空の状態で、予約・お問い合わせのボタンはそのうち89か所でした。
ページが多くて、1枚ずつ確かめられません。どこから直せばいいですか
トップページの予約・電話・LINEのボタンと、院の外観と院長の写真からです。読まれる回数がいちばん多い場所なので、ここを先に直すと効き目が大きいです。全ページの画像を一覧にして確かめたい方は、無料のサイト診断にURLをお送りください。この記事と同じ5つの分け方で数えてお返しします。
まとめ|ホームページの画像のaltは、191サイトで半分が説明なしだった
2026年9月26日に保存した新潟の同業191サイトのトップページで、画像5,660枚のaltを数えると、中身のある説明が付いていたのは2,957枚(52%)でした。alt属性が無い画像が429枚、空が1,847枚、ファイル名や連番のままが135枚、一語だけが292枚です。画像だけのリンク2,169か所のうち640か所はaltが無いか空で、読み上げではリンク先が分かりません。
知恵袋の22件では、「何を書くか」の迷いが7件で最も多く、「空にしていいのか」が6件で続きました。書き方は、写っているものを一文で書く、ボタンは押したときに起きることを書く、飾りは空にして宣言する、の3つで足ります。
自分のサイトの画像に何が付いているかを確かめたい方は、無料のサイト診断にURLをお送りください。制作や修正の範囲と料金は、サービスと料金に載せています。
