Самое важное коротко
- Для индексирования и ранжирования Google использует мобильную версию вашего сайта; чего там нет, то не учитывается.
- Телефон и адрес должны одним касанием вести к звонку или маршруту.
- Не менее 16 пикселей для основного текста и кнопки, по которым уверенно попадаешь большим пальцем.
- Контактные формы на телефоне: мало полей, подходящая клавиатура, никаких капч-головоломок.
- Проверяйте на реальных устройствах, а не только в уменьшенном окне браузера за рабочим столом.
Эта статья носит общий информационный характер и не является юридической или налоговой консультацией в конкретном случае. Законы, профессиональные директивы и взносы в палаты меняются: перед решением уточните детали в вашей палате, ведомстве или профессиональном объединении.
Почему смартфон на первом месте
Локальные запросы вроде «Notar in der Nähe», «Scheidungsanwalt Graz» или «Steuerberater Köln Ehrenfeld» очень часто вводят на ходу. Кто держит в руках уведомление об увольнении или письмо из налоговой, берёт телефон, а не ноутбук. Насколько велика эта доля у вас, покажет ваша статистика или Google Search Console с фильтром по устройствам. У многих канцелярий значительная часть посещений приходится на смартфоны.
К этому добавляется сама поисковая система. Google работает по принципу mobile-first индексирования: для индексирования и ранжирования используется мобильная версия страницы, которую загружает робот для смартфонов. Содержимое, заголовки, описания изображений и структурированные данные, которые есть только в десктопной версии, Google может не увидеть. Мобильная версия поэтому не урезанный вариант, а основная версия вашего сайта.
Звонок и маршрут одним касанием
На смартфоне сайт часто лишь короткий путь к телефонному звонку. Тот, кто хочет позвонить, не должен переписывать или запоминать номер. Звучит очевидно, но на удивление часто не работает из-за мелочей.
- Номер телефона как ссылка: каждый номер на сайте оформлен как ссылка для звонка в международном формате, то есть с +43 или +49. Так он работает и для клиентов с иностранной SIM-картой.
- Никаких номеров в виде картинки: номер телефона в графике нельзя ни нажать, ни скопировать, а поисковые системы его не читают.
- Адрес со ссылкой на карту: нажатие на адрес открывает навигацию. Добавьте то, что помогает на месте: подъезд, этаж, звонок, парковка, ближайшая остановка.
- E-mail как ссылка: адрес, на который можно нажать, удобнее формы, если кто-то просто хочет перенести встречу.
- Указать, когда вы на связи: рядом с номером написано, когда снимают трубку. Звонок в пустоту в 18 часов раздражает больше, чем чёткое указание часов приёма звонков.

Осторожно с кнопками мессенджеров. Ссылку на WhatsApp добавить быстро, но содержание поручений не должно бездумно попадать в мессенджер. Обязанность хранить тайну и защита данных действуют уже при первом контакте. Если вы предлагаете мессенджер, то с ясным указанием, что туда не следует отправлять документы и подробности дела.
Читаемый шрифт и кнопки, по которым легко попасть
Телефоном управляют большим пальцем и часто читают на ходу. Слишком мелкий шрифт, бледный контраст и ссылки, стоящие вплотную друг к другу, делают любую страницу утомительной. Следующие значения хорошо себя зарекомендовали.
| Элемент | Ориентир | Почему |
|---|---|---|
| Основной текст | не менее 16 пикселей, межстрочный интервал около 1,5 | Читается без увеличения, даже в длинных текстах о сроках или порядке действий |
| Поля ввода | шрифт не менее 16 пикселей | Если меньше, Safari на iPhone при нажатии автоматически увеличивает поле и сдвигает страницу |
| Кнопки и ссылки | не менее 24 × 24 пикселей по WCAG 2.2, лучше около 44–48 пикселей | Apple рекомендует 44 пункта, Google для Android 48 dp; по такой цели уверенно попадаешь большим пальцем |
| Расстояние между ссылками | достаточно места, чтобы области нажатия не соприкасались | Не даёт вместо «Контакта» открыть выходные данные |
| Контраст | тёмный текст на светлом фоне, никакого светло-серого на белом | Иначе на улице при солнце почти не читается |
Хорошая читаемость одновременно часть доступности. Какие требования действуют и на кого распространяются законы о доступности в Германии и Австрии, объясняет руководство о доступном сайте канцелярии.
Меню на смартфоне
На десктопе помещается строка меню из семи пунктов, на телефоне она прячется за значок меню. Чем меньше пунктов, тем быстрее посетители находят нужное. Канцелярии обычно хватает пяти-шести основных пунктов: направления работы, команда, полезные статьи или новости, контакты, при необходимости вакансии.
Как сделать правильно
- Показывать контакты и номер телефона и в раскрытом меню
- Открывать подменю касанием, с хорошо заметной стрелкой
- Снабдить меню большой кнопкой закрытия
- Использовать слова ваших клиентов: «наследственное право», а не «планирование правопреемства»
Лучше не надо
- Меню, которые открываются только при наведении мыши
- Трёхуровневые подменю с 30 пунктами
- Прятать выходные данные или политику конфиденциальности; обе страницы должны оставаться легко доступными
- Значок меню, который почти не виден на светлом главном фото
Выходные данные (Impressum) и на телефоне должны быть легко узнаваемы и непосредственно доступны: в Австрии по § 5 ECG и § 25 MedienG, в Германии по § 5 DDG. Достаточно ссылки в подвале, которая видна на каждой странице. Какие сведения нужны для вашей профессии, описано, например, в руководствах об обязательных сведениях для адвокатов в Австрии или для налоговых консультантов в Германии.
Формы и кнопка связи
Контактная форма, которая на десктопе выглядит безобидно, на телефоне быстро становится препятствием. Каждое поле означает набор текста на маленькой клавиатуре. Запрашивайте только то, что действительно нужно для первого ответа.
Мало полей
Имя, телефон или e-mail и короткое сообщение. Подробности дела выясните в разговоре; это лучше и с точки зрения тайны, и с точки зрения минимизации данных.
Подходящая клавиатура
Поле телефона открывает цифровую клавиатуру, поле e-mail клавиатуру с @. При правильной разметке браузер сам подставляет известные данные.
Подпись над полем
Текст-подсказка внутри поля исчезает при вводе. Подпись над полем остаётся видимой и помогает программам экранного доступа.
Никаких головоломок
Капчи с картинками на телефоне настоящая мука. Невидимые методы защиты от спама отсекают большую часть спама не хуже.
Ясное подтверждение
После отправки страница чётко показывает, что сообщение получено и когда вы ответите.

