web-dev-qa-db-ja.com

リンクとしての見出し

多くの場合、見出し、情報テキスト、リンクの代わりに、見出しをリンクとして使用しました(意味がある場合)。

例えば:

金融サイト

ここに、このリンクに関する情報テキストがあります

の代わりに:

金融サイト

これがこのリンクに関する情報テキストです

FinanceのWebサイトにアクセス

多くのサイトでこれを見てきました

何が一番いいと思いますか?リンクとして見出しを使用するか使用しないのはどの場合ですか?

編集:申し訳ありませんが、私は少し明確である必要がありました。これは、同じドメイン内のセクション/サイトにリンクするホームページに表示されるリンクです。外部サイトではない

14
trickydisco

2番目のアプローチでは、リンクをクリックしたときに実際に何がdoesであるかが明確になります。聴衆がインターネットを初めて利用する場合(若い人や高齢者)、または英語を母国語としない人がいる場合は、この方が良いでしょう。

最初のアプローチは少しすっきりしているので、これらのヘッダーリンクのリストがある場合、またはヘッダーリンクをクリックしたときに何が起こるかが視聴者に明らかである場合に適しています。

2
Kevin Workman

ヘッダーリンクは、特定の領域にフォーカスを強制するための本当に良い方法です。ここで* .SEのプロファイルを確認すると、各見出しが実際には詳細を表示するページへのリンクであることがわかります。したがって、ヘッダーリンクは「ドリルダウン」機能の非常に優れた実装です。

質問に「Visit the Finance Website」と表示されているリンクを追加することは間違いありませんが、やり過ぎている可能性があります。少なくとも少し。

覚えておくべき最も重要な部分は、ヘッダーリンクで成功したい場合、リンクのように見える他のページへのリンクを維持することです(ここでは* .SEは失敗します)。しかし、あなたが慣習を実装する限り、あなたは大丈夫です!

enter image description here

6
Benny Skogberg

いい質問ですが、違います!
見出しに外部コンテンツへのリンクを追加しない必要があります。

理由は、多くのフレームワークが「自己」へのリンクとして見出しを使用するためです。

これは良い慣習であり、ますます使用されています。
(ウィキペディアのセクションをよく参照しますが、そこにはこの機能がありません。)

この質問の見出しのように、ほとんどのブログソリューションの見出しのように。

...

ヘッダーをリストの「自分」へのリンクとして使用することは問題ありません。それは何ですか nngroupおよび gov.ukにはあります。


コメントの明確化のためのOPのリクエストに対する回答:

最初の例を見たとき、ヘッダーがexternal記事を指している記事の抜粋のように見えました。

ウィキペディアの「コンピューター」記事「メモリー」ヘッダー"コンピューターデータストレージ" に関するメイン記事へのリンクとして使用します。 (別のWebページ)。

enter image description here

それは非常に間違っているでしょう!

よく見ると、nngroupはまさにこれを行っています。
(そして、私の最初の発言は誤解を招き、混乱を招きました)。

enter image description here

したがって、このような記事では、ヘッダーはそれがキャプションであるセクションにのみリンクする必要があります。


それで、それはいつ大丈夫ですか?

まあ、時々コンテンツは「空想のティーザーのコレクション」です。 (このデザインパターンにはおそらく名前があります:-P)。 「コンテンツティーザー」は通常、ある種のボックスとして表示されます。ボックスとして明示的に設計されていない場合、ゲシュタルトの原則により、それらをボックスとして認識します。 ... ... ... #BetterExplainedVisually ...

Flipboard、Windows 8、AppStore、新聞のフロントページ、検索結果などについて話しています。

enter image description hereenter image description hereenter image description hereenter image description here

enter image description here

これは実際にgov.ukが行うことです

enter image description here

これらのレイアウトでは、ヘッダーはコンテキストの一部であり、タイトル全体+周辺がタイトルをスプリングボードとして使用することを自然にします基礎となる情報(Ref。Fitts法および「簡単なターゲット」を参照)。

4

Www.gov.uk/browse/drivingでは、ヘッダーは大きなテキストであり、テキストのスタイリングのために明らかにリンクされています。さらに、各ヘッダーの下のテキストは、そのヘッダーをクリックしてアクセスできる情報を説明しているため、これらのヘッダーがクリック可能であることは理にかなっています。しかし、ヘッダーが明らかにリンクのようにスタイリングされていない場合、何がクリックされるべきかを知るのは難しいでしょう。青で下線が引かれています。

そのため、通常のヘッダーを使用し、その下にいくつかの説明文を入れてから、2番目の例のようなリンクを付けるのが理にかなっています。そうすれば、ユーザーはヘッダーを読み、それに関する説明文を読み、ヘッダーに戻るために戻ってくる必要がなく、リンクに移動できます。この最後のリンクは、「もっと読む」、「ここをクリックして詳細を表示」などのテキストを使用するか、リンクをボタンとしてスタイル設定することで、クリック可能であることをユーザーに知らせるための行動を促すフレーズとして機能します。ユーザーがクリックするようにユーザーの注意を引くような操作を行います。私はその方が好きです。

1
Alissa

なぜ両方ではない?つまり、見出しをハイパーリンクとして設定しても、欠点はありませんか?

0
Kweamod

リンクとしての見出しはスキャンに便利ですそれらは本質的に目立ち、通常は簡潔であるためです。見出しからリンクを外すことにより、ユーザーに付随するテキストのスキャン/読み取りを強制することはありません。

見出しリンクは、一般的に互いに固有であるため、一般的な「続きを読む」テキストリンクと比較して、スクリーンリーダーにとってよりアクセスしやすい傾向があります。

0
Tim Huynh