web-dev-qa-db-ja.com

SEOに影響するHTMLドキュメント内のコードの配置

ナビゲーションバーすべてのナビゲーションコードを含むdiv、サイドバーすべての静的サイドバーに含まれるすべてのコードとコンテンツを含むdiv、footer =静的フッターに含まれるすべてのフッターコードを含むdiv、および各ページのすべてのコンテンツを含むcontent div(各ページで変更)。

私のコンテンツは私のウェブサイトの各ページで変化し、「私のウェブページの肉」を収容するものなので、コンテンツdivを最初にHTMLにリストしてSEOを最適化する必要があります)、またはコンテンツコードの前にナビゲーションコードをリストしてもかまいませんか?

拡張機能として、これらのdivをリストする順序がサイトの外観に違いをもたらさない場合、コードをリストする方法に違いが生じるでしょうか、それとも安全にプレイしてコンテンツコードを最初にリストする必要がありますか?

注:これが他の同様の質問とどのように区別されるかについては、HTML内での配置に基づいてコードに与えられる重みについては重複コンテンツについてはあまり質問していません。多くのWebサイトが最初にナビゲーションコードをリストしていることを知っているので、コンテンツがドキュメントの下位にリストされていることを考えると、それが悪い戦術になるのではないかと思っています。

2
etangins

原則として、セマンティックマークアップとアクセシビリティに意味のあるものは通常SEOにも意味があり、Googleがウェブマスターに推奨していないSEOのためにユーザビリティやコード品質を損なうことは確かにありません。

オンサイトSEOは、Googleがサイトを徹底的かつ正確にインデックス化するのを支援し、アルゴリズムの抜け穴を見つけようとするものではありません。

  1. Cssが機能してモニターにコンテンツを正しく表示しても、スクリーンリーダーを使用している人には間違った順序で表示されます。メインナビゲーションがコンテンツの前に表示されることを人々は期待しています。
  2. HTML5タグasideheaderarticlenavおよびfooterは、HTMLレンダラーにページのどの部分がコンテンツで、何がテンプレートであるかを知らせます。コンテンツセクションの優先順位付けに関して、検索エンジンがこの情報を使用しない場合、私は驚くでしょう。
4
Richard B

何も注文せず、コンテンツの前にnavigationsidebardiv(s)がHTMLコードに表示される場合でも、GoogleとBingはあまり問題なくこれを整理できますが、これらの要素をコンテンツの下にプッシュできると、パフォーマンスは大幅に向上しますが、大幅に向上するわけではありません。主な理由は、HTMLが左から右、上から下の順にバイト順で読み取られるためであり、コンテンツのキーワードの重みを混同することが少ないほど良いためです。そうは言っても、検索エンジンはHTMLの読み方を早い段階で習得する必要があったので、ネイティブに理解することができます。

HTMLのさまざまな繰り返し部分をコンテンツの下にプッシュすることを常にお勧めします。この時点でできない場合は、汗をかかないでください。しかし、可能であれば、努力してください。同様に、ナビゲーションは重要な要素であり、検索エンジンにとって重要であるため、そのHTMLコードは最初にコンテンツに従う必要があります。サイドバーはナビゲーションよりも重量が少ないため、サイドバーはナビゲーションに従う必要があります。繰り返し(ish)HTMLのサイドバーが複数ある場合は、どちらがより重要かを判断し、それらがその順序で表示されるようにします。ナビゲーションは重要なSEO要素であることを忘れないでください。また、サイドバーナビゲーションは、ナビゲーションと比較してそれほど重要ではないSEO要素であることを忘れないでください。したがって、伝統に従い、この順序を混同しないようにしてください。そうしないと、SEOのパフォーマンスが混乱する可能性があります。

1
closetnoc

Googleは、訪問者が何をする前に何を知っているか

Googleのクローラーは、最初の起動以来非常に進歩しており、クローラーは実際のコンテンツ領域、そのコンテンツの幅、実際のコンテンツ領域の高さを検出する機能を備えています。

繰り返しコンテンツ

複数またはすべてのページで繰り返されるヘッダー、フッター、サイドバーなどの要素は、Googleによって注記され、多くの場合、実際のページランクにカウントされず、むしろそのページにあるものを確認します。

HTML5は素晴らしいですが、必須ではありません

HTML5には多くの要素があります 記事、ヘッダー、フッター、セクション、余談、図などのように、実際にはHTML5サイトが提案することはほとんどないにも関わらず、これはGoogleに大いに役立つと考えられていますHTML4サイトよりもランクが高い。これは、Googleが何をしているかを知っているウェブマスターのためにボットをコーディングするだけではないためです。さまざまなコンテンツ管理とテーマがさまざまな方法で機能し、Googleはすべてに対応しようとします。

ページレイアウト

また、Googleは、左側、右側、中央、さらには下部のサイドバーを柔軟に検出することの重要性を認識しています。また、Googleはメニューシステムのほとんどすべてのデザインに適応できるようになります。すべてのサイトが同じである場合、インターネットはひどいものになるでしょう。

Position:Absoluteの使用

一部のWebサイトでは、CSSコードで position absolute を使用しています。これは、検索エンジンの順序でスクロールせずに見えるNAVメニューでも表示されることを意味しますが、Googleはページ上のどこにいても何がわかるかを示しています。

綱引き押すと引く

多くの frameworks は、使用されているデバイスに応じてレイアウトを変更するプッシュおよびプルメソッドを使用し始めていますが、これは一般に検索エンジンではなくユーザーに使用されます。これは、デスクトップマシンでは解像度が大きいため、メニューとコンテンツの両方が表示されるため、モバイルではメニューが多くのスペースを占有する一方で、コンテンツに直接飛び込むことができるためです。

  1. ブートストラップ たとえば、.col-X-pull-Xおよび.col-X-Push-Xを使用します
  2. Zurb FoundationX-pull-XおよびX-Push-Xを使用します

経験、経験、経験、そして経験

常にオーディエンス向けにコーディングし、ALTタグやヘッダーなどのSEOを改善するために必要なことだけを行ってください。 Googleが何かを嫌うというまれなイベントでは、SEOの価値がわずかに低下する可能性がありますが、ユーザーエクスペリエンスは1日中SEOに勝ります!また、自然なSEOを作成する訪問者の価値は、数百倍以上の未成年者に対抗します。オフページSEOは、ランキングを維持し、向上させるための最善の方法です。

1
Simon Hayter