Коротко: meta viewport — служебная строка в коде страницы, которая говорит смартфону: «ширина сайта = ширине экрана, показывай адаптивную версию». Без неё телефон показывает уменьшенную копию «компьютерного» сайта, которую надо увеличивать пальцем.
Что это значит на практике
Свыше 70% посетителей приходят с телефонов. Строка <meta name="viewport" content="width=device-width, initial-scale=1"> — переключатель: с ней сайт подстраивается под экран (кнопки крупные, текст читается), без неё — посетитель видит весь сайт как с вертолёта и выцеливает ссылки двумя пальцами. Один тап мимо — и человек ушёл к конкуренту, чей сайт удобно читать.
Отсутствие viewport обычно означает, что сайт и правда не адаптирован под мобильные (или адаптирован частично) — строка тут симптом, а не болезнь. Google индексирует сайты в первую очередь по мобильной версии: неадаптированный сайт теряет позиции на всех мобильных запросах, а это большинство.
Почему это важно
- Google использует mobile-first индексацию: ранжирование идёт по мобильной версии сайта.
- Поведенческие: неудобный мобильный сайт = мгновенный возврат в поиск = минус к позициям.
- Для локального бизнеса (клиники, услуги) мобильный трафик — основной: люди ищут «рядом» с телефона.
Пример
Было: на телефоне сайт открывается уменьшенным, текст читается после двойного тапа. Стало: добавлен viewport и адаптивная вёрстка — посетитель читает и записывается с первого раза.
Как исправить
- Откройте сайт на телефоне: если надо «раздвигать» экран — проблема есть.
- Проверьте наличие строки
<meta name="viewport"...>в коде страницы (Ctrl+U). - Добавление viewport — правка на 1 минуту для разработчика, но это лишь переключатель: если сайт в принципе не адаптивен, нужна доработка вёрстки.
- Проверьте результат в Google PageSpeed Insights (раздел «Удобство для мобильных»).