多言語ウェブサイトを開発しています。サイトの上部に言語スイッチャーがあります。
言語スイッチャー http://imageshack.us/a/img443/5456/languageswitcher.png
パフォーマンス上の理由から、フラグは単一のアトラス (アトラス 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;
}
しかし、これは「テキストを隠す」ことであり、Google はそれを嫌っています。
あなたの提案は何ですか?