SEOとアクセシビリティのためにHTMLドキュメントを構成する最良の方法は何ですか？

Question

ナビゲーションを含むhtmlを構造化するための推奨される方法は何ですか？

たとえば、構造がドキュメントの構造に似ている場合：

1. コンテンツにスキップ（リンク、CSSにより非表示）
2. ナビゲーション
3. コンテンツ
4. その他のコンテンツ（右側のペインなど）

または：

1. ナビゲーションにスキップ（リンク、CSSにより非表示）
2. コンテンツ
3. ナビゲーション
4. その他のコンテンツ（右側のペインなど）

CSSは明らかにレイアウトの制御に使用されますが、ボットとスクリーンリーダーはCSSを無視します。

Answer 1

以前、クライアントからコンテンツの後にナビゲーションを移動するように求められましたが、それは彼らをあまり助けなかったと思います。通常、上記の最初の構造に従います。

ランダムなヒント：

• マークアップ標準に準拠し、有効かつシンプルに保ちます。
• キーワードなどを詰め込まないでください。
• 処理する必要がある見出しを扱います。 h1タグは1つだけにしてください。ページ全体で見出しを控えめに使用します（ Google -in PDFダウンロード）。
• アンカーにタイトル属性を使用し、画像にalt属性を使用します（ただし、画像に一部のユーザーに相当するテキストが必要な場合のみ）。
• rel =＆quot; nofollow＆quot;を使用します。本当に行きたいページにPRジュースを向けることができます。
• コンテンツを各ページで一意に保ちます。
• GoogleウェブマスターツールとMSNおよびYahoo!の同等物を使用します。
• sitemap.xmlファイルをビルド、送信、および保守します。

Answer 2

コンテンツがFlashなどに隠されていないページはSEO可能です。 Webクローラーはすべてを取り除き、ページをテキストストリームとして読み取る傾向があります。一部のキーワード、キーワード、本文テキストでの使用、H1＆amp; H2タグ、ページタイトル、さらにはドメイン名でも、ページ構造の順序に影響を受けるとは思わない。

Answer 3

スクリーンリーダーユーザーとして、ページのどこにナビゲーションがあるかは気にしません。最も役立つのは、見出しごとにコンテンツをリストすることです。たとえば、この質問はh2レベルにあり、回答は次のh2レベルから始まります。スクリーンリーダーには、見出しでスキップできるキーが用意されているため、見出しのナビゲーションがスキップナビゲーションリンクを見つけてEnterキーを押すよりも高速であることがわかりました。

Answer 4

コンテンツ以外のすべてをできるだけ少なくします。

非常に短いナビゲーション、フルナビゲーションページへのリンクの追加、またはAJAXによるロード。

「その他のコンテンツ」はありません。ページに何かを置く場合、それらは関連している必要があります。さらに、それらは関係によってソートする必要があります。

Answer 5

一般に「最高」と見なされます。コンテンツをできるだけページの上部に近づけるようにします。技術的には、2番目の例が最適です。コンテンツスキップリンクはスクリーンリーダーにとっては良いタッチであり、CSSレイアウトの状態はそのままなので、ドキュメントの上部に簡単なナビゲーションを配置することをoneすることはありません。 Google PageRankを害することはないと思います。

Answer 6

できる最善の方法は、コンテンツをできるだけページの上部に近づけることです。この構造をお勧めします：

1. リンクをスキップ
2. コンテンツ
3. その他のコンテンツ（右側のペインなど）
4. ナビゲーション