web-dev-qa-db-ja.com

ハイパーリンクテキストはいつ使用する必要がありますか?

テキストリンクは常にテキストである必要がありますか、それとも単にURLをリンクするほうが理にかなっている場合がありますか?

これまでに収集された議論:

プロテキストリンク:

  • 読みやすさ:ダッシュなしでも読みやすい
  • SEO:リンクされたページのリンクテキストのランキングが向上します
  • 不可解なURL(例:ide-smith.co.uk/?p=817)が読み取り可能になりました
  • マウスオーバー時にブラウザに完全なURLが表示されます

Pro URLリンク:

  • 詳細情報が表示されます:上記の例では、URLから出版社(Smashing Magazine)と日付(22.7.2011)を確認できます
  • リンクされている記事/ページをすでに知っているかどうかを確認できます

this answerに関するコメントでの議論に触発されたこの質問

21
Phil

Wikipedia は、おそらくハイパーリンクの究極の使用法であり、テキスト内でURLとハイパーリンクを使用する方法についてかなり 厳密なリンクスタイルガイドライン を持っています。スタイルに準拠していない編集者は、特により人気のある記事ですぐにピックアップされます。

非常に多くの記事が非常に多くの異なる人々によって書かれているにもかかわらず、私はそれがあるページから次のページへのかなり一貫した読書体験に本当に役立つと言わなければなりません。

ウィキペディアはプロセスを注意深く管理していますが、他のウィキペディアの記事へのハイパーリンクや、記事の最後に保存されている外部リンク(外部関連ページや参照など)が含まれている傾向があります。

怠惰な方法はもちろんリンクURLをテキストに含めることであり、私はそれを自分自身で頻繁に行うことの犠牲になっていますが、コンテンツの構造を実際に検討する場合、ハイパーリンクを使用して情報を構築する方がはるかに優れていますテキストから、URLから収集できます。

問題の例の再構築は次のようになります。

Smashing Magazine 2011年7月に Responsive Web Design でレポートを作成しました。ここでは、リソース、戦略、チュートリアルのコレクションをまとめています。

したがって、URLは基本的に同じことを教えてくれますが、URLをデコードする必要があるというよりは、むしろそれを読んだほうがいいです。

では、ウィキペディアはいつURLを使用するのでしょうか。ウィキペディアがURLを含めることを許可している場合、彼らは本質的に価値のある情報が必要であることを引用しています。それではそれは議論の余地がありますが、上記の例から収集できない貴重な情報は何ですか?

同じウィキペディアガイドラインのLink titlesに関する節からの引用は次のとおりです。

一般に、URLは見苦しくて情報がありません。 URL自体よりも、意味のあるタイトルを表示する方が適切です。たとえば、 European Space Agency Webサイトhttp://www.esa.int/export/esaCP/index.html よりもはるかに読みやすいです。 URLがよく知られている、または会社名である場合は例外があります。この場合、URLと有効なタイトルの両方を入力すると、より有益になります。例: European Space Agency Webサイト、www.esa.int

URLが表示される場合は、できるだけ簡単にしてください。たとえば、index.htmlが不要な場合は削除します(ただし、最初にプレビューモードで確認してください)。

しかし、彼らが追加するのはこれです:

ページの「印刷可能なバージョン」では、タイトルが付けられたものを含め、すべてのURLが完全に表示されるため、情報が失われることはありません。

そしてそれは非常に良い点です! URLを使用する適切なタイミングは、記事が印刷される可能性が高いときです。また、記事の「プリンター対応」バージョンを個別に用意することは、「通常」バージョンをより読みやすく、SEO対応にする一方で、これを実現する良い方法です。

21
Roger Attrill

作成者の観点からは、テキストリンクの方が優れています。URLとテキスト間の関連付けをエンコードします。

 <a href="http://en.wikipedia.org/wiki/Hypertext">Hypertext</a> is cool.

(もちろん、作成者はHTMLの複雑さを心配する必要はありません。上記のコードは、WYSIWYGエディター、Markdownなどを使用して作成できます。)

次に、URLを提示する方法を読者のブラウザに任せることができます。たとえば、上記のマークアップを提示できるいくつかの方法があります。

  1. ハイパーテキスト はクールです。
  2. ハイパーテキスト[1]はクールです。
  3. ハイパーテキスト(http://en.wikipedia.org/wiki/Hypertext)はクールです。
  4. ハイパーテキスト(Wikipediaを参照)はクールです。

[1] http://en.wikipedia.org/wiki/Hypertext

ブラウザがリンクを表示する方法は、コンテキストによって異なります。たとえば、マウス駆動のデバイスがホバー時にURLを表示することは理にかなっています。タッチベースのデバイスはおそらくURLの一部を表示し、残りをタップで明らかにする可能性があります。ページが印刷されるとき、インラインで、または同じページの下部に脚注として完全なURLを表示することは理にかなっています。

10

間違いなくテキストリンク。主な理由は、テキストリンクにカーソルを合わせると、URLリンクに表示されるすべての情報を表示できることです。私が考えることができる唯一の例外は、モバイルデバイスを使用している場合、この情報は利用できません。

6
Matt Rockwell

テキストリンクは、HTMLリンクの唯一のタイプであると考えてください。まれに、テキストがリンク先のURLと同じになることがあります。

例:

  • あなたはウェブサイトの名前を言う必要があるブログ投稿を書きました。例えば。、

http://www.speedofart.com は、speedoおならについてではありません。

  • URLについて話している通知。

サンプルソフトウェアパッケージが sourceforge から独自のドメイン名 www.example.com に移動したことをお知らせいたします。

開発者は新機能のテストに www.example.com/live_project を使用しないことに注意してください。 www.example.com/test_project でのみ新機能をテストしてください

また、これらの状況のほとんどでは、http://は不要であり、リンクテキストに含めないでください。

1
dr jimbob

ほとんどの場合、リンクテキストを使用します。私はあなたが実際のURLを入れたいと思うであろう多くの状況を考えることができません。

0
Sheff

適切なURLテキストリンクには2つの目的があります。1つはコンテンツの閲覧におけるユーザーの使いやすさ、もう1つは検索エンジン側、つまり特定のアンカータグテキストに基づいて特定のキーワードリンクの構築に関連するページを作成することです。 URLにアンカータグを指定することにより、検索エンジンのクローラーはこのページが何を指しているのかを知るようになります。私の個人的な経験から、ページ内の関連するテキストコンテンツを介して内部ページを相互リンクすることにより、私のインデックスに登録されていないページの問題を解決しました kerala photo blog 。検索のインデックス作成が改善されました。

0
pixelshots

テキストリンクはユーザーフレンドリーで、SEOにも役立ちます(アンカーテキスト)。 URLアドレスの場合と同じように、より具体的な情報を使用してテキストリンクを定義できます。

0
Nuttakorn