刪除div，以便谷歌無法看到它以上768px

我有一個響應式網站建在Joomla。刪除div，以便谷歌無法看到它以上768px

我使用幻燈片放入/關閉畫布導航，當頁面低於768px時單擊漢堡圖標時出現。

我的問題：我被告知Google不喜歡重複菜單。目前，隱藏着CSS顯示：無，直到頁面寬度爲786px或更低。但是上述768px寬度，重複的導航可以看出，在如下面（即使它具有顯示頁面的源：無分配給它：使用jQuery

<div id="sidebar"> 
    <ul> 
     <li><a href="">link1</a></li> 
     <li><a href="">link2</a></li> 
     <li><a href="">link3</a></li> 
    </ul> 
</div> 
<div id="page"> 
    <ul> 
     <li><a href="">link1</a></li> 
     <li><a href="">link2</a></li> 
     <li><a href="">link3</a></li> 
    </ul> 
</div>

，是有可能完全除去，直到瀏覽器擊中768px寬還是下面？

是該做的，能夠以及如何將它做？

來源

2014-05-11 user3544484

_「我被告知Google不喜歡重複的菜單」_ - 誰是那麼善良地將這些知識傳授給你的天才......？ – CBroe

嗯...猜！一些搜索引擎優化大師告訴我的客戶之一，重複菜單是一個很大的'不不'：（ – user3544484

那麼，如果你的客戶不會相信「SEO大師」只是「無用的ID ** T」的代名詞......那麼你可能會插入你的菜單副本只有JS ... – CBroe

jQuery的

if ($('window').width() < 769){ 
    $('body').prepend('your menu here'); 
}

來源

2014-05-11 03:36:50 Medda86

我不認爲一個重複的菜單對SEO來說是一件大事。如果從其他來源複製（即數據抓取），則重複的內容通常是否定的標記。如果你堅持這一點，但我認爲最好的辦法是重新排列菜單，而不是刪除和替換。
開始有了

<div id="sidebar"> 
<ul id="menu"> 
    <li><a href="">link1</a></li> 
    <li><a href="">link2</a></li> 
    <li><a href="">link3</a></li> 
</ul> 
</div> 
<div id="page"></div>

那麼你要使用的窗口的寬度，使您的斷點，你會與媒體查詢的方式相同。在你768px斷點使用

$("#page").prepend("#menu");

這是使用JQuery（這是我熟悉），但前面加上將徹底一套內容移動到另一個元素的第一位置。

那麼當然你會想做相反的事情。現在，如果你想在人們改變窗戶的寬度來攪亂你的設計時觸發這個事情（或者如果你的斷點恰好落在平板電腦的縱向/橫向寬度上，那麼在更真實的場景中），你可以在重新調整窗口大小時觸發此操作。

來源

2014-05-11 03:37:49 Ian

刪除div，以便谷歌無法看到它以上768px

回答

相關問題