Question

我正在开发一个多语种网站。在网站的顶部有一个语言切换器。

出于性能原因，标志被包装到单个地图集（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; 
}

但这是“隐藏文字”而谷歌讨厌它。

你有什么建议？

Answer 1

老实说，我不会太担心这个。谷歌正在积极打击过度优化。 Google知道页面上显示的语言，并在抓取每个链接时将其识别出来。

在按钮的一般情况下，谷歌会查看周围的文字和按钮的目的地，以确定相关性。

标题标签现在几乎没有任何相关性，因为它经常塞满无意义的关键字，但它对于悬停在元素上的用户可能会有所帮助。

Google致力于为用户提供最好的服务，尽管他们可能并不总能做到正确，而且有时会出现非常垃圾/黑帽子的问题并排在第一位，但不会持久。您可以做的最好的事情是提供出色的用户体验和精彩的内容，从长远来看，它将为您锻炼。