web-dev-qa-db-ja.com

「これ」という単語を段落内ハイパーリンクに含める必要がありますか?

他のフォーラムの署名として、次のテキストがあります。

Arts and Craftsに興味のある方は、これにコミットしてください stackoverflow提案

ええと、どこかでハイパーリンクが「this」のような単語にあるべきではないことを読んだので、私は単語thisとハイパーリンクされた「stackoverflow提案」を除外しましたが、「Arts and Crafts」という単語にはハイパーリンクが必要だと思いました。

ハイパーリンクを維持することはどこに意味がありますか?どうして?ステートメントを形成する他の方法は?

26
Aquarius_Girl

「ここをクリック」が悪い考えであるという考えは、人々がオンラインではないreadことを示すWebページを視覚的にスキャンする方法に関するデータに基づいています。ページを読み飛ばして、重要な情報を取得します。誰かがスキャンしている場合、「ここをクリック」(特にリンクがたくさんある場合)リンクは完全に意味がありません。ユーザーはページを読むのに時間を費やす必要があるため、時間がかかり、実行する可能性が低くなります。それ。 「スタックオーバーフローの提案」自体はそれほど意味がありません。それが何であるかを人々に知らせたいのです。あなたの場合、私はコピーを次のようなものに変更します

アートや工芸品に興味がありますか?私にコミットしてください Arts and Crafts Stack Exchange提案

そうすれば、誰かがページをスキャンしたときに重要な情報がより見やすくなります。

52
Peter

少しでもかまいません。

私のsoapboxを少しの間利用するために、非専門UXの最大の問題の1つは、特定の状況に適した特定の理由で、特別なアドバイスまたはガイドラインを含む記事などを読むことです。しかし、彼らは「特定の」部分のいずれも覚えていません。彼らはアドバイスが普遍的で堅固であると考えるだけです。私は最近、Luke Wroblewskiの " ドロップダウンは最後の手段のUIである必要があります "を引用している文字通り何十人もの人々を目にしました。今、彼らは地獄のようにあらゆる場所でドロップダウンを避けようとするでしょう。

あなたのケースを調べてみましょう。 「ここをクリック」を使用しないことに関する人気の記事の1つは、Smashing Magazineの リンクをクリックしてはいけない理由 です。 「単語「これ」をリンクしない」というポイントは、このより一般的なルールのサブセットです。それが引用する理由を見てみましょう。たまたまそういう人もいらっしゃいますが、どれもいいアドバイスだと言ってもいいでしょう。

  1. 「クリック」は、マウスのメカニズムに重点を置きすぎます。「クリック」ではなく、「コミット」と言っているので、問題ありません。
  2. 「ここ」は、ユーザーがクリックしているものを隠します。 「これ」は「ここ」に相当するため、これが最も適切なポイントです。 SOプロポーザルをクリックしているという点で、非常に明確です。それで問題ありません。
  3. 動詞ではなく名詞へのリンク。あなたは提案にリンクしています、あなたは元気です。
  4. リンクの終わり。あなたのリンクは文の終わりにあります、あなたは大丈夫です。
  5. 詳細へのリンク。あなたは提案の実際の名前を使用することでここでより良いことができますが、それでも私見は害はありません。そして、あなたはそれらが未知の目的地ではなく提案にナビゲートしているという点で非常に明確です。
  6. 「ここをクリック」と言わずに、ユーザーがリンクをクリックできるようにします。行動を促すフレーズは完全に優れています。

私自身の理由を1つ追加すると、このルールは、着信リンクのテキストがページのSEOランキングに決定的な影響を与えたときに始まりました。したがって、サイトの所有者にとって、人々が一般的な「ここ」ではなくその名前を使用することが重要でした。それはまだいくらかの影響を与えるかもしれませんが、それが以前にあったものにほど遠いです。いずれにしても、それは宛先サイトの所有者の利己的な理由であり、ユーザーの懸念とはほとんど関係がありませんでした。

結論-あなたの場合それは単に問題ではなく、あなたは好きなことを何でもすることができます。個人的には実際にリンクに追加します。

11

ハイパーリンクをどのように配置したかは問題ないと思います。

Vitalyの説明のように、文にハイパーリンクを使用するためのさまざまなルールがあります。

個人的には、リンクをクリックして別のページに移動する場合は、説明があるように文章が構成されていると思います

(例:「芸術品や工芸品に興味のある人は、コミットしてください」)

ハイパーリンクが続きます。

(例:「このスタックオーバーフローの提案!」)

ただし、これが適用されない場合もあります。

"this"や "click here"ハイパーリンクなどの単語を作成しないことは良い習慣ですが、ハイパーリンクにしたものはすべてハイパーリンクとして認識されることも同様に重要です。

Interaction Design Org によって提案されたこれらのヒントは、ケースに役立ちます。

  • 青くしてください。すべての主要なアプリケーションとほとんどのWebサイトはリンクに青色のテキストを使用します。これは、青色がテキストがリンクであるという自動理解をトリガーすることを意味します。
  • 最良のリンクとして名詞を(時々動詞と組み合わせて)使用します。
  • 可能な場合は、文の最後にリンクを配置してください。
  • 目的地について具体的に
5
nuwa

アクセシビリティ(スクリーンリーダー、これは問題ありません。ただし、一般的なWebサイトの市場の5%未満)アクセシビリティの問題ではなく、使いやすさの問題です。

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

「特別オファーはこちら」「特別オファーはこちら」も同様です。リンクに完全に不要な追加の単語が含まれるようになったため、ユーザーの認知的負荷をさらに増やしています。

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

1
RobSeg