Как найти перевод на сайте

Доброго времени суток.

Вот так бывает “бродишь” по интернету в поисках какой-нибудь нужной информации, и натыкаешься на иностранный сайт. Судя по картинкам, понимаешь, что там разбирается как раз твоя проблема, а прочитать, что написано — не можешь, т.к. в английском слаб (или в немецком, или еще в каком…). 👀

Конечно, можно пользоваться различными 📌онлайн-переводчиками, копируя и переводя по абзацу нужные данные. Однако, когда имеешь дело с иностранным сайтом — это крайне неудобно (ведь для работы нужно видеть не только абзац, но и перевод меню, каких-то примечаний, да и постоянно переходить из одного окна в другое – удовольствие то еще…).

Однако, сейчас есть превосходное решение: иностранные сайты можно переводить “на лету” прямо в самом браузере! Почти все современные браузеры поддерживают данную возможность. Ниже рассмотрю, как включить это…

*

Перевод веб-страниц с иностранного («на лету»)

Chrome

Ссылка на оф. сайт браузера: https://www.google.ru

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

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

Если этого окна нет — обратите внимание на значок  в адресной строке браузера. Щелкнув по нему — вы сможете автоматически перевести текущую веб-страничку (см. пример ниже 👇).

📌 В помощь!

Что делать, если браузер Chrome не предлагает перевод страницы — [см. инструкцию]

Стоит отметить, что качество перевода довольно-таки неплохое: с сайтом можно вполне комфортно работать (просто лет 5-10 назад о таком переводе можно было только мечтать. Смысл многих фраз просто не переводился и приходилось многое домысливать).

Если у вас нет такого значка и браузер вам не предлагает совсем ничего, когда вы заходите на иностранные сайты, то:

1. откройте настройки (страничка: chrome://settings/);
2. затем внизу экрана раскройте “Дополнительные” настройки;
3. в разделе “Языки” обратите внимание на настройку “Предлагать перевод страниц, если их язык отличается от используемого в браузере” (включите ее, если она у вас выключена);
4. обновите страничку на иностранном языке (кнопка F5 в браузере).

Если у вас очень старая версия Chrome, то просто обновите (переустановите) браузер (ссылка на официальный сайт приведена чуть выше).

*

Яндекс-браузер

Ссылка на сайт браузера: https://browser.yandex.ru/

Прямой конкурент Chrome.

Что касается перевода: то в чем-то он лучше, чем в Chrome, в чем-то хуже (кстати, в новой версии браузера — есть опция для перевода просматриваемого видео! Т.е. вы будете слышать русскую речь вместо английской, оригинальной!).

В плане использования — то разницы нет: при открытии сайта на английском (например), также в верхнем меню появляется предложение перевести на русский.

Если соглашаетесь – видите оптимизированную страничку, перевод достаточно качественный (см. пример ниже 👇).

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

1. открыть параметры;
2. нажать на кнопку просмотра дополнительных опций;
3. в разделе “Языки” проверьте, чтобы стояли три галочки: “Предлагать перевести страницы, язык которых отличается от языка интерфейса”, “Предлагать перевод слов и фраз при выделении текста”, “Переводить слова по наведению курсора и нажатию кнопки Shift”.

Собственно, задав подобные настройки, обновите страничку (клавиша F5) и посмотрите на верхнее меню: браузер должен предложить осуществить перевод.

*

Opera

Ссылка на браузер: https://www.opera.com

Страничка с Translator: https://addons.opera.com

К сожалению, непосредственно переводчик в сам браузер не встроен. Однако, для перевода есть большое число различных дополнений (аддоны). Я рекомендую попробовать дополнение Translator (ссылку на него привел чуть выше).

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

1. в нем можно перевести отдельные фразы и словосочетания;
2. а можно перейти по ссылке “Перевести активную страницу…” – затем должна открыться новая вкладка с полным переводом странички.

Перевод осуществляется технологией Google (кстати, вам будет рекомендовано установить Chrome). В принципе, далее можете переходить по любым ссылкам на сайте — следующие открытые странички будут переводиться в этой вкладке автоматически (каждый раз открывать аддон ненужно!).

*

Firefox

Ссылка на сайт браузера: https://www.mozilla.org

Ссылка на аддон: https://addons.mozilla.org

Firefox аналогичен Opera — также не имеет встроенного переводчика. Поэтому, чтобы добавить данную функцию в браузер — придется использовать какое-нибудь дополнение (аддон).

Их, конечно, сотни, но протестировав с десяток из них — я все же пришел к выводу, что выигрывает Google Translator (ссылку привел выше).

Аддон крайне простой: после его установки у вас в верхнем меню программы появится значок с буквой “T”. Достаточно щелкнуть по нему левой кнопкой мышки – и ваша страничка будет переведена. Быстро и удобно!

*

👉 Еще по теме!

Переводчик с фото онлайн: для компьютера и смартфона (перевод того, что попало в камеру/объектив телефона)

*

Дополнения по теме – приветствуются!

У меня на этом пока всё, всем удачи!

👋

Первая публикация: 23.04.2018

Корректировка: 23.10.2021

Благодаря переводу результатов поиска вы можете просматривать больше материалов на своем языке. Если по запросу ничего не найдено на вашем языке, Google Поиск может показать переведенные результаты.

Важно! В настоящее время перевод результатов поиска доступен:

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

Как посмотреть страницу на своем языке

1. На телефоне или планшете откройте сайт google.com.
2. Выполните поиск.
3. Нажмите на переведенное название страницы в результатах.

Примечание. Когда вы нажмете на название страницы, она откроется в Google Переводчике. Любая страница, на которую вы перейдете по ссылке с переведенного сайта, будет автоматически переведена.

Как посмотреть страницу на исходном языке

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

Как работает перевод результатов поиска

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

Ресурсы по теме

• Как управлять переведенными результатами для своих веб-страниц
• Как настроить рекламную сеть для работы с функциями Google Поиска, связанными с переводом

Эта информация оказалась полезной?

Как можно улучшить эту статью?

В этом гайде я приведу 2 способа отследить перевод сайта. Один из них вы можете применить прямо сейчас. Со вторым придется повозиться – он требует настройки в Google Tag Manager и Google Analytics. Этот подход поможет локализовать сайт под иностранных пользователей и выяснить, какими языками владеют ваши посетители.  Аналогичный подход можно реализовать с помощью Яндекс Метрики, но понадобятся руки разработчиков.

Как вообще можно перевести страницу:

1. Пользователь использует сайт Yandex Translate или Google Translate. Вставляет туда текст или ссылку на ваш сайт (если ссылка, то переведенный сайт откроется в iframe).
2. Пользователь заходит на страницу через Yandex Browser или Google Chrome, затем нажимает Translate to [language]. Или пользователю предлагается перевод через автоматическое встроенное меню перевода от Yandex / Google, которое выскакивает наверху сайта.

Способ №1 для падаванов: Перевод с помощью Yandex Translation или Google Translation

💡 Самый легкий подход, о котором я говорил. Берите и проверяйте прямо сейчас! Не нужны никакие скрипты или настройка целей.

Этот способ перевода страниц сайта заключается в том, когда пользователь заходит на сайт https://translate.yandex.ru/ или https://translate.google.ru/ и вставляет URL нужной ему страницы. К сожалению данный метод менее распространен, так как многие не догадываются вставлять URL в переводчик.

При нажатии на URL вас перекинет на страницу с полным переводом:

URL переведенной страницы будет немного другой, что позволит нам отследить таких пользователей. Для примера, я перевел сайт mos.ru на английский и вот что вышло:

• Yandex переводчик  (https://translated.turbopages.org/proxy_u/ru-en.ru.0057e51a-62e0337b-e94a7aa4-74722d776562/https/www.mos.ru/)
• Google переводчик (https://www-mos-ru.translate.goog/?_x_tr_sl=ru&_x_tr_tl=en&_x_tr_hl=ru&_x_tr_pto=wapp)

Таким образом, каждый пользователь, который переведет ваш сайт этим методом, попадет в отчет Яндекс Метрики или Google Analytics, плюс вы сможете увидеть в параметре URL с какого на какой язык был сделан перевод.

Способ №2 для мастеров: Перевод с помощью “Translate to [language]” или встроенного меню перевода

Когда вы используете Yandex Browser или Google Chrome, нажмите правой кнопкой мыши и выберите пункт Translate to [language]. Страница будет переведена на выбранный вами язык. Можно сменить на любой другой язык и выбрать дополнительные настройки.

У вас есть возможность переводить содержимое страницы, так как браузер манипулирует DOM-элементом. Вот что подменяется на html странице:

• Добавляется атрибут translated-ltr в <html> тег в начале сайта
• Добавляется атрибут lang с языковой версией, на которую вы переводите сайт

Это манипулирование с DOM-элементом можно легко отследить. Как только посетитель переводит сайт таким образом, мы имеем возможность понять, на какой язык была переведена страница.

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

Решение для второго способа: 👉 использовать Google Tag Manager

Чем этот метод хорош? Первое, вы не дергаете разработчиков, а делаете все сами через GTM. Второе, пользователь чаще переводит именно через браузер, чем заходит на сайты переводчиков и вставляет URL. У вас попросту будет больше статистики.

В GitHub я приложил JavaScript код для отслеживания изменения DOM-элементов. Этот код не полностью мною написан, а частично взят со Stack Overflow и немного поправлен (не забудьте поставить STAR в GitHub, если вам он помог)

Дла применения этого метода потребуется установка на сайт Google Tag Manager и Google Analytics.

Step 1: Пользовательский HTML

Заходим в GTM и создаем пользовательский HTML. Копируем весь JS код, приведенный в GitHub:

Step 2: Устанавливаем Trigger

Как только перевод страницы будет совершен, скрипт отправит эту информацию, как событие pageTranslated:

Step 3: Добавляем переменные уровня данных

Создаем первую переменную со значением translationLanguage и затем такую же со значением translationService:

Данные переменные позволят получать информацию:

• когда пользователь нажмет кнопку Translate to [language]. Именно щелчок правой кнопкой мыши или когда выпадает автоматическое меню
• когда человек переводит сайт через Yandex Translator или Google Translator

Step 4: Добавляем тег-событие для GA

🔥 Финал. Осталось передать информацию о переводе страниц в GA. Создаем Тег и выбираем Google Analytics → Universal Analytics. Заполняем следующие данные:

• Тип отслеживание – Событие
• Категория – page translation
• Действие – {{translationLanguage}}
• Ярлык – {{translationService}}
• Не взаимодействие – True
• Настройки Google Analytics – {{Настройки Google Аналитики}}
• И выбираем наш кастомный Trigger – Trigger of pageTranslate

И не забываем опубликовать Тег, кнопкой “Отправить” в верхнем правом углу. Готово!

Все данные о переводе страниц вы можете посмотреть в отчете Google Analytics “Real-time → Events”.

Итого

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

PS: советую использовать свой JS код, так как функция Transfer to [language] может поменяться и придется адаптировать ваш код заново. Думаю, тогда вам помогут ваши разработчики.

(ссылки на инструкции внизу)

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

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

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

Как настроить перевод сайтов в Google Chrome (Windows/MacOS/Android/IOS) : https://support.google.com/chrome/answer/173424?co=GENIE.Platform%3DDesktop&hl=ru&oco=1

Как настроить перевод сайтов в Яндекс.Браузер (Windows/MacOS) : https://yandex.ru/support/browser/search-and-browse/translators-settings.html

Как настроить перевод сайтов в Safari (MacOS/IOS):

MacOS https://yablyk.com/translation-plagin-dlya-perevoda-web-stranic-v-brauzere-safari/

IOS https://akket.com/iphone-ipad/30239-kak-bystro-perevodit-stranitsy-v-veb-brauzere-safari-na-iphone-i-ipad.html

Как настроить перевод сайтов в Opera (Windows) : https://opera-web.ru/avtoperevod-stranits/

Как настроить перевод сайтов в Firefox (Windows): https://support.mozilla.org/ru/kb/kak-dobavit-v-firefox-funkciyu-perevoda

Если понравился материал – подписывайтесь и ставьте палец вверх.

Спасибо.