Создание мультиязычного сайта
Если вы работаете с международной аудиторией, создание многоязычного сайта может помочь вам улучшить имидж вашего бренда и доказать клиентоориентированный подход к ведению бизнеса. Несколько языков, доступных на вашем сайте, смогут привлечь больше потенциальных клиентов.
На 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-регион.
Стоит обратить внимание на редактирование шапки сайта (хедера). Если ваша шапка сайта является глобальной (отображается на всех страницах сайта), то она будет на одном языке на всех языковых версиях сайта. Для того, чтобы у языковой версии иметь шапку сайта на нужном языке, необходимо:
Скрыть глобальную шапку сайта на всех страницах нужной языковой версии (кружок №1 ниже) и добавить неглобальную шапку на одну из страниц (кружок №2):
Примечание: зафиксировать вверху экрана или же сделать прозрачной можно лишь глобальную шапку сайта. На данный момент эти опции недоступны для неглобальных шапок сайта. Другими словами, в пределах 1 сайта зафиксированной или прозрачной может быть шапка сайта лишь на 1 языке.
После добавления неглобальной шапки сайта, переведите её на нужный язык, при необходимости добавьте и настройте языковое меню и сделайте все остальные нужные настройки шапки сайта. После этого нажмите на три точки в правом верхнем углу шапки сайта и выберите опцию Скопировать на:
Подсказка: языковое меню позволит вашим клиентам быстро переходить на другие языковые версии вашего сайта.
Затем выберите все страницы текущей языковой версии, куда будет скопирована эта шапка сайта. Например, если вы создали шапку сайта на английском языке для английской языковой версии, то необходимо выбрать все страницы (кроме текущей), где рядом с названием есть [en]. Таким образом эта шапка сайта будет размещена на всех страницах английской языковой версии:
Готово! Опубликуйте сайт, чтобы изменения вступили в силу.
Этот способ подразумевает создание отдельных сайтов для каждой языковой версии. Таким образом, ваш основной сайт будет размещен на домене, а сайты на других языках — на субдоменах. Например, веб-сайт на украинском языке будет иметь домен 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-регион.
Перевод текста в шапке сайта
Стоит обратить внимание на редактирование шапки сайта (хедера). Если ваша шапка сайта является глобальной (отображается на всех страницах сайта), то она будет на одном языке на всех языковых версиях сайта. Для того, чтобы у языковой версии иметь шапку сайта на нужном языке, необходимо:
Скрыть глобальную шапку сайта на всех страницах нужной языковой версии (кружок №1 ниже) и добавить неглобальную шапку на одну из страниц (кружок №2):
Примечание: зафиксировать вверху экрана или же сделать прозрачной можно лишь глобальную шапку сайта. На данный момент эти опции недоступны для неглобальных шапок сайта. Другими словами, в пределах 1 сайта зафиксированной или прозрачной может быть шапка сайта лишь на 1 языке.
После добавления неглобальной шапки сайта, переведите её на нужный язык, при необходимости добавьте и настройте языковое меню и сделайте все остальные нужные настройки шапки сайта. После этого нажмите на три точки в правом верхнем углу шапки сайта и выберите опцию Скопировать на:
Подсказка: языковое меню позволит вашим клиентам быстро переходить на другие языковые версии вашего сайта.
Затем выберите все страницы текущей языковой версии, куда будет скопирована эта шапка сайта. Например, если вы создали шапку сайта на английском языке для английской языковой версии, то необходимо выбрать все страницы (кроме текущей), где рядом с названием есть [en]. Таким образом эта шапка сайта будет размещена на всех страницах английской языковой версии:
Готово! Опубликуйте сайт, чтобы изменения вступили в силу.
Языковые версии сайта на субдоменах
Этот способ подразумевает создание отдельных сайтов для каждой языковой версии. Таким образом, ваш основной сайт будет размещен на домене, а сайты на других языках — на субдоменах. Например, веб-сайт на украинском языке будет иметь домен example.com, а версия на французском — fr.example.com и так далее.
Важно: этот способ является менее рекомендованым. Его преимущества: возможность перевести на каждой языковой версии интернет-магазин и блог, а также можно иметь глобальную шапку сайта, которую можно будет фиксировать и делать прозрачной. Недостатки: необходимо создавать отдельный сайт для каждой языковой версии с отдельной платной подпиской для каждого сайта, отсутствие настройки hreflang и SEO-региона.
Выберите основной язык для вашего контента и создайте на нем сайт. В шапке сайта добавьте элемент "Языковое меню".
Продублируйте основной сайт для всех остальных языков.
Переведите контент на всех сайтах, чтобы он соответствовал выбранному языку.
Подключите домен к основному сайту и субдомены ко всем остальным.
На основном сайте выберите нужный язык в языковом меню в шапке сайта и нажмите на Добавить ссылку:
В поле Перейти к добавьте ссылку на домашнюю страницу на соответствующем языке. Например, если основной сайт на украинском, при нажатии на FR ваши посетители должны перенаправляться на французский сайт. Следовательно, нужно добавить ссылку на https://fr.example.com.
Выполните предыдущий шаг на всех языковых версиях, добавив в языковом меню соответствующие ссылки на другие языковые версии. Таким образом, все версии сайта будут взаимосвязаны.
Опубликуйте сайты, чтобы изменения вступили в силу.
Обновлено на: 12/07/2023
Спасибо!