CSS和JS的SEO隱藏/顯示

我們正在爲學術機構建立網站。該機構提供了許多科目，我們不希望在主頁上一次性顯示所有科目。因此，我們設計了一個主頁，顯示兩個主要類別的研究，點擊一個類別將顯示與該類別的主題列表的div。那些div的正在對頁面加載隱藏CSS和JS的SEO隱藏/顯示

我們的客戶是擔心SEO明智的。他的擔心是否正確？

來源

2011-12-11 Lea Cohen

我讀到羅傑·約翰遜on this subject的文章，似乎結論是，只要意圖 ISN」 t只顯示搜索引擎的內容，隱藏是好的。我沒有看到任何提到更喜歡隱藏另一種方法的方法。

此外，在這篇文章的評論有一個鏈接到an answer by a Google worker謂曰：

僅僅使用顯示：無不會自動觸發一個點球。關鍵是，是否有一種機制 - 無論是自動還是一個由用戶調用 - 使可見

內容在我的課程的情況下，會出現這樣的機制，因爲我們要我們的用戶看到的內容，只是不在頁面加載...

來源

2011-12-12 06:43:10

這取決於你如何隱藏他們，如果你使用的z順序，否則將仍然由谷歌機器人可以讀取遠離開屏幕位置。如果您使用display none或hidden，那麼它可能會影響您的搜索引擎優化。

來源

2011-12-11 07:57:37

謝謝，史蒂夫。你有這個數據所依據的來源嗎？ –

@LeaCohen沒有脫離我的頭，但Google隱藏搜索內容和搜索引擎優化的快速搜索應該提供答案。這種隱藏內容的方法也提供了更好的可訪問性。 –

我其實做了搜索，並沒有找到這樣的資源。我發現我寫的[這裏]（http://stackoverflow.com/a/8470773/278） –

你是對的關心。 Google會統計一些或顯着減少在網頁加載時未顯示的內容。我建議讓文本在加載時顯示，然後將其設置爲不通過JavaScript顯示。這樣搜索引擎就會選擇它。

你可以用一個簡單的jQuery hide片段這樣做：

<p class="remove">Text displayed on load.</p> 

$j(document).ready(function(){ 
    $('.remove').hide(); 
});

來源

2011-12-11 08:43:53

謝謝，灰。你認爲可以調用'$（'。remove'）。hide（）;'onready？或者對於Google來說太快了？ –

@LeaCohen競爭條件（Google bot會在隱藏它們之前看到我的鏈接）是爲什麼我建議使用最左邊的位置隱藏它們，這完全避免了這個問題。 –

好主意Lea，只是用jQuery準備好了JavaScript。史蒂夫提到了左邊的定位，比如text-indent：-9999px;和位置：絕對;但是這是可選的。 Google會'可選'抓取JavaScript，因此使用JavaScript方法可能會有優勢。但這是一個意見問題。這樣，沒有JavaScript的人仍然可以獲得幫助文本。不要相信有傳言說絕對定位在顯示上有優勢：無。十年前，但不是今天。谷歌很聰明，能夠發現它們都有相同的用途。 –

CSS和JS的SEO隱藏/顯示

回答

相關問題