我正在开发一个多语言网站。在网站顶部有一个语言切换器。
语言切换器 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>
锚点 ( )中没有文本。
但是搜索引擎优化呢?
爬虫对这个链接做了什么?我如何告诉爬虫链接的文本类似于'English (UK)'
or 'Italiano'
?
我可以做类似的事情:
<a href=".../en/" class="lang">English (UK)</a>
a.lang {
line-height: 0;
font-size: 0;
color: transparent;
}
但这是“隐藏文本”,谷歌讨厌它。
你有什么建议?