株式会社アプリコットデザイン株式会社アプリコットデザイン

tel.0120-622-835

営業時間/10:00〜18:00 定休日/土日祝日

tel.0120-622835

営業時間/10:00〜18:00 定休日/土日祝日

  • instagram
  • facebook

BLOGスタッフブログ

トップページ > ブログ > 【やさしいウェブ】アンカーテキスト編

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

UPDATE : 2020.05.20

CATEGORY :
Sato
Sato

Sato

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

やさしいうぇぶ-アンカーテキスト編

アンカーテキストとは

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

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

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



残念な例その1

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

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

わかりにくいエレベーターのボタン

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


残念な例その2

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

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

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


わかりにくいエレベーターのボタン

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



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

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



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

わかりやすいエレベーターのボタン

この記事を書いた人Who wrote this blog

Sato Tomoe

核心をツク鋭い感性を持つ
デザイナー系WEBエンジニア

RELATED POST関連する記事

CONTACTお問い合わせ

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

  • 信州ファームデザイン
  • 信州ファームマーケット
  • 株式会社POCKET
  • 株式会社Think for Design