有沒有在html中導航兩個版本的seo懲罰？ （取決於所稱的媒體查詢）

Question

我正在構建一個響應式網站。桌面版本在頁腳內部具有導航功能。當媒體查詢開始時，我想讓我的導航成爲頂部的下拉菜單。這需要一個不同的HTML設置，因此，CSS獨自不會正確移動它，因此媒體查詢本身無法幫助。

雖這麼說，我將需要2臺在HTML中的導航鏈接。一個用於桌面，另一個用於移動。當然會有人「顯示：沒有;」基於當前的媒體查詢。

有沒有與谷歌的任何處罰呢？我的意思是，幾乎所有的網站都在同一網頁上有多個鏈接，因此我不認爲重複的內容，但源代碼可以在源代碼中說#navigation_desktop和#navigation_mobile。

我希望我可以使用相同的導航兩種，但單獨的CSS可以適當移動它周圍。它簡單的不同的編碼和div結構。對此有何意見？

Answer 1

我很懷疑你會受到懲罰 - Googlebot的相當巧妙。如果您擔心HTML5規範中有一個<nav>元素，該元素與頁面內容有明顯的語義區別。

W3的頁面建議你還是標記列表爲正常，如：

<nav> 
    <ul> 
    <li><a href="#">link 
    <li><a href="#">link ... 
    </ul> 
</nav>