web-dev-qa-db-ja.com

レスポンシブデザインの複製および非表示のリンクのSEO

レスポンシブ目的でメニュー内のいくつかのリンク（場合によってはdisplay:none）を複製するとSEOに影響するかどうかを知りたいのですが。

簡単な例：

<ul>
  <li><a href="/one">one</a></li>
  <li><a href="/two">two</a></li>
  <li class="hidden only-tablet">More +
    <ul>
      <li><a href="/two">two</a></li>
    </ul>
  </li>
</ul>
seohtmlcssresponsive-webdesignhyperlink
3
Grep fs

リンクの重複を最小限に抑えることをお勧めします。これが不可能な場合は、リンクごとに異なるラベルを使用することを検討してください。

たとえば、サイトの上部にホームページへのリンクとしてビジネスロゴを配置し、ページの一番下にホームページへのテキストリンクを配置します。

また、すぐに必要ではないコードが、必要なコードが読み込まれた後に読み込まれるようにページを構成する必要があります。

たとえば、次のようなものを試してください。

<!-- necessary code -->
<ul>
<li><a href="/one">one</a></li>
<li><a href="/two">two</a></li>
<li class="tablet">
</li>
</ul>
<!-- enhancing code -->
<script>
   document.getElementByClassName("tablet").innerHTML="More<ul><li><a href="/two">two</a></li></ul>";
</script>

私は自分のjavascriptを少し台無しにしたかもしれませんが、目的は最初に他のジャンクをダウンロードせずに必要なコンテンツを最初にロードすることです。それが完了したら、リンクの順序なしリスト内の順序なしリストメニューを有効にするコードをロードします。多くのクローラーはこれを高く評価し、javascriptを理解していないクローラーは、コードが重複リンクを持っているとは見なしません。

3
Mike