【やさしいウェブ】アンカーテキスト編

UPDATE：2020.5.20

アクセシビリティを高める、
ユーザビリティを高める、
とちょっと難しく言われていますが、それを噛み砕いて
わかりやすく+使いやすい＝やさしいウェブサイトを目指すために意識していきたいことをご紹介していくブログです！

アンカーテキストとは

アンカーテキストとはリンク（他のページへの移動）に使われるテキストのことです。

例）
お問い合わせはこちら
採用情報をみる

リンク先のページを
・わかりやすく
・簡潔に伝えるテキストが理想的です。

残念な例その1

お問い合わせはこちら
採用情報 more

エレベーターのボタンに例えるとこんな感じ

前の文脈を見れば「お問い合わせに行くんだな」と理解できますが、
キーワードとなる言葉が含まれている方がユーザーにもクローラー（インターネット上を巡回しWEBサイトの情報を収集しているロボット）にもわかりやすくなります。

残念な例その2

〇〇についてはお任せください！年間実績〇〇件長野県で〇〇なら〇〇カンパニーへ！お問い合わせはこちら

一緒に未来を作りましょう！中途入社積極採用中、育児休暇取得率〇％〇〇株式会社の採用情報をみる

エレベーターのボタンに例えるとこんな感じ

こちらはキーワードを詰め込みすぎた例です。
理解するのに時間がかかってしまいますね。これではリンク先へ回遊してくれる人も減ってしまいそうです。

ちなみに、リンク先とは無関係のテキストをアンカーテキストに設定するとスパム（迷惑）行為とみなされペナルティを受けてしまう場合もあるので要注意です。

例）
制作実績をみる　→　申し込みフォームへ移動

リンクを設定する際はなるべく「わかりやすく簡潔なテキスト」を使い、
使う人にやさしいホームページを作りあげていきましょう。

ブログ