Как создать многоязычный сайт

Лучшая практика > Этап 1 - Настройки > Раздел Расширенные >

Как создать многоязычный сайт

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Интернет стирает государственные границы и вполне возможно, что на Сайт будут заходить посетители из других стран. Поэтому иногда имеет смысл делать многоязычные сайты.

Добавление дополнительных языков может усложнить Проект Сайта, однако программа WebSite X5 значительно облегчает задачу, предоставляя удобный набор инструментов. Разумеется, для профессионального Сайта потребуется качественно переведенный текст.

Прежде всего, нужно отметить, что программа WebSite X5 генерирует все HTML-файлы Страниц Сайта, используя кодировку UTF-8 (Unicode Transformation Format, 8 bit), для полноценной поддержки всех языков, включая те, что используют алфавит не на основе латинского, например, греческий, кириллица, армянский, иврит, арабский, китайский, японский и корейский. Помимо создания Сайта на любом языке, на одном и том же сайте можно использовать разные языки безо всяких проблем с правильным отображением букв и символов из разных алфавитов. Например, на странице можно разместить русский текст, а рядом с ним — английский перевод.

При создании Сайта программа WebSite X5 позволяет связать основной (используемый по умолчанию) язык с Проектом (выберите опцию Язык контента в окне Настройка сайта | Общие). Это важно сделать для правильной обработки текста, автоматически вставляемого Программой. В программе WebSite X5 по умолчанию включена поддержка нескольких языков. Если какой-то язык еще не включен в список языков, откройте окно Управление языковым контентом и нажмите кнопку для того, чтобы создать или импортировать другие языки или изменить слова в уже доступных языках (см. Как автоматически переводить вводимый текст).

Наконец, WebSite X5 позволяет создать многоязычный сайт, в котором посетителю предоставляется возможность выбрать желаемый язык, а если вы работаете в версии Pro, посетителю автоматически предлагается версия сайта, наиболее оптимально отвечающая его требованиям. Все, что для этого требуется, это создать проект для каждого языка и связать их вместе, как будто это разные разделы одного сайта. Существует два метода соединения проектов между собой, которые отличаются друг от друга только языком: первый метод использует Страница приветствия, второй – возможность вставить ссылку непосредственно в «шапку» шаблона. В версии Pro, к этим способам добавлен третий, использующий возможность распознавания языка браузера для настройки автоматической переадресации.

Кликните, чтобы развернуть/уменьшитьКак создать Многоязычный Сайт, используя Страницу Приветствия

Представим себе, что нам нужно создать Сайт с тремя языками: английским, итальянским и португальским. Программа WebSite X5 позволяет легко добавить переключатель языка на Страница приветствия, которую посетитель видит до открытия Домашней Страницы.

Сначала рассмотрим создание английской версии сайта, зададим структуру и контент, и в Настройка сайта | Общие определим "EN = English" в качестве Язык контента.
Перейдя к Этапу 1 - Настройка сайта | Расширенные, нажмите кнопку Страница приветствия и в открывшемся окне выберите опцию Показывать страницу приветствия, выберите Показать страницу приветствия и запросить выбор языка, задав изображение или анимацию для применения в качестве Фон страницы и выполним все необходимые настройки для получения желаемого стиля.
Используйте возможные команды для создания Список языков. Выберите в качестве недоступных языков «Deutsch», «Español» и «Français» и нажмите кнопку Удалить. Нажмите кнопку Добавить..., чтобы открыть окно Языковые настройки и добавить португальский язык. Введите слово «португальский» в поле Отображение названия языка и выполните импорт файла с изображением, связанным с ними (часто это национальный флаг).
Теперь выберите в Списке «английский» и «итальянский» языки и нажмите кнопку Редактировать..., чтобы открыть окно Языковые настройки и добавьте изображение флага для этих языков.
Поскольку текущий проект содержит английскую версию (с которой и будет связана Страница приветствия), выберите в Список языков «английский» язык и нажмите кнопку По умолчанию.
Порядок языков в Списке Языков можно изменить, используя кнопки Сдвинуть Вверх и Сдвинуть Вниз.

После добавления изображений флагов, нужно создать ссылки на них. Сайт создается для каждого языка и публикуется в Интернет, так что можно создать ссылку с адресом URL:

В окне Список языков выберите «Italiano» язык и нажмите кнопку Редактировать..., чтобы открыть окно Языковые настройки.
Нажмите на кнопку для параметра Ссылка для данного языка (например, показать сайт на этом языке), а затем выберите Файл или URL в окне Ссылка и введите адрес URL для своего сайта на итальянском, например, http//www.mywebsite.ru/it/index.html, если вы собираетесь опубликовать сайт на итальянском, на сервере создается подпапка «it».
Повторите те же действия для создания сайта на португальском, создав ссылку на нее по адресу, например, http//www.mywebsite.ru/pt/index.html, если вы собираетесь опубликовать сайт на португальском, на сервере создается подпапка «pt».

