О сайтостроении, музыке и путешествиях

О локализации сайта

Каждый верстальщик знает про атрибут lang у тега html. Все понимаю зачем он и пользуются. И вот, верстая сайт с несколькими языковыми версиями сознательно подходим к делу и пишем:

Для русcкой версии:

<!doctype html><html lang="ru"><head>  <title>Суперсайт</title></head><body>  ...</body></html>

Обычно на страницах таких сайтов есть навигация для переключения языковой версии. Что-то вроде сверстанного ненумерованного списка ссылок.

Все бы хорошо... но всегда забывают про мой любимый атрибут hreflang, указывающий на язык документа по ссылке. Про hreflang не стоит забывать.

Хорошая разметка должна содержать lang у тега html + указанные языки для связанных документов:

<!doctype html><html lang="ru"><head>  <title>Суперсайт</title></head><body>  <ul>    <li><b>По-русски</b></li>    <li><a href="/en" hreflang="en">English</a></li>    <li><a href="/de" hreflang="de">Deutch</a></li>  </ul>  ...</body></html>