Перевод Виджет для вашего сайта: как выбрать и что перевести

Как выбрать виджет перевода веб-сайта, который поисковые системы могут индексировать, и как убедиться, что боковые панели, формы, всплывающие окна и другие виджеты на вашем сайте также переведены.
Нет данных карты Никаких обязательств

· Обновлено · Алекс Б · Блог

Подведите итог этому посту следующим образом: 9 мин чтения

Виджет перевода для веб-сайта — это небольшое дополнение, обычно языковое меню и скрипт, которое позволяет посетителям читать ваш сайт на другом языке. Виджеты отличаются в основном одним. Некоторые переводят страницу только внутри браузера каждого посетителя, что быстро, но невидимо для поисковых систем и не дает вам никакого контроля. Другие создают настоящие переведенные страницы со своими собственными URL-адресами, которые вы можете редактировать, а Google может индексировать. Для бизнес-сайта выберите второй тип и убедитесь, что он также транслирует виджеты, уже имеющиеся на вашем сайте: боковые панели, нижние колонтитулы, формы, всплывающие окна, окна чата и отзывов.

Ключевые выводы

  • Виджеты на стороне браузера преобразуются «на лету» для каждого посетителя. GTranslate, например, говорит о своей бесплатной версии, что “переведенные страницы не имеют отдельных URL-адресов, поэтому они не индексируются” (gtranslate.io).
  • Собственный виджет Website Translator от Google доступен только для некоммерческого использования с 2020 года, поэтому для большинства компаний он недоступен.
  • Виджеты, готовые к SEO, создают URL-адрес для каждого языка, добавляют теги hreflang, переводят метаданные и позволяют редактировать переводы.
  • Виджеты, уже имеющиеся на вашем сайте (текст боковой панели, нижние колонтитулы, формы, баннеры cookie, чат), часто остаются на языке оригинала, поэтому проверяйте каждый из них.
  • Контент внутри iframe из других доменов (некоторые вставки чата, бронирования или отзывов) не может быть переведен ни одним инструментом на странице. Вам необходимо установить язык в собственных настройках этого провайдера.

Что такое виджет перевода веб-сайта?

Виджет перевода веб-сайта состоит из двух частей:

  1. Переключатель языка, означающий, что посетители флага, раскрывающегося списка или списка нажимают, чтобы изменить язык.
  2. Механизм перевода, лежащий в его основе, — вот чем отличаются виджеты.

Существует три основных типа:

ТипКак это работаетИндексируется Google?Можете ли вы редактировать переводы?
Виджет перевода на стороне браузераПереводит текст в браузере каждого посетителя после загрузки страницыНет, переведенный текст не имеет собственного URL-адресаОбычно нет
Встроенный перевод браузера (Chrome, Edge, Safari)Браузер посетителя предлагает перевестиНетНет
Служба перевода веб-сайтов с коммутаторомПереводы хранятся, редактируются и обслуживаются на языковых URL-адресах (/fr/, fr.example.com)ДаДа

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

Что случилось с виджетом Google Translate?

В течение многих лет многие сайты использовали бесплатный виджет Google Website Translator. В 2020 году Google ограничил его некоммерческим использованием (Блог Google Search Central). Если вы его заменяете, ознакомьтесь с нашим руководством Альтернативы виджетам Google Translate и что использовать вместо Google Translate.

Как выбрать виджет перевода для вашего сайта

Проверьте это, прежде чем что-либо устанавливать:

  1. Отдельные URL-адреса для каждого языка в виде подкаталогов, поддоменов или языкового параметра. Переключатель, который изменяет только текст в браузере, не считается.
  2. Автоматические теги hreflang. Каждая языковая версия должна перечислять себя и все остальные, иначе Google их игнорирует (Центр поиска Google).
  3. Переведенные метаданные: заголовки страниц, метаописания, альтернативный текст изображения и структурированные данные.
  4. Визуальный редактор для исправления любого предложения, а также глоссарий названий брендов и продуктов.
  5. Охват меню, форм, кнопок, всплывающих окон и текста из других плагинов и приложений, а также основного контента.
  6. Перевод динамического контента, то есть текста, загружаемого после появления страницы (фильтры, корзины, одностраничные приложения).
  7. Переключатель, который можно настроить: положение, стиль, флаги или названия языков, а также размещение (меню, нижний колонтитул, плавающий).
  8. Хорошая скорость перевода страниц. Проверьте их с помощью инструмента скорости загрузки страниц, а не только оригинала.
  9. Четкое ценообразование, объясняющее, как учитываются слова, языки и сайты.

Перевод виджетов на вашем сайте

После перевода основного контента пробелы почти всегда находятся в виджетах и встроенных элементах. Откройте переведенную страницу и просмотрите этот список.

Виджеты темы и CMS

Текст боковой панели, столбцы нижнего колонтитула, блоки “последних сообщений” и “категорий”, поля поиска, формы подписки на рассылку новостей, навигационная цепочка и баннеры с файлами cookie. В WordPress они живут в Внешний вид → Виджеты (или редактор виджетов на основе блоков) и берутся из вашей темы и плагинов.

  • Многоязычные плагины Post-by-Post часто требуют, чтобы вы переводили текст виджета отдельно, через экраны перевода строк или путем создания виджета для каждого языка.
  • Службы перевода веб-сайтов переводят визуализированную страницу, поэтому текст виджета переводится вместе со всем остальным.

Формы

Метки, заполнители, раскрывающиеся параметры, сообщения о проверке и ошибках, а также сообщение о подтверждении после отправки. Также проверьте электронные письма с уведомлениями, которые отправляет форма; они генерируются за пределами страницы.

Они часто внедряются скриптами после загрузки страницы. Убедитесь, что ваш инструмент перевода обрабатывает контент, который появляется позже, и что текст согласия юридически уместен для каждого рынка.

Виджеты электронной коммерции

Мини-корзина, фильтры товаров, “вам также могут понравиться” карусели, сметы доставки и значки доверия с текстом. На WooCommerce или Shopify проверьте конкретно страницы корзины и оформления заказа.

Чат, отзывы, бронирование и карты

Многие из них встроены как iframe из другого домена. Браузеры не позволяют скриптам страницы читать или изменять содержимое внутри кросс-источникового iframe, поэтому ни один инструмент перевода веб-сайтов не может его перевести. Вместо этого:

  • найдите настройку языка на панели управления провайдера (она есть во многих чатах и инструментах бронирования);
  • загрузите другую вставку для каждого языка, если провайдер ее поддерживает;
  • или выберите поставщиков, которые внедряют контент непосредственно на страницу, а не в iframe.

Текст внутри изображений и видео

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

Как ConveyThis обрабатывает виджеты

ConveyThis это служба перевода веб-сайтов с настраиваемым переключателем языков. Он переводит визуализированную страницу, поэтому текст из вашей темы, боковых панелей, нижних колонтитулов, форм и плагинов переводится вместе с вашим основным контентом, а также контент, добавленный после загрузки.

В WordPress шаги следующие:

  1. Установите ConveyThis плагин с WordPress.org и выберите свои языки.
  2. Ваши страницы, меню и области виджетов автоматически переводятся в виде первого черновика.
  3. Чтобы разместить переключатель языка на боковой панели или в нижнем колонтитуле, перейдите по ссылке Внешний вид → Виджеты и добавьте ConveyThis виджет (описывается как “ConveyThis переключатель языка”) в нужную вам область виджетов. Вы также можете использовать [conveythis_switcher] шорткод внутри контента.
  4. Откройте визуальный редактор на панели управления ConveyThis, перейдите на страницу и щелкните любой текст, включая текст виджета, чтобы отредактировать его перевод.

На других платформах (Shopify, Wix, Webflow, Squarespace, пользовательских сайтах) настройка представляет собой плагин, приложение или один тег скрипта; см список интеграций.

Другие функции, имеющие значение для виджетов и SEO:

  • 210 поддерживаемых языков, каждый из которых имеет свой собственный URL-адрес (подпапки, поддомены или ?lang) и автоматический хрефланг.
  • Переведенные заголовки страниц, метаописания и JSON-LD для многоязычное SEO.
  • Правила глоссария (платные планы) и память переводов для единообразных терминов.
  • Исключите любой элемент из перевода с помощью conveythis-no-translate класс (как исключить сегменты), например имена пользователей или номера заказов.
  • Варианты конструкции коммутатора; читайте о новый языковой переключатель.

Лучшие практики переключения языка

  • Разместите его там, где люди смотрят: в заголовке или верхней навигации на рабочем столе, а также в легкодоступном месте в мобильном меню. Переключатель нижнего колонтитула - хорошее второе место.
  • Показывайте названия языков на их родном языке («Deutsch», «Español», «日本語»). Флаги представляют страны, а не языки, и могут запутать посетителей в многоязычных странах.
  • Не перенаправляйте автоматически по IP-адресу или языку браузера. Предложите язык, если хотите, но позвольте посетителям выбирать; Google также не рекомендует автоматическое перенаправление между языковыми версиями.
  • При переключении оставьте посетителя на той же странице, а не отправляйте его на домашнюю страницу.
  • Сделайте его доступным: доступным с клавиатуры, правильно маркированным и достаточно большим, чтобы его можно было нажать.

Краткий контрольный список перед запуском

  • Каждый тип страницы имеет переведенный URL-адрес и теги hreflang.
  • Виджеты верхнего, нижнего колонтитула и боковой панели переводятся.
  • Формы, включая сообщения об ошибках и подтверждения, переводятся.
  • Всплывающие окна и баннеры с файлами cookie переведены.
  • Корзина и оформление заказа переведены (для магазинов).
  • Сторонние iframe настраиваются в собственных языковых настройках.
  • Названия брендов и продуктов защищены правилами глоссария.
  • Переключатель языков виден на настольных компьютерах и мобильных устройствах.

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Какой виджет перевода лучше всего подходит для веб-сайта?

Лучшим выбором для бизнеса является тот, который создает отдельные индексируемые URL-адреса для каждого языка, добавляет теги hreflang, переводит метаданные и позволяет редактировать переводы. Виджеты, доступные только в браузере, хороши для повседневного чтения, но не способствуют SEO.

Могу ли я по-прежнему использовать виджет Google Translate на своем сайте?

В 2020 году Google ограничила использование виджета Website Translator некоммерческим использованием, поэтому большинству бизнес-сайтов нужна альтернатива.

Почему мои виджеты WordPress не переведены?

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

Может ли виджет перевода переводить окна чата или отзывов?

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

Где мне разместить переключатель языка?

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

Чтобы перевести ваш сайт с его виджетами, создать учетную запись ConveyThis и добавьте переключатель там, где его увидят ваши посетители.

Поделиться:
G2 High Performer Spring 2023
G2 Easiest Setup Fall 2024
G2 Best Support Spring 2025