Теперь посетитель Сайта сможет выбрать один из доступных языков, однако еще предстоит добавить содержимое на итальянском или португальском языках.

Чтобы сэкономить время при создании итальянского Сайта, можно использовать копию английской версии. Для этого в первом окне Выбор проекта выберите проект сайта на английском и нажмите кнопку Сделать копию. Затем нажмите кнопку Переименовать для смены названия нового проекта на итальянском.
Откройте копию проекта и в Настройка сайта | Общие, установите «IT - Italian» в качестве Язык контента: переведите все тексты и другие элементы, которые зависят от языка.
Перейдя к Этапу 1 - Настройка сайта | Расширенные, перейдите к окну Страница приветствия и снимите выделение с параметра Показывать страницу приветствия.
Когда вы завершите проект на итальянском, сделайте то же самое для своего сайта на португальском.

Следуйте инструкциям по загрузке Сайтов на Сервер:

Загрузка английской версии Сайта — помните, что Страница приветствия связана с используемой по умолчанию английской версией Сайта. После загрузки на хостинг-сервер английской версии Сайта создается файл index.html, соответствующий Страница приветствия, который сохраняется в папке по умолчанию (т. е. в папке «EN»). Также создаются подпапки для остальных языков, включенных в Список Языков (в данном случае, «IT» для итальянской версии и «PT» для португальской версии).

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

Загрузка итальянской версии Сайта — кнопка с итальянским флагом заработает после загрузки файлов итальянской версии Сайта в подпапку «IT» на Хостинг-сервере.
Загрузка португальской версии Сайта — кнопка с португальским флагом заработает после загрузки файлов португальской версии Сайта в подпапку «PT» на Хостинг-сервере.

После того, как все три версии загружены в свои папки на Сервере, посетители Сайта смогут использовать все кнопки переключения языка на Страница приветствия.

Можно использовать параметр Ссылка для данного языка (например, показать сайт на этом языке) в окне Языковые настройки, чтобы ассоциировать любое из действий с изображением, представляющим различные языки (обычно это национальный флаг). Это означает, что вместо того, чтобы иметь ссылку на весь сайт, как мы видели в примере, можно дать ссылку лишь на одну страницу или сообщение, чтобы сказать, что сайт на определенном языке еще не доступен, но скоро будет, или на документ PDF, где размещена вся информация на нужном языке, или что-то другое.

Кликните, чтобы развернуть/уменьшитьКак создать Многоязычный Сайт, используя кнопки в Заголовке Шаблона

Попробуем создать воображаемый Сайт с тремя языками: английским, итальянским и португальским. Как вариант (или как дополнительный способ выбора языка), можно предоставить посетителям выбор предпочитаемого языка, используя соответствующие кнопки в Заголовке Шаблона Сайта (а не только на Страница приветствия). Этот способ хорош тем, что позволяет сменить язык в любое время и с любой Страницы Сайта.

