Scroll

Мультиязычный сайт в шаблонах MotoCMS 3

Данная статься поможет вам построить мультиязычный сайт, используя шаблон MotoCMS 3. Цель достигается благодаря созданию нескольких страниц на разных языках, после чего они связываются между собой виджетом меню и кнопками. Для этого, пожалуйста, выполните следующие действия:

1) Для начала вам необходимо открыть домашнюю страницу и продублировать её. Эта копия станет ключевой для остальных страниц на этом языке. Она будет использоваться в качестве домашней страницы одной из языковых версий.

2) Затем необходимо будет заменить Название страницы тем, которое вам нравиться больше. Также понадобится изменить URL страницы. Мы рекомендуем использовать сокращение (например, Вы можете использовать родительскую страницу с названием ru для русской версии сайта). Эта настройка станет частью адреса всех ваших страниц на этом языке, т.е. она будет присутствовать в этих страниц в качестве индикатора языка версии сайта, которая в данный момент просматривается. Например, ссылка может иметь следующий вид www.domain.com/ru/subpage_url. Как вы видите, ссылка на домашнюю страницу данного языка отображается перед ссылкой на саму страницу для того, чтобы пользователь смог увидеть какая языковая версия сейчас открыта.

3) Далее необходимо открыть вкладку Дизайн и продублировать Хэдер и Футер. Т.к. идентичные Хэдеры и Футеры используются на нескольких страницах, выполнив данный шаг, вы разделяете Хэдер и Футер основной версии от Хэдера и Футера языковых версий. После этого при редактировании они не будут влиять на друг друга.

4) Теперь когда подготовка домашней страницы завершена, вы можете перевести содержимое страницы, хэдера и футера на нужный язык.
Пожалуйста, обратите внимание, что в новом хэдере необходимо будет создать новый виджет меню с новыми действиями, которые будут происходить при нажатии, тем самым заставить его открывать новые страницы вместо старых.

5) После завершения работ над домашней страницей можно перейти к дублированию остальных страниц. Это действие поможет создать заготовку новой страницы и вам нужно будет заменить текст на ней.

6) Для этих страниц вам понадобится задать новое значение полей Названия страницы и URL страницы. Для них вы можете использовать абсолютно любой URL страницы. Дополнительно потребуется указать Родительскую страницу. Вам нужно будет выбрать домашнюю страницу, которую вы создавали с первого по четверый шаг. А этот шаг позволит добавить адрес домашней страницы на этом языке в ссылку подстраницы. Ссылка будет выглядеть следующим образом www.domain.com/ru/subpage_url.

7) Дальше Вам будет необходимо открыть вкладку Дизайн в настройках страницы и выбрать Хэдер и Футер, которые были созданы в третьем шаге. Данное действие перенесет модифицированный Хэдер и Футер с вашей домашней страницы. Благодаря этому действию не придется переводить их повторно.

8) Теперь вы можете переводить содержимое нужной страницы.

9) Мы можете перевести неограниченное количество страниц повторно, выполняя шаги с 5-го по 8-й.

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

11) Повторяя шаги с 1-го по 10-й, вы можете создать неограниченное количество языковых версий сайта.

12) Теперь когда все ваши языковые страницы готовы, вы можете создать несколько кнопок на вашем сайте, которые перенаправят пользователей на домашние страницы ваших языковых версий, чтобы пользователи смогли просмотреть версию сайта на другом языке. Т.к. множество страниц используют идентичные хэдеры, то все эти кнопки будет перенаправлять пользователей только на домашние страницы языковых версий. Для того, чтобы эти кнопки открывали идентичную страницу на другом языке, вам будет необходимо создать отдельные хэдеры для каждой страницы и в каждом из них задать отдельное действие по нажатию чтоб открывалась указанная страница, но на другом языке.

В конце концов все страницы сайта будут отображаться одним списком в панели управления MotoCMS 3, но для пользователя они будут выглядеть как языковые версия из способа открытия данных страниц.

SEO-оптимизация

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

<link rel="alternate" hreflang="en"
href="http://www.motocms.com/website-templates/"/>
<link rel="alternate" hreflang="fr"
href="http://www.motocms.com/fr/website-templates/"/>
<link rel="alternate" hreflang="de"
href="http://www.motocms.com/de/website-templates/"/>
<link rel="alternate" hreflang="x-default"
href="http://www.motocms.com/website-templates/"/>

Вам будет необходимо модифицировать этот код следующим образом. Сначала следует заменить во всех частях hreflang="en" языковой индикатор на тот язык, который используется. Пожалуйста, не вносите изменения в код hreflang="x-default"
После этого в следующих частях кода необходимо заменить пример на ссылки для языковых версий страниц href="http://www.motocms.com/de/website-templates/".
Дальнейшая часть кода указывает на то, какая языковая версия сайта является основной и ссылка в ней должна быть заменена на ссылку страницы, которая использует главный язык
<link rel="alternate" hreflang="x-default"
href="http://www.motocms.com/website-templates/"/>
После модификации кода весь текст, который выделен жирным в примере, должен быть заменен на ссылки и аббревиатуры языка.

<link rel="alternate" hreflang="en"
href="http://www.motocms.com/website-templates/"/>
<link rel="alternate" hreflang="fr"
href="http://www.motocms.com/fr/website-templates/"/>
<link rel="alternate" hreflang="de"
href="http://www.motocms.com/de/website-templates/"/>
<link rel="alternate" hreflang="x-default"
href="http://www.motocms.com/website-templates/"/>

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

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 3
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk