Как популярные приложения и сайты распознают кириллические домены и почтовые адреса

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

Линкификация — это преобразование текстовой строки в ссылку, если в ней есть признаки интернет-адресации.

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

Создаете мессенджер или соцсеть

Вы хотите запустить корпоративный мессенджер для сотрудников, чтобы обсуждать рабочие задачи, или социальную сеть, в которой люди могут просто отдохнуть и поговорить о личных делах. Во время общения пользователи будут делиться большим количеством ссылок, в том числе и в кириллических доменных зонах, например .РФ, .МОСКВА, .ДЕТИ, .РУС и другие.

Важно, чтобы ПО правильно распознавало ссылки и не пропускало поддельные адреса. Например, если в домене moloko.com в слове moloko буквы «о» на кириллице, а остальные на латинице, — такая ссылка не должна линкифицироваться. Так можно уберечь пользователей от перехода на мошеннические сайты. Подробнее об этом можно прочитать в упомянутых рекомендациях.

Мы проверили, распознают ли кириллические ссылки на адреса сайтов и электронной почты популярные мессенджеры Telegram, WhatsApp и социальная сеть «ВКонтакте».

Telegram

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

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

WhatsApp

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

Сверху — сообщение другому человеку, снизу— сообщение в группе

В десктопной версии 2.2313.6.0 для Windows кириллические почтовые адреса не линкифицируются, а в версии 2.2314.11 в виде ссылки отображается только доменная часть почтового адреса. В новейшей на момент написания статьи версии 2.2317.9.0 почтовые адреса не распознаются, а кириллические ссылки на сайты отображаются корректно.

ВКонтакте

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

Слева — личные сообщения во «ВКонтакте», справа — пост в сообществе. В обоих примерах наверху сообщение с текстом, внизу ссылки из адресной строки браузера

Собираете базу подписчиков в блоге

Если хотите собирать контакты читателей в блоге, понадобится внедрить форму подписки. Она проверяет адреса электронной почты пользователей на наличие @, точки и других символов. Это нужно, чтобы в базу подписчиков попадали только email, а не посторонние сайты и строки. С латинскими адресами обычно проблем не бывает, но кириллические почтовые адреса часто не распознаются.

Проверили на Wordpress и 1С-Битрикс, пропускают ли формы подписки и регистрации кириллические почтовые адреса.

Wordpress

Создали простой сайт и попробовали разместить в нем запись с кириллической ссылкой и почтой. Еще добавили комментарий под записью.

Это сама запись. Кириллические адреса не линкифицируются, хотя домены на латинице отображаются корректно

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

1С-Битрикс

В CMS «1C-Битрикс: Управление сайтом» выбрали готовый шаблон сайта и добавили в него записи с кириллической ссылкой и почтой.

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

Так выглядит запись, если скопировать ссылку и электронный адрес в браузере Opera. Ссылка и адрес отображаются корректно, но не линкифицируются

В обоих случаях привязать ссылку можно по-другому — через создание гиперссылки. Для этого нужно выделить некликабельную ссылку и нажать на значок гиперссылки:

А затем прописать нужный URL-адрес на кириллице

В этом случае CMS распознает ссылки и делает их кликабельными

Запускаете клиент для видеосвязи

Если создаете программу для видеосвязи с чатом, в нем пользователи могут отправлять друг другу кириллические ссылки или email-адреса. Людям будет удобнее, если они смогут перейти на нужные сайты одним кликом, а не копировать адрес из чата в строку браузера.

Проверили популярные клиенты для видеосвязи: Телемост, Google Meet и Zoom.

Телемост

Это сервис для видеозвонков от Яндекса. Мы создали онлайн-встречу и написали в чат ссылку на сайт и почту на кириллическом домене. Обе они линкифицируются, но в части описания сайта ссылка переводится в ASCII-представление.

Чат в Телемосте

Google Meet и Zoom

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

В чате Google Meet все сообщения в виде текста

Разрабатываете канбан-доску

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

Проверили три доски: Trello, Kaiten и Asana.

Trello

Мы создали задачу и в ее название, описание и комментарии добавили кириллические ссылки на сайт и почту.

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

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

Kaiten и Asana

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

В описании задачи Kaiten распознается адрес сайта, почта — нет

В комментариях к задаче распознаются кириллические ссылки только на сайт

Создаете текстовый редактор

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

Проверили десктопные редакторы и веб-сервисы. Во всех написали основной текст и добавили комментарий со ссылками.

Десктопные редакторы текста

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

Документ Word

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

Документ P7-Офис

Онлайн-редакторы текста

Google Документы. Написали текст в редакторе и добавили комментарий со ссылками.

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

Яндекс Документы. Это российский онлайн-редактор. В нем кириллические ссылки отображаются, только если копировать их из адресной строки браузера. Если вставить ссылки текстом, они не распознаются. Почта линкифицируется только в самом тексте, а в комментариях — нет.

Текст в Яндекс Документах

Мобильные приложения

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

Проверили мобильные приложения «Сбербанка» и «Альфа-Банка», а еще сервисы знакомств «Друг Вокруг» и Beboo.

«Друг Вокруг» и Beboo

Написали личное сообщение другим пользователям. В «Друг Вокруг» линкифицируются ссылки на сайт, а адреса почты — нет. В Beboo не поддерживаются никакие ссылки.

Слева — интерфейс «Друг Вокруг», справа — Beboo

Сбербанк и Альфа-Банк

Мы написали сообщение в чат с банком и приложили ссылки на сайт и почту. В Сбербанке ссылки не работают,. В Альфа-Банке же работают только ссылки на сайт, а на почту — нет.

В Сбербанке не линкуются ссылки, а в Альфа-Банке распознаются только ссылки на сайт

Сводные результаты проверки

Мы проверили, как линкифицируются ссылки на кириллические сайты и почту в популярных мессенджерах, соцсетях, CMS, клиентах видеосвязи, канбан-досках, текстовых редакторах и мобильных приложениях. Результаты собрали в таблице.