Сначала рассмотрим создание английской версии Сайта, а потом перейдем к итальянской и португальской версиям. Настройка сайта | Общие определим «EN = English» в качестве Язык контента.
Откройте окно Контент Шаблона для работы с заголовком сайта и создайте кнопки, чтобы посетители могли выбрать язык, который они могут использовать.
Нажмите Изображение объекта, чтобы импортировать файл [flag_en.jpg], содержащий картинку с английским флагом. Если нужно добавить эффект для наведения курсора мыши на кнопку, можно использовать опцию Эффекты при наведении курсора мыши, чтобы импортировать файл [flag_b_en.jpg] , содержащий вторую картинку, немного отличающуюся от первой.
Повторите эту процедуру для создания кнопок для итальянского и португальского флагов.
Сейчас создается английская версия, поэтому выберите кнопку с итальянским флагом и нажмите кнопку Ссылка Ссылку. В открывшемся окне Ссылка выберите Файл или URL, а затем выберите Файл в Интернет и введите адрес Домашней Страницы итальянского Сайта после публикации в Интернете (например, http//www.mywebsite.ru/it/index.html).
Повторите эти действия, чтобы создать кнопку с португальским флагом и связать ее с адресом http//www.mywebsite.ru/pt/index.html).

Поскольку работа ведется над Проектом английского Сайта, нет необходимости создавать ссылку на кнопку с английским флагом.

Чтобы сэкономить время при создании итальянского Сайта, можно использовать копию английской версии. Для этого в первом окне Выбор проекта выберите проект сайта на английском и нажмите кнопку Сделать копию. Затем нажмите кнопку Переименовать для смены названия нового проекта на итальянском.
Откройте копию проекта и в окне Настройка сайта | Общие установите «IT - Italian» в качестве Язык контента: переведите все тексты и другие элементы, которые зависят от языка.
Перейдите к окну Контент Шаблона и завершите привязку кнопки или флага: английскому флагу назначьте ссылку на относительный адрес URL (например, http://http//www.mywebsite.ruen/index.html. Удалите ссылку с кнопки с итальянским флагом.
Когда вы завершите работу над итальянским сайтом, сделайте то же самое для сайта на португальском. Не забудьте поставить ссылки на кнопки для английского и итальянского языков и удалите все ссылки на португальский.

Кнопки выбора языка будут работать лишь после загрузки всех трех версий Сайта на Хостинг-сервер.

Создайте две подпапки в основной папке Сайта на Хостинг-сервере и назовите их IT и PT.
Опубликуйте проект на английском (основной, язык по умолчанию) в главную папку на сервере, а проесты для итальянского и португальского сайтов, соответственно, в подпапки «it» и «pt».
Кликните, чтобы развернуть/уменьшитьКак: Как создать многоязычный сайт, используя переадресацию в зависимости от языка Браузера

Допустим, вы хотите создать сайт на итальянском, английском и португальском языке, в версии Pro в WebSite X5 можно сделать так, чтобы посетителю не приходилось выбирать желаемый язык, а предлагалась наиболее подходящая для него версия сайта. Этого можно добиться, используя возможность распознавания установленного для браузера языка и переадресовать посетителя к разным версиям одного и того же сайта. Естественно, невозможно предоставить такую возможность для всех языков, поэтому среди языков, которые будут активированы, необходимо выбрать тот, который будет использоваться в качестве универсального.

В нашем примере, английский язык будет использоваться во всех случаях, когда распознаваемый язык Браузера будет отличаться от английского, итальянского и португальского языков. Таким образом, Сайт на английском языке будет основным, в то время как сайты на итальянском и португальском языках будут версиями, опубликованными в подпапках главной папки на сервере.

Сначала рассмотрим создание английской версии сайта, зададим структуру и контент, и в Настройка сайта | Общие определим "EN = English" в качестве Язык контента.
Перейдя к Этапу 1 - Настройка сайта | Расширенные, нажмите кнопку Страница приветствия и в открывшемся окне выберите опцию Показывать страницу приветствия и выберите Автоматически определить язык.
Используйте возможные команды для создания Список языков. Выберите в качестве недоступных языков «Deutsch», «Español» и «Français» и нажмите кнопку Удалить. Нажмите кнопку Добавить..., чтобы открыть окно Языковые настройки и добавить португальский язык: как Код языка ввести "PT".
Теперь выберите в Списке «английский» и «итальянский» языки и нажмите кнопку Редактировать..., чтобы открыть окно Языковые настройки и проверить код ассоциируемой ссылки.
Поскольку текущий проект содержит английскую версию (с которой и будет связана Страница приветствия), выберите в Список языков «английский» язык и нажмите кнопку По умолчанию.

Сайт создается для каждого языка и публикуется в Интернет, так что можно создать ссылку с адресом URL:

В окне Список языков выберите «Italiano» язык и нажмите кнопку Редактировать..., чтобы открыть окно Языковые настройки.
П поле URL языка укажите адрес URL Сайта на итальянском языке: например, http//www.mywebsite.ru/it/, если вы хотите опубликовать Сайт на итальянском языке в подпапке "it" главной папки на Сервере.
Повторите те же действия для создания сайта на португальском, создав ссылку на нее по адресу, например, http//www.mywebsite.ru/pt/, если вы собираетесь опубликовать сайт на португальском, на сервере создается подпапка «pt».

Сейчас Сайт готов к переадресации в зависимости от языка, но не хватает контента, соответствующего итальянскому и португальскому языкам.

Чтобы сэкономить время при создании итальянского Сайта, можно использовать копию английской версии. Для этого в первом окне Выбор проекта выберите проект сайта на английском и нажмите кнопку Сделать копию. Затем нажмите кнопку Переименовать для смены названия нового проекта на итальянском.
Откройте копию проекта и в Настройка сайта | Общие, установите «IT - Italian» в качестве Язык контента: переведите все тексты и другие элементы, которые зависят от языка.
Перейдя к Этапу 1 - Настройка сайта | Расширенные, перейдите к окну Страница приветствия и снимите выделение с параметра Показывать страницу приветствия.
Когда вы завершите проект на итальянском, сделайте то же самое для своего сайта на португальском.

Следуйте инструкциям по загрузке Сайтов на Сервер:

Загрузка английской версии Сайта — помните, что Страница приветствия связана с используемой по умолчанию английской версией Сайта. После загрузки на хостинг-сервер английской версии Сайта создается файл index.html, соответствующий Страница приветствия, который сохраняется в папке по умолчанию (т. е. в папке «EN»). Также создаются подпапки для остальных языков, включенных в Список Языков (в данном случае, «IT» для итальянской версии и «PT» для португальской версии).

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

Загрузка итальянской версии Сайта —  чтобы код пСтраница приветствия к ита
Загрузка португальской версии Сайта — таким же образом, чтобы код переадресации, находящийся в Страница приветствия к португальскому Сайту действовал, следует опубликовать Проект в созданной подпапке "pt".

 


Лучшая практика:

-

Как автоматически переводить вводимый текст