「詳しくはこちら」などの「こちら」だけをリンクテキストにするのはいろんな面でよくないのでやめましょう、という話

ありがち&やりがちやからワイも気をつける
249
drivesketch @drivesketch

全社会議で、「[こちら]だけをリンクテキストにするのやめて」というお願いをしたら、早速みんな資料やメルマガ、ウェブサイト上の表記を修正しはじめてくれた。反応速くて本当に嬉しい。 pic.twitter.com/Pdz0sFYNFc

2023-03-30 09:46:40
拡大
拡大
拡大
drivesketch @drivesketch

バズってるので補足。 リンクテキストが「こちら」だけだと、リンク切れを起こした場合に正しい(新しい)リンク先を探しなおすのが難しい。 リンク先の名前が書かれていたら、検索やナビゲーションなどから探し出せる可能性が上がる。 そういう「保守」の観点もある。 pic.twitter.com/sylNlyHtBL

2023-03-30 21:13:48
拡大
drivesketch @drivesketch

情報アーキテクチャの民。本を積むのが好きです。

Honoka Kitamura @ktmr_design

やっぱりそうだよね! 「こちら」リンク、何に遷移するかわからんけん不親切 twitter.com/drivesketch/st…

2023-03-30 20:27:46
Kanoo @kanosan2020

これは頭を縦に大きく振りたい😌 twitter.com/drivesketch/st…

2023-03-30 23:39:57
のめくん (の〜むくん) @_nmkn7

まじでこれ!!!!!!!!!!!!!!!! むしろURLそのまま貼ってくれたほうが助かるまである twitter.com/drivesketch/st…

2023-03-30 16:00:03
どぜう。 @_4get3not_

なんとなく「こちらリンク」をしないように気をつけてたけど、こうやって明文化してくれてスッキリした、有難い。 twitter.com/drivesketch/st…

2023-03-30 22:35:44
ちゃんぽん(🦀座/O型/🐰年)|ミュージシャンのためのLIVE空間アプリ corom PdM @cyanpon

これ、アンカーテキストマッチ と同じ定義。こちら だけだと 何を指してるのか意図が伝わらない。 twitter.com/drivesketch/st…

2023-03-30 23:39:10
J @JUN_SHR

これわかる。色が微妙でリンクになってるのに気づかなかったりする。 twitter.com/drivesketch/st…

2023-03-30 21:51:57
Kunihiko Imai 💉💉💉+💉 @JR0BAK

webの黎明期からある「here症候群」ってやつかしら. twitter.com/drivesketch/st…

2023-03-30 21:23:51
こやっち54おっさんフリーランスエンジニア @Koyacch

いまだに「こちら(リンクテキスト)」のデザインがやってくるんですよ...👼 どう考えても単純に項目名をリンクにするのが正しい。わざわざ「(項目名)についてはこちら」とする理由がわからん。多分惰性かな😇 twitter.com/drivesketch/st…

2023-03-30 14:18:14
u-sho🐾'24新卒 @u_sho_engineer

リンクはあくまでも補助機能として、テキストだけで意味が辿れるようにしたほうがみんなにハッピーだにゃ twitter.com/drivesketch/st…

2023-03-31 04:36:39
killist @JesusKillist

被リンク文字列が、リンク先URLと同じだと一番嬉しいよねぇ。 twitter.com/drivesketch/st…

2023-03-30 15:47:48
Masanobu Tsuchiya @exclzoo

むかし、HTML Lintで「こちら」とかにリンクしてると警告されたよな… ふと思い出した。 twitter.com/drivesketch/st…

2023-03-30 20:07:15
海獺(らっこ) @Racco_Wiki

「読み上げ」で内容を追っている人がいるということになかなか気づかない。 普段から指示語が意味無く多い私なので気をつけない。 twitter.com/drivesketch/st…

2023-03-30 11:43:45
ぼり @bori_so1

これはありがちなので気を付けよう。目の見えない人も困るという視点は持ってなかった。 twitter.com/drivesketch/st…

2023-03-30 16:07:47
maiha @mt_dew2

こういう話がアクセシビリティの文脈以外から生まれ、全体に発信してくれる人がいるということ。そしてみんなが反応してくれたこと。全部サイコ〜だ twitter.com/drivesketch/st…

2023-03-30 12:58:52
もこば@デジLIG動画12月生 @mokoba_movie

ユーザビリティ・アクセシビリティだけじゃなくて、SEO的にもめっちゃフレンドリーなんだよね、リンク先URL名称と被リンク文字列併せるの。 有名な笑い話だと、「いいえ」でぐぐるとYahooJAPAN!のトップページが出てくるという風評被害まであったりする(某大手18禁サイトのせい)。 twitter.com/drivesketch/st…

2023-03-30 16:52:43
ひろたか/クロブチ @jetkurobuchi

これはウェブバイタルのモバイルフレンドリーシグナルに関連しそうだね。 リンクの範囲が広がれば誰でもタップしやすくなるからね。 ウェブバイタルは検索順位に影響するから、みんなアクセシビリティがんばっていこうぜ🥷 #a11y #seo twitter.com/drivesketch/st…

2023-03-30 16:35:08
ikai@Helpfeel @ikai0428

めちゃ共感できる内容だ! もっと言うとSlackのリンク埋め込み機能で資料とか送られてくるのストレスに感じる。 (青字になっているの見落としたり、URL添付したって言いながら添付漏れしててあわあわしたりすぐのがいやだ) twitter.com/drivesketch/st…

2023-03-30 18:06:18