與隱藏鏈接樣式化導航

Question

我對shantiyoga.ca主導航圖像與隱藏

<li><a class="schedule" href="/schedule"><span class="hide">shanti yoga studio class schedule</span></a></li> 

什麼是隱藏鏈接在搜索引擎優化方面的最佳實踐自己的定位標記文本內容的堆棧？

我已經閱讀過Google的General Guidelines，我想知道除了被列入黑名單之外是否還有一個處罰，我不知道。隱藏我的定位標記的內容是否會以負面方式影響我的網站？或者，谷歌是否足夠聰明地看到事物的建立方式並讓它成爲現實？

我還以爲this article了一些有趣的信息

編輯 - 我的當前設置：

<a class="schedule" 
    id="{% ifequal current 'schedule' %}active{% endifequal %}" 
    href="/schedule"><span class="hide">class schedule</span></a> 


a.schedule { 
    background: url(../images/layout/nav/shanti-yoga-studio-schedule.jpg) no-repeat;   
    display: block;  
    height: 48px; 
} 

a.schedule:hover { 
    background-position: -207px 0; 
} 

#active { 
    background-position: -414px 0; 
} 

Answer 1

你現在擁有的方式有點笨拙。

而不是使用span與visibility:hidden;和描述一個特定的風格，這也是使用屏幕閱讀器的人更好，理論上，搜索引擎將採用非常高的負text-indent更加語義的方式的一類：

a { text-indent:-9999px; background-image:url(classes.png); }

這樣你甚至不需要多餘的span。因此，如果您將來決定更改設計，標記會更加靈活。

Answer 2

只要你不試圖誤導用戶，你真的沒有什麼擔心。圖像替換是一種廣泛使用的良好管道模式。儘管有可訪問性，所以通過將文本移出屏幕（具有負邊距/文本縮進或將其絕對定位在屏幕外，請勿使用display:none）來隱藏文本，以便屏幕閱讀器用戶可以瀏覽某些內容。

Answer 3

隱藏我的定位標記的內容是否會以負面方式影響我的網站？

我相信這完全回答了這個問題： http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66353

希望這有助於！