其の9 リンクテキストにはリンク先の内容を明確に | デザインってオモシロイ -MdN Design Interactive-

其の9 リンクテキストにはリンク先の内容を明確に

2024.4.20 SAT

【サイトリニューアル!】新サイトはこちらMdNについて
タイトル画像

レベル初級其の9

リンクテキストにはリンク先の内容を明確に


リンクテキストに、意味を持たない言葉(例えば「ここをクリック」など)を使っているサイトがある【1】。このように、そのリンクテキストをクリックしたら、どんなページにジャンプするかが曖昧な言葉を使用すると、ユーザーを混乱させ、予想しなかったページにジャンプさせてしまうことになる。

リンク先の内容がわかりにくいリンク表記例
【1】リンク先を「ここをクリック」と表記した例。音声認識ブラウザでは「“原材料名”“ここをクリック”」と読み上げられてしまう

ユーザーが目的のページにたどり着けるよう、リンクテキストにはより具体的でわかりやすい言葉を使用することが大切だ【2】。

「原材料名の説明」と、リンク先の内容を表記したリンク
【2】リンク先が何なのかきちんと明記した例

また、視覚障害者が利用する音声ブラウザなどでは、文章中のリンク部分を抜き出して読み上げることができるが、そうした場合でもリンク先の内容を推測できるような形にしておく必要がある。リンクテキストに使われているテキストがサイトのキーワードと一致していれば、SEOの観点からも好ましい。


お作法一覧へ
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在