web-dev-qa-db-ja.com

テキストリンクで「ここ」や「これ」などの単語を使用すべきではないのはなぜですか?

長年のWebサーフィンで、テキストリンクなどで「ここ」という単語を使用するべきではないという多くの例を見つけました。個人的には、単語を使用するというアイデアが好きです。クリックする場所を知る。

私が本当に考えることができる唯一の理由は、SEOの目的です。ここの言葉は、キーワードとしての価値はあまりありません。

テキストリンクで "this"や "here"のようなWordを使用する必要がある、または使用してはならない理由に関する他の意見を知りたいのですが。

188
Paul Olyslager

ここでの他の回答のほとんどは、アクセシビリティに焦点を当てているようですが、これは問題ありませんが、ほとんど意味がありません。スクリーンリーダーは何ですか?一般的なウェブサイトの市場の5%未満? 「ここ」「ここをクリック」がダメなのは、だめな言葉だからです。それらはコンテキストを提供しません。これはアクセシビリティの問題ではありません。それはユーザビリティの問題です。

彼らがスキャンしたウェブサイトの訪問者が読んでいないという圧倒的な量の証拠があります。彼らはリンクをスキャンして、次にクリックしたいリンクを見つけます。リンクが「ここをクリック」と表示されていて、ユーザーがリンクの周りのテキストを読んでそれが何であるかを確認する必要がある場合は、認知的負荷が増しているため、継続する可能性が低くなります。

「特別オファーはこちらをクリック」および「特別オファーはこちらをクリック」(TomAが 彼の回答 にリストされているため)にも同じことが言えます。リンクに完全に不要な追加の単語が含まれるようになったため、ユーザーの認知的負荷をさらに増やしています。

リンクがユーザーがクリックできるもののように見える限り(そうでない場合は、何か間違っていることになります)、「ここ」や「ここをクリック」のようなものは完全にスペースの無駄になります。

193
Charles Boyung

リンクが新しくなったとき(1995年を考える)、設計者は、何かがリンクであることを人々に「ここ」と言って知らせる必要があると感じました。必要だったかどうかはわかりませんが、今は必要ありません。人々がリンクとしてフォーマットされたテキストを見るとき、彼らはそれがリンクであることを知っています。

リンクテキストとして「ここ」を使用すると、コンテキストが提供されず(これはスクリーンリーダーにとって特に悪いことです)、常により良い解決策があります。例として(太字のテキストをリンクと見なしてください):

「ボブは興味深い記事を書きましたここ。」 vs.「ボブは面白い子犬を書きましたなぜ子犬はクールです。」

2番目の記事では、投稿の内容が明確であり、クリック(またはタップ)するかどうかについて、はるかに良い考えを持っています。

常にリンクにコンテキストを提供します。

147
JohnGB

これの1つの側面は、アクセシビリティです。リンク自体からコンテキストを取得しません。

あなたはwc3の詳細情報を見ることができます: リンクテキストとして「ここをクリック」を使用しないでください

ユーザーに行動を促すときは、次のような簡潔で意味のあるリンクテキストを使用します。

  • コンテキストから読み取ったときにいくつかの情報を提供します
  • リンクが提供するものを説明します-力学について話しません
  • 動詞句ではありません

そしてSEOに関してはホーボーに少しあります: アンカーテキストを最適化する方法

52
Sheff

this のように、テキストの誤った部分を強調します。

リンクは視覚的に特徴があり、目を引く傾向があります。 (ほとんどの場合、下線が引かれていないので、今は少なくなっています。)しかし、「ここ」はテキストの最も重要な部分ではないため、リンクによって読み取りフローが中断されます。

39
Alex Feinman

スクリーンリーダーを使用している人にとってはそれほど明確ではありません。多くの場合、すべてのテキストが最初に読み取られ、その後にすべてのハイパーリンクのリストが続きます。ハイパーリンクの名前が「ここをクリック」のようになっている場合、そのリンクの目的に関するコンテキストはありません。ただし、「フルマクガフィン製品仕様」という名前の場合は、あいまいさはありません。

21
JonW

リンクは非常に多くの異なるコンテキストで使用されていますが、すべてに適用される1つのルールを持つのは難しいと思います。たとえば、Webベースのアプリケーションのリンクは、アイテム(例:「スミス、ジョン」)または実行中のアクション(例:「新規」)を常に示すため、「ここ」とは言いたくないでしょう。

私の推測では、テキストや書き込みが多いページのリンクについてもっと考えていると思います。したがって、このようなページにアクセスした人について考える方法は2つあると思います。

1)ユーザーがページをスキャンして、ページに必要な情報が含まれているか、または一般的にどのような情報が含まれているかを確認します。したがって、ユーザーが「スカイダイビングの安全性」に関する情報を探していて、「スカイダイビングの基本」と書かれたページにアクセスした場合、そのページをスキャンして、「安全性」という単語があるかどうかを確認する可能性があります。見出しや目立つテキスト、特にリンクをスキャンします。万が一、これらのリンクの1つに「安全」と記載されている場合は、そのリンクをクリックします。しかし、テキストに「安全についてもっと読むことができる」と書かれていると、彼らはそれを見逃してしまうかもしれません。

2)ユーザーは探しているページを見つけ、そのページのすべてを読んでいます。この場合、リンクに「ここ」というラベルが付いているかどうかは問題ではありません。 (ただし、ここに「ここ」のリンクがたくさんあるページは、文章が悪いように見えると思います。同じWordを何度も使用する文章は、作者のスキルが不足しているように見えます)。

7
Hagan Rivers

W3C about here-linkについて

ヒアリンクは標準となる悪いアイデアです。

リンクの配置例 を確認して、どちらの方法が適切かを判断します。

リンクを配置しているページ誰も「ここ」という単語でページを検索しません

リンク内のテキストは、検索結果のリストに大きな影響を与えます。検索結果で上位にサイトを表示しますか?検索エンジンでより速く情報を見つけたいですか?ヒアリンクは使用しないでください。ユーザーや検索エンジンの助けにはなりません。

ヒアリンクにはコンテキストがありません。ユーザー、検索エンジン、スクリーンリーダーは、here-Wordから目的地について何も言えません。

ページの印刷版は、「ここをクリック」という言葉で見栄えが悪くなります。

リンクを配置する主なルール:最初にテキストを記述してから、リンクを追加します

7
webvitaly

他の答えは多くの良い点を提供します。 Webは情報を簡単にアクセスできるようにするメカニズムであり、この情報は通常、Webブラウザー以外でも同じように理解できるはずです。 Webページのコンテンツを印刷する場合、「これ」や「ここ」などの単語はあまり意味がありません。大体の目安は、何かが欠けていると感じることなく、Webページのテキストを紙やメモ帳で読めるようにすることです。

6
Dyppl

スマートフォンやその他のタッチスクリーンデバイスを使用している場合、他の人が指摘したことに加えて、「ここをクリック」などの操作はやや困難です。 (具体的には、どうすればいいですか。「タップ」できることはわかっていますが、99%のパソコンでは意味がありません。)スクリーンリーダーは、繰り返し取り上げられてきた同じ例のほんの一例です。他の非グラフィカルブラウザはニッチを占めますが、依然として有効な考慮事項である可能性があります。テキストベースのウェブブラウザでは、「クリック」の寛大な定義であっても、リンクをクリックすることはめったにありません。

一般的に、明らかに例外はありますが、私にとって「ここ」は、意図ではなく、メカニズムに焦点を当てていることを示しているようです。 mechanicsactivatingリンクについては忘れてください。ただし、代わりにどこに焦点を合わせるかleadsであれば、ほとんど自動的に「ここ」のリンクを回避できます。

5
a CVn

これは使いやすさとアクセシビリティの問題であり、どちらも重要であることに完全に同意します。現在、多くの国でアクセシビリティについての立法上の要件であるため、アクセシビリティについて選択するべきではないという大きな棒のアプローチしか取らなかったとしても。

誰かがテキストをスキャンしている場合、ここの1つの単語は目立たないか、探しているキーワードに対して登録されません。特に今は、リンクに下線を付けずにサイトをスタイリングしています(その全体的な考えは、リンクであることを読者に知らせることです-見栄えが重要であるが、理解の次に重要であり、色だけでは不十分です)。リンク先のページのコンテンツを直接示すフレーズに下線を引くと、クリックしたときに何が得られるかが読者に明確になります。 Steve Krugの "Do n't Make Me Think"プリンシパルを適用するだけです-人々はそこへの道のりについてあまり考えずに目的地にすぐに行きたいだけであり、そのサイトを作成するあなたの仕事は彼らが成功するのを助けることです。

ところで、アクセシビリティの問題は、スクリーンリーダーを使用している人よりもはるかに多くの人々に影響を与えます(視覚障害だけではありません)。人口の約10〜20%は視力が悪く、スキャンが難しく、リンクワードを目立たせたいと思っています。電話でウェブにアクセスすることの成長は、タップすることは言うまでもなく、小さな単一のWordは実際に使い勝手が悪いことを見て、大幅に増加しました。これは、ウェブサイトの使用を必要以上に難しくしたからといって、潜在的な顧客になりたくないと判断するという、誰のターゲット市場でもかなり大きな部分です。

それはあなたのサイトが魅力的であるはずがないことを意味しません、しかし人々は彼らがそれがどのように見えるかを好むので主にサイトに行きません、それは何かをすることです。彼らがスキャンしている言葉を使うことは彼らがこれをするのを助けるでしょう。

3
Paula

私はリンクの「ここ」という言葉に根本的な問題があることを示唆する調査を知りません-それは問題かもしれないし、そうでないかもしれないという言葉をどのように使用しているかの文脈です。

「ここをクリック」はアクセシビリティに悪影響を及ぼします。他の人が言ったように、コンテキストから読み取られてもリンクには意味がないため、スクリーンリーダーはリンクテキストだけを読み取るため、スクリーンリーダーのユーザーはリンクの目的を理解できません。 。この問題は、「ここをクリック」が複数ある場合に悪化します-スクリーンリーダーがそれらすべてを読み上げます(たとえば、「ここをクリックここをクリックしてください-これは恐ろしいように聞こえます!」)リンクURLの調査から)

リンクの重要なコンテンツが最後にあるため、「ここをクリックしてスペシャルオファーを表示」は理想的ではありません。重要な単語をフロントローディングすると、リンクを読みやすく(そしてスクリーンリーダーでスキャンして聞くことが)できます。

「特別オファーについては、ここをクリックしてください」で十分です。リンクがより明確になり、マウスのターゲットが大きくなるため、「特別オファー」よりも優れている可能性があります。

3
TomA

多くの国では、アクセシビリティは確かに法的要件です。障害のある人の権利に関する国連条約への署名者となったおかげで、将来的には米国にも導入される予定です。したがって、それが少数派であるという事実は無関係であり、不必要に不利益をもたらすことは違法である少数派です。

アクセシビリティとは、一般に物事を適切に行うことを意味します。少数派グループに特に利益をもたらすことは、他の多くの利点をもたらすことがよくあります。他の人が述べたように、親しみやすさ。

簡単な解決策、リンクは宛先を説明する必要があります。次のページのH1の近くにあります。

2
Ian Hamilton

this のため、リンクのテキストにWordの「this」を使用しないでください。つまり、前のリンクをクリックしたときに、それがあなたをどこに導くかわかりません:)

1
lime-cat