SEOとアクセシビリティのためにHTML文書を構成する最良の方法は何ですか？

Question

ナビゲーションを含むHTMLを構造化して、SEO可能でアクセス可能な方法をお勧めします。

例えば、構造体は複数の文書のことのようにする必要があります：

1. コンテンツ（CSSによって隠されたリンク、）
2. にナビゲーションをスキップ
3. コンテンツ
4. その他のコンテンツ（右手ペインなど）

か：

1. （CSSによって隠されたリンク、）ナビゲーション
2. コンテンツ
3. ナビゲーションへスキップ
4. その他のコンテンツ

明らかにCSSレイアウトを制御するために使用されている（右ペインなど）が、ボットやスクリーンリーダーはCSSを無視します。

Answer 1

私は前に、クライアントがコンテンツの後にナビゲーションを移動するように求めてきたが、私はそれがはるかに彼らを助けたとは思いません。私は一般的に上記の最初の構造に従います。

いくつかのランダムなヒント：

• は、あなたのマークアップ標準に準拠し、有効かつシンプルにしてください。
• キーワードなどを詰め込まないでください。
• 見出しを扱うように扱います。 h1タグが1つだけであることを確認してください。ページの見出しを控えめに使用してください（PDFダウンロードのGoogle）。
• イメージのアンカーとalt属性にtitle属性を使用します（ただし、イメージには、一部のユーザーに対応するテキストが必要な場合のみ）。
• rel = "nofollow"を使用して、PRジュースを実際に行きたいページに誘導します。
• 各ページごとにコンテンツを一意に保ちます。
• GoogleのウェブマスターツールとMSNとYahoo！の同等のツールを使用してください。
• sitemap.xmlファイルを作成、送信、および保守します。

Answer 2

Flashやそれに類似したコンテンツを隠しているページはすべてSEO可能です。ウェブクローラーはすべてを取り除き、ページをテキストストリームとして読む傾向があります。あなたのキーワード、ボディテキスト、H1 & H2タグ、ページタイトル、さらにはドメイン名でのキーワードに注意を払う人もいますが、ページ構造の順番の影響を受けていないと思います。

Answer 3

可能な限りページ上部にコンテンツを移動することをおすすめします。

1. スキップ
2. コンテンツ
3. その他のコンテンツ（右側のペインと、そのような）を結ぶ
4. ナビゲーション

Answer 4

は、コンテンツとしての、他の他のすべてを削減：私は、この構造を示唆しています可能な限り最小限にしてください。

非常に短いナビゲーション、AJAXでそれを読み込むフルナビゲーションページへのリンクを追加/または/。

「その他のコンテンツ」がありません。あなたがページに何かを置くならば、それらは関連していなければなりません。さらに、それらの関係によってソートされるべきである。

Answer 5

一般的には、できるだけページのトップにあなたのコンテンツが近づけ持っている「ベスト」であると考えられています。技術的には、2番目の例が最適です。コンテンツへのスキップリンクはスクリーンリーダーにとっては素敵ですが、CSSレイアウトの状態はそのままで、誰もあなたの文書の上部に簡単なナビゲーションを置くことを躊躇することはありません。私は確かにあなたのGoogle PageRankを傷つけるとは思わない。

Answer 6

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