web-dev-qa-db-ja.com

LINKタグの使用

<link>タグには、スタイルシート以外にも多くの用途があるようです。たとえば、 W3提案 前/次/インデックスページに使用します。

Operaにも ナビゲーションツールバー があり、ホーム、インデックス、コンテンツ、前、次、著作権、著者などを含むリンクが存在する場合に表示されることを知っています。 （実際には、ほんの一握り以上の人々によって使用されているとは思えません。）

上記の他の便利な属性や他の用途はありますか？ SEOのメリットはどうですか？

seohtmllinks
5
DisgruntledGoat

SEOの利益に関しては、 標準 以外に真に有益なものとして目立つものはありません。 <link>タグを使用して得られる他の唯一のSEOの利点は、複数ページの記事のように、start/next/previousを使用して現在のページに関連するページを示し、検索エンジンがそれらのページ間の関係。用語集、索引、セクション、付録などのその他のものは、SEO効果をもたらすセマンティックな意味を持っているように見えますが、非常に不明瞭であるように見え、実際に値がある場合にのみ推測できます。

私が見た現実世界の実用的な用途があると思われるリンクの唯一の用途は

  • ファビコン
  • 開始/次/前
  • スタイルシート（duh）
  • 代替（通常はスタイルシート用ですが、PDFなどの他のドキュメントタイプに使用できます）
  • 標準

2011-12-06更新：Googleは言語と場所の指定に<link>を使用するようになりました

7
John Conde

また、すべてのユーザーエージェントが従来のWebブラウザーではないことにも注意してください。多くのスクリーンリーダーやその他のアクセス可能なユーザーエージェントは、ナビゲーションに「次」、「ホーム」、「前」のリンクを使用できると思います。 Dive Into Accessibility-9日目：追加のナビゲーションエイドの提供 を参照してください。しかし、純粋なSEOの場合は、「標準」が本当に唯一の 重要なもの であると思います。

1
Dan Diplo

この質問は、Google Pagespeedのテストに入るまで知りませんでした、特にSteve Soudersが非同期JavaScript問題の読み込み。

具体的には、<SCRIPT>タグは<LINK>タグとよく似ています。リソースをロードしています。そのため、ある意味では、<script src=...>を介して外部.jsファイルを呼び出すことは、実質的に同じことです。

メソッドはmenu-degrading scriptsと呼ばれます。つまり、リソースがロードされると、タグのインライン部分が実行されます。ソースファイルにコードのスニペットを配置する必要がありますが、インラインソースが実行されますafterロードされます。 （一部のイベントハンドラおよびeval( curScript.innerHTML );を介して）

したがって、ロードする外部.jsファイルがあり、ロード後に何かを実行したい場合は、これを行うことができます。

<script src="menu-degrading.js" type="text/javascript">
  // something in javascript you want to do...
</script>

私にとってこれについての宝石は、ほぼすべての外部リソースまたは<LINK>が適切に行われれば最終的にこのように機能できるという事実です。私が最初にこれに出くわしたとき、私は決して考えなかったを持って、外部からの読み込みとリソースのインライン化の両方を試みました。

<link rel="stylesheet" type="text/css" href={somefile.css} >
/* default inline resource if not found */
.body { background:#000000;color:FFFFFF; }
/* etc... minimal defaults */
</link>

まだ試していませんが、インラインコードが404エラーで動作し、見つからない場合はデフォルトのリソースを作成できます。これをテストする時間があれば、お知らせください！

0
Talvi Watia