~ 4 минуты
Мета-теги: правильное использование и оптимизация для поисковых систем
35
7/6/2023
Узнайте, как правильно использовать мета-теги на вашем веб-сайте. Изучите важность мета-тегов для оптимизации поисковых систем, настройки title, description и keywords, и получите советы по созданию эффективных мета-тегов.
Вадим Пашаев
CEO PXSTUDIO_
<link rel="alternate">
Тег <link rel="alternate"> используется для указания альтернативных версий страницы на разных языках. В вашем случае, где на сайте используется пять языков (английский, русский, испанский, немецкий и французский), а английский язык используется по умолчанию, вы можете использовать следующий код:
<link rel="alternate" hreflang="en" href="https://example.com/page"> <link rel="alternate" hreflang="ru" href="https://example.com/ru/page"> <link rel="alternate" hreflang="es" href="https://example.com/es/page"> <link rel="alternate" hreflang="de" href="https://example.com/de/page"> <link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
В этом примере каждый тег <link> указывает на альтернативную версию страницы на соответствующем языке. hreflang атрибут указывает код языка для каждого тега <link>, а href атрибут содержит URL-адрес каждой альтернативной страницы.
В данном случае, главная версия страницы на английском языке указывается первой без указания hreflang, так как это язык по умолчанию. Остальные альтернативные версии страниц указываются с hreflang атрибутами соответствующих языков и соответствующими URL-адресами.
Обратите внимание, что для каждой альтернативной версии страницы URL должен быть уникальным для соответствующего языка.
Для справки
<html lang="en">
Кроме тега <link rel="alternate">, для правильной настройки мультиязычного сайта рекомендуется использовать еще несколько тегов. Вот некоторые из них:
<html lang="en"> (или соответствующий языковой код) — указывает язык контента на странице. Этот тег следует разместить внутри тега <html> и указать язык, используемый по умолчанию для сайта.<html lang="en">
<link rel="alternate" hreflang="x-default" href="https://example.com/en/page">
<link rel="alternate" hreflang="x-default" href="https://example.com/en/page"> — этот тег указывает альтернативную версию страницы, которая будет использоваться в случае, если язык пользователя не соответствует ни одному из указанных hreflang значений. Обычно используется для указания английской версии страницы в качестве значения x-default.<link rel="alternate" hreflang="x-default" href="https://example.com/en/page">
<meta charset="UTF-8">
<meta charset="UTF-8"> — определяет кодировку символов для страницы. Часто используется кодировка UTF-8, которая поддерживает большинство языков.
<meta charset="UTF-8">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Language" content="en"> (или соответствующий языковой код) — указывает язык контента на странице. Этот тег следует разместить внутри раздела <head>.
<meta http-equiv="Content-Language" content="en">
Взгляните на наш стартап:
Выбирай экскурсии и активности по всему миру
Уже зарегистрировано 0 стран, 0 направлений, 0 экскурсий
Есть интересная идея?
И вы очень хотите ее реализовать, пишите нам и получите подробное коммерческое предложение и быструю реализацию