Создание мультиязычного сайта
Если вы работаете с международной аудиторией, создание многоязычного сайта может помочь вам улучшить имидж вашего бренда и доказать клиентоориентированный подход к ведению бизнеса. Несколько языков, доступных на вашем сайте, смогут привлечь больше потенциальных клиентов.
На Weblium существует два способа создания многоязычного сайта — создание языковых версий на субдоменах или в пределах одного сайта. Следуйте инструкциям ниже, чтобы выбрать подходящий для вас вариант.
Подсказка: рекомендуем сначала создать сайт на одном основном языке, а затем приступать к данному руководству — таким образом при создании новой языковой версии на неё будут скопированы уже созданные на основном языке страницы.
Важно: при создании многоязычного сайта этим способом нет возможности сделать многоязычный интернет-магазин и блог. Также всплывающие окна (попапы) не имеют функции мультиязычности, поэтому их необходимо создавать отдельно, а затем отображать конкретные попапы на конкретных страницах языковых версий (или подключать к определенным элементам на страницах как действие при нажатии).
Вы можете создать мультиязычный сайт в пределах одного сайта используя нашу функцию мультиязычности. Принцип работы заключается в том, что вы можете создать отдельные языковые версии вашего сайта, — в редакторе они будут удобно разделены по языкам, а на опубликованном сайте у каждой языковой версии страницы будет отличаться URL (ссылка). Например, если украиноязычная страница имеет адрес https://example.com/about, то её ссылка в английской версии уже будет https://example.com/en/about. Перевод контента на другой язык происходит вручную, но при этом все страницы на текущем языке будут продублированы в другой языковой раздел сайта, где останется лишь перевести их текст и изменить изображения, при необходимости.
Откройте настройки вашего сайта, перейдите в раздел Мультиязычность и нажмите на кнопку Добавить новый язык:
В открывшемся окне выберите на каком языке сейчас написан ваш сайт и какую языковую версию сайта вы хотите добавить. Также вы можете выбрать нужный вам флаг — он будет отображаться лишь в редакторе для вашего удобства при переключении языков. После выбора текущего и нового языка нажмите кнопку Добавить:
После этого вы получите сообщение о том, что новый язык был добавлен на ваш сайт.
Примечание: после добавления языковой версии все страницы будут продублированы в отдельный раздел сайта, в котором можно будет редактировать страницы другой языковой версии.
Важно: текст страниц не переводится автоматически, ниже будет показано как открыть страницы для перевода вручную.
Теперь вы можете управлять языковыми версиями вашего сайта:
⠀⠀1) по умолчанию новая языковая версия скрыта от посетителей вашего сайта — когда вы закончите её создание и перевод, вы можете активировать данный переключатель, чтобы страницы стали доступны на вашем опубликованном сайте;
⠀⠀2) изменить язык выбранной языковой версии (внимание: вместе с этим изменятся все ссылки у страниц данной языковой версии);
⠀⠀3) создать новую языковую версию на основе другой уже созданной языковой версии сайта;
⠀⠀4) указать SEO-регион языковой версии (рекомендацию для поисковых систем, в какой стране необходимо отображать страницы этой языковой версии);
⠀⠀5) удалить языковую версию и все её страницы.
Также в этих настройках вы можете добавить больше языковых версий сайта с помощью кнопки Добавить новый язык:
Примечание: максимально можно создать сайт на 5 языках.
Теперь перейдите в редактор для того, чтобы изменить созданную языковую версию. После открытия редактора в левом верхнем углу в выпадающем списке нажмите на флажок нужной вам языковой версии, чтобы её открыть:
Подсказка: скрытые языковые версии обозначены значком с перечёркнутым глазом.
Вы перешли к новой языковой версии вашего сайта. Здесь вы можете последовательно открывать все страницы и переводить их на нужный вам язык. Например, если основной сайт был написан на украинском языке, а добавленная языковая версия должна быть на английском, то необходимо открыть каждую страницу в английской языковой версии и перевести на них весь контент на английский язык. Страницы разных языковых версий являются независимыми — при необходимо вы можете удалить какие-то страницы языковой версии или же наоборот добавить лишь на одну языковую версию новые страницы, не копируя их на другие языки.
Обратите внимание, что теперь все страницы новых языковых версий имеют URL (ссылку) с идентификатором языка после корня сайта (вашего домена). То есть если, скажем, основная версия сайта на украинском языке имеет ссылку https://example.com/about, то в английской языковой версии эта ссылка будет иметь вид https://example.com/en/about (добавилась часть en/). При необходимости URL страницы (часть about в примере) можно изменить в настройках страницы.
Примечание: на данный момент нет возможности указать собственный идентификатор языка (например, изменить часть en/ в ссылке). Он ставится автоматически в зависимости языковой версии сайта.
Если в дальнейшем вы создадите новую страницу на одной языковой версии, вы можете скопировать эту страницу на другие языковые версии сайта, чтобы затем её там перевести на нужный язык. Таким образом нет нужды отдельно с нуля создавать новые одинаковые страницы на разных языках, если эти страницы отличаются лишь языком — можно создать страницу 1 раз и скопировать на другие языки:
Важно: рекомендуем добавлять новые страницы языковых версий сайта путем сначала создания страницы на одном языке, после завершения работы над страницей скопировать ее на необходимые языковые версии, где после этого их переводить на другие языки. Этот метод не только ускорит вашу работу, но и таким образом страницы будут автоматически связываться между собой в языковом меню.
Когда вы закончили работу над языковой версией, перейдите в настройки мультиязычности (пункт №1 выше), активируйте отображение языковой версии и опубликуйте свой сайт.
Готово! Языковая версия сайта доступна посетителям вашего сайта.
Подсказка: вы можете также ознакомиться с функциями, что связаны с мультиязычным сайтом — указание атрибутов hreflang и SEO-регион.
По состоянию на сегодня можно иметь глобальную шапку и подвал для каждой языковой версии сайта отдельно. Они будут действовать независимо друг от друга.
Примечание: зафиксировать вверху экрана или же сделать прозрачной можно лишь глобальную шапку сайта. На данный момент эти опции недоступны для неглобальных шапок сайта.
После добавления глобальной шапки сайта, переведите её на нужный язык, при необходимости добавьте и настройте языковое меню и сделайте все остальные нужные настройки шапки сайта.
Подсказка: языковое меню позволит вашим клиентам быстро переходить на другие языковые версии вашего сайта.
После завершения работы глобальные шапки могут приобрести следующий вид:
Подсказка: если у вас уже есть глобальный блок (шапка и/или подвал) на сайте, после чего вы добавили дополнительную языковую версию, можете сразу приступать к редактированию глобального блока на каждой языковой версии отдельно. Вам не нужно добавлять еще одну глобальную шапку или подвал на конкретную языковую версию сайта.
Готово! Опубликуйте сайт, чтобы изменения вступили в силу.
Этот способ подразумевает создание отдельных сайтов для каждой языковой версии. Таким образом, ваш основной сайт будет размещен на домене, а сайты на других языках — на субдоменах. Например, веб-сайт на украинском языке будет иметь домен example.com, а версия на французском — fr.example.com и так далее.
Важно: этот способ является менее рекомендованым. Его преимущества: возможность перевести на каждой языковой версии интернет-магазин и блог. Недостатки: необходимо создавать отдельный сайт для каждой языковой версии с отдельной платной подпиской для каждого сайта, отсутствие настройки hreflang и SEO-региона.
Выберите основной язык для вашего контента и создайте на нем сайт. В шапке сайта добавьте элемент "Языковые ссылки".
Продублируйте основной сайт для всех остальных языков.
Переведите контент на всех сайтах, чтобы он соответствовал выбранному языку.
Подключите домен к основному сайту и субдомены ко всем остальным.
На основном сайте выберите нужный язык в языковом меню в шапке сайта и нажмите на Добавить ссылку:
В поле Перейти к добавьте ссылку на домашнюю страницу на соответствующем языке. Например, если основной сайт на украинском, при нажатии на FR ваши посетители должны перенаправляться на французский сайт. Следовательно, нужно добавить ссылку на https://fr.example.com.
Выполните предыдущий шаг на всех языковых версиях, добавив в языковом меню соответствующие ссылки на другие языковые версии. Таким образом, все версии сайта будут взаимосвязаны.
Опубликуйте сайты, чтобы изменения вступили в силу.
На Weblium существует два способа создания многоязычного сайта — создание языковых версий на субдоменах или в пределах одного сайта. Следуйте инструкциям ниже, чтобы выбрать подходящий для вас вариант.
Подсказка: рекомендуем сначала создать сайт на одном основном языке, а затем приступать к данному руководству — таким образом при создании новой языковой версии на неё будут скопированы уже созданные на основном языке страницы.
Мультиязычный сайт в пределах одного сайта
Важно: при создании многоязычного сайта этим способом нет возможности сделать многоязычный интернет-магазин и блог. Также всплывающие окна (попапы) не имеют функции мультиязычности, поэтому их необходимо создавать отдельно, а затем отображать конкретные попапы на конкретных страницах языковых версий (или подключать к определенным элементам на страницах как действие при нажатии).
Вы можете создать мультиязычный сайт в пределах одного сайта используя нашу функцию мультиязычности. Принцип работы заключается в том, что вы можете создать отдельные языковые версии вашего сайта, — в редакторе они будут удобно разделены по языкам, а на опубликованном сайте у каждой языковой версии страницы будет отличаться URL (ссылка). Например, если украиноязычная страница имеет адрес https://example.com/about, то её ссылка в английской версии уже будет https://example.com/en/about. Перевод контента на другой язык происходит вручную, но при этом все страницы на текущем языке будут продублированы в другой языковой раздел сайта, где останется лишь перевести их текст и изменить изображения, при необходимости.
Откройте настройки вашего сайта, перейдите в раздел Мультиязычность и нажмите на кнопку Добавить новый язык:
В открывшемся окне выберите на каком языке сейчас написан ваш сайт и какую языковую версию сайта вы хотите добавить. Также вы можете выбрать нужный вам флаг — он будет отображаться лишь в редакторе для вашего удобства при переключении языков. После выбора текущего и нового языка нажмите кнопку Добавить:
После этого вы получите сообщение о том, что новый язык был добавлен на ваш сайт.
Примечание: после добавления языковой версии все страницы будут продублированы в отдельный раздел сайта, в котором можно будет редактировать страницы другой языковой версии.
Важно: текст страниц не переводится автоматически, ниже будет показано как открыть страницы для перевода вручную.
Теперь вы можете управлять языковыми версиями вашего сайта:
⠀⠀1) по умолчанию новая языковая версия скрыта от посетителей вашего сайта — когда вы закончите её создание и перевод, вы можете активировать данный переключатель, чтобы страницы стали доступны на вашем опубликованном сайте;
⠀⠀2) изменить язык выбранной языковой версии (внимание: вместе с этим изменятся все ссылки у страниц данной языковой версии);
⠀⠀3) создать новую языковую версию на основе другой уже созданной языковой версии сайта;
⠀⠀4) указать SEO-регион языковой версии (рекомендацию для поисковых систем, в какой стране необходимо отображать страницы этой языковой версии);
⠀⠀5) удалить языковую версию и все её страницы.
Также в этих настройках вы можете добавить больше языковых версий сайта с помощью кнопки Добавить новый язык:
Примечание: максимально можно создать сайт на 5 языках.
Теперь перейдите в редактор для того, чтобы изменить созданную языковую версию. После открытия редактора в левом верхнем углу в выпадающем списке нажмите на флажок нужной вам языковой версии, чтобы её открыть:
Подсказка: скрытые языковые версии обозначены значком с перечёркнутым глазом.
Вы перешли к новой языковой версии вашего сайта. Здесь вы можете последовательно открывать все страницы и переводить их на нужный вам язык. Например, если основной сайт был написан на украинском языке, а добавленная языковая версия должна быть на английском, то необходимо открыть каждую страницу в английской языковой версии и перевести на них весь контент на английский язык. Страницы разных языковых версий являются независимыми — при необходимо вы можете удалить какие-то страницы языковой версии или же наоборот добавить лишь на одну языковую версию новые страницы, не копируя их на другие языки.
Обратите внимание, что теперь все страницы новых языковых версий имеют URL (ссылку) с идентификатором языка после корня сайта (вашего домена). То есть если, скажем, основная версия сайта на украинском языке имеет ссылку https://example.com/about, то в английской языковой версии эта ссылка будет иметь вид https://example.com/en/about (добавилась часть en/). При необходимости URL страницы (часть about в примере) можно изменить в настройках страницы.
Примечание: на данный момент нет возможности указать собственный идентификатор языка (например, изменить часть en/ в ссылке). Он ставится автоматически в зависимости языковой версии сайта.
Если в дальнейшем вы создадите новую страницу на одной языковой версии, вы можете скопировать эту страницу на другие языковые версии сайта, чтобы затем её там перевести на нужный язык. Таким образом нет нужды отдельно с нуля создавать новые одинаковые страницы на разных языках, если эти страницы отличаются лишь языком — можно создать страницу 1 раз и скопировать на другие языки:
Важно: рекомендуем добавлять новые страницы языковых версий сайта путем сначала создания страницы на одном языке, после завершения работы над страницей скопировать ее на необходимые языковые версии, где после этого их переводить на другие языки. Этот метод не только ускорит вашу работу, но и таким образом страницы будут автоматически связываться между собой в языковом меню.
Когда вы закончили работу над языковой версией, перейдите в настройки мультиязычности (пункт №1 выше), активируйте отображение языковой версии и опубликуйте свой сайт.
Готово! Языковая версия сайта доступна посетителям вашего сайта.
Подсказка: вы можете также ознакомиться с функциями, что связаны с мультиязычным сайтом — указание атрибутов hreflang и SEO-регион.
Глобальные блоки на мультиязычном сайте
По состоянию на сегодня можно иметь глобальную шапку и подвал для каждой языковой версии сайта отдельно. Они будут действовать независимо друг от друга.
Примечание: зафиксировать вверху экрана или же сделать прозрачной можно лишь глобальную шапку сайта. На данный момент эти опции недоступны для неглобальных шапок сайта.
После добавления глобальной шапки сайта, переведите её на нужный язык, при необходимости добавьте и настройте языковое меню и сделайте все остальные нужные настройки шапки сайта.
Подсказка: языковое меню позволит вашим клиентам быстро переходить на другие языковые версии вашего сайта.
После завершения работы глобальные шапки могут приобрести следующий вид:
Подсказка: если у вас уже есть глобальный блок (шапка и/или подвал) на сайте, после чего вы добавили дополнительную языковую версию, можете сразу приступать к редактированию глобального блока на каждой языковой версии отдельно. Вам не нужно добавлять еще одну глобальную шапку или подвал на конкретную языковую версию сайта.
Готово! Опубликуйте сайт, чтобы изменения вступили в силу.
Языковые версии сайта на субдоменах
Этот способ подразумевает создание отдельных сайтов для каждой языковой версии. Таким образом, ваш основной сайт будет размещен на домене, а сайты на других языках — на субдоменах. Например, веб-сайт на украинском языке будет иметь домен example.com, а версия на французском — fr.example.com и так далее.
Важно: этот способ является менее рекомендованым. Его преимущества: возможность перевести на каждой языковой версии интернет-магазин и блог. Недостатки: необходимо создавать отдельный сайт для каждой языковой версии с отдельной платной подпиской для каждого сайта, отсутствие настройки hreflang и SEO-региона.
Выберите основной язык для вашего контента и создайте на нем сайт. В шапке сайта добавьте элемент "Языковые ссылки".
Продублируйте основной сайт для всех остальных языков.
Переведите контент на всех сайтах, чтобы он соответствовал выбранному языку.
Подключите домен к основному сайту и субдомены ко всем остальным.
На основном сайте выберите нужный язык в языковом меню в шапке сайта и нажмите на Добавить ссылку:
В поле Перейти к добавьте ссылку на домашнюю страницу на соответствующем языке. Например, если основной сайт на украинском, при нажатии на FR ваши посетители должны перенаправляться на французский сайт. Следовательно, нужно добавить ссылку на https://fr.example.com.
Выполните предыдущий шаг на всех языковых версиях, добавив в языковом меню соответствующие ссылки на другие языковые версии. Таким образом, все версии сайта будут взаимосвязаны.
Опубликуйте сайты, чтобы изменения вступили в силу.
Обновлено на: 24/02/2024
Спасибо!