我正在開發一個多語言網站。在網站的頂部有一個語言切換器。語言切換器,性能優化和搜索引擎優化
Language Switcher http://imageshack.us/a/img443/5456/languageswitcher.png
出於性能的原因,這些標誌被包裝成一個單一的圖譜(Atlas http://imageshack.us/a/img834/8260/flagsy.png)並且圖像被顯示爲<a>
元件的背景。
<ul class="languages">
<li><a href=".../en/" class="lang-en"></a></li>
</ul>
a.lang-en { background: url('path-to-atlas.png') -17px 0; }
錨中沒有文字(<a></a>
)。
但是SEO呢?
這個鏈接的一個爬取工具是做什麼的?我如何告訴抓取工具鏈接的文本類似'English (UK)'
或'Italiano'
?
我可以這樣做:
<a href=".../en/" class="lang">English (UK)</a>
a.lang {
line-height: 0;
font-size: 0;
color: transparent;
}
但是,這是「隱藏文本」和谷歌討厭它。
您有什麼建議?
我認爲這些鏈接對於seo來說並不重要,在你的情況下。但是你可以添加一個「title」參數給錨標籤。 –
謝謝你的回覆。大概你是對的。但是讓我們來談談「一般情況」:如果我在沒有文字的菜單中有按鈕,我該怎麼辦?我在某處讀到'title'標籤幾乎被Googlebot忽略。這是真的嗎? – mneri
對於搜索引擎優化的目的,這些鏈接並不重要。我不認爲谷歌會介意它。我個人總是添加一些文本到這些錨點並使用'text-indent:-9999px;'來隱藏它。它可能會在Google面前飛翔,但我從來沒有受到過懲罰。可能是因爲這是很常見的做法。 –