CSS和SEO問題

Question

我目前正在爲客戶建立一個網站，我使用的CSS菜單（不是JavaScript）。對於翻滾，有一個包含常規狀態和翻轉的背景圖像。

一個例子的代碼是：<a id="foo" href="bar.php" ><span>BAR</span></a>

我隱藏<span>和使用的背景圖像，而不是。

我的問題是：

是這種形式的導航良好的搜索引擎優化的？搜索引擎隱藏了<span>被視爲垃圾郵件。搜索引擎是否會選擇這種形式的菜單？

請幫助

Answer 1

許多/大多數/（所有？）搜索引擎將無法理解CSS來他們知道你隱藏的<span>程度。對於那些，你很好。

對於任何足夠明白您的CSS的人來說，他們也會理解人們這樣做的原因，並且會意識到您在做什麼。所以對於那些你也很好。

像這樣的許多問題歸結爲「搜索引擎是否足夠聰明，誤解我在做什麼？」答案是否定的，因爲這不符合他們的利益。作爲搜索引擎的作者，您不會添加對隱藏CSS隱藏的支持，也不會添加可靠的啓發式來區分它的正常使用和其濫用。

Answer 2

您可以使用text-indent css屬性爲您的<li>或<a>元素。這樣你就不必通過css來隱藏它。所以，你有這樣的事情

<ul> 
    <li><a id="foobar">foobar</a></li> 
</ul> 

然後，你可以有下面的CSS：

li a { 
    display: block; 
    text-indent: -1000px; 
    width: 20px; 
    height: 20px; 
    background: transparent url('/image/path.png') no-repeat; 
} 

Answer 3

如果你只是要使用 display: none; 然後躲他們，你將要檢查出的問題Stack Overflow認爲與你最相關：Google SEO and hidden elements。

摘要：谷歌忽略了它可以確定的任何東西對人類看不見的東西。