Постоянно видимая кнопка связи у нижнего края экрана, например «Позвонить» и «Записаться», на сайтах канцелярий оправдана. Но она не должна закрывать содержимое или ложиться поверх подвала и выходных данных. Совсем другое дело всплывающие окна, которые при открытии заполняют весь экран: Google не рекомендует такие навязчивые межстраничные объявления, а посетители обычно закрывают их не читая. Если вы записываете клиентов онлайн, руководство об онлайн-записи описывает, как сделать это удобным на телефоне; какой должна быть страница контактов в целом, рассказывает статья о странице контактов.
PDF или страницы?
Многие канцелярии выкладывают чек-листы, памятки, информацию о гонорарах или образцы доверенностей в формате PDF. На телефоне PDF неудобен: он открывается в отдельной программе, шрифт крошечный, приходится увеличивать и прокручивать вбок. Поэтому содержимое, которое люди должны прочитать, должно быть обычной страницей на сайте. Это помогает и в Google, потому что страницу с заголовками и ссылками легче понять.
- Как страница: чек-листы к первой встрече, списки документов для налоговой декларации, порядок медиации, информация о расходах и сборах.
- Дополнительно как PDF, где это полезно: формы для печати и подписи, доверенности, памятки, которые клиенты хотят сохранить.
- Таблицы: широкие таблицы, например со сроками или сборами, на телефоне показывать списком или делать прокручиваемыми вбок, чтобы не сдвигалась вся страница.
Тестирование на реальных устройствах
Инструменты разработчика в браузере неплохо имитируют смартфон, но не заменяют проверку на реальном устройстве. Только держа телефон в руке, вы заметите, дотягивается ли большой палец до меню, читается ли текст на солнце и быстро ли страница загружается через мобильный интернет. Насколько быстра ваша страница на самом деле, описано в руководстве о скорости загрузки сайта канцелярии.
Десятиминутный тест на телефоне
- Сайт открыт на iPhone и на Android-устройстве, в том числе в горизонтальном положении
- Нажат номер телефона: начинается ли звонок?
- Нажат адрес: открывается ли навигация?
- Меню открыто, каждый пункт достигнут, меню снова закрыто
- Контактная форма полностью заполнена и отправлена с телефона
- Страницу нигде нельзя сдвинуть вбок, нет обрезанных таблиц
- Выходные данные и политика конфиденциальности доступны с каждой страницы
- Страница загружена через мобильный интернет, а не через Wi-Fi
Проверьте и то, как ваша канцелярия выглядит на телефоне ещё до клика: заголовки и описания страниц в мобильной выдаче переносятся иначе, чем на десктопе. В предпросмотре Google вы увидите оба вида рядом.
Сайт канцелярии, созданный прежде всего для телефона
Наши сайты для канцелярий с самого начала проектируются для смартфона: звонок и маршрут одним касанием, хорошо читаемый шрифт, крупные кнопки и короткие формы. Запросите бесплатный предпросмотр и сразу откройте его на своём телефоне.
Превью без обязательств: так может выглядеть сайт вашей конторы у нас.
Источники
- Google Search Central – Рекомендации по mobile-first индексированию
- Google Search Central – Как избегать навязчивых межстраничных объявлений
- web.dev – Основы адаптивного веб-дизайна
- W3C – WCAG 2.2, критерий 2.5.8 Размер цели (минимум)
- Apple – Human Interface Guidelines: Accessibility
- Android Developers – доступность приложений (цели касания 48 dp)
- IETF – RFC 3966: URI tel для телефонных номеров
- RIS – Закон об электронной коммерции (ECG) § 5
- RIS – Mediengesetz § 25 (раскрытие сведений)
- Digitale-Dienste-Gesetz (DDG) § 5



