QR-код: как создать, выбрать размер и уровень коррекции, подключить аналитику и защититься от подмены

Коротко: как сделать QR-код, который сканируется, и не навредить себе и покупателям

QR-код — это квадратная картинка, в которой закодирован текст: чаще всего ссылка, но также телефон, пароль от Wi-Fi, визитка, координаты. Для интернет-магазина и офлайн-бизнеса это самый дешёвый мост между бумагой или упаковкой и сайтом: визитка, листовка, чек, наклейка на коробке, табличка на кассе, витрина. Но у кода есть три типичных проблемы: он не сканируется (слишком мелкий, слабый контраст, нет «тихой зоны»), он ведёт не туда (длинная ссылка с ошибкой, без меток, на мёртвую страницу) и ему нельзя доверять (мошенники клеят свои коды поверх настоящих).

Я собрал данные из первоисточника технологии (Denso Wave), вики разработчиков ZXing о форматах содержимого и нескольких практических материалов. Выводы:

1. QR-код — стандарт. Он утверждён как международный стандарт ISO/IEC 18004 в июне 2000 года; компания DENSO WAVE отказалась от прав на патент для стандартизированных кодов. Ограничений на создание кодов нет.
2. Надёжность определяет уровень коррекции ошибок. Уровни L, M, Q и H восстанавливают примерно 7%, 15%, 25% и 30% кодовых слов; чем выше уровень, тем больше код. Чаще всего выбирают M.
3. Размер, контраст и тихая зона решают всё. Практические материалы называют минимум около 2 × 2 см для печати, чёткое поле вокруг кода не менее четырёх модулей и тёмный код на светлом фоне. Это рекомендации практиков, их нужно проверять на образце.
4. Код нельзя прочитать глазами, поэтому он опаснее текстовой ссылки: подмена и «квишинг» реальны.

В статье: что можно закодировать (с точным синтаксисом Wi-Fi), как выбрать уровень коррекции и размер, как оформить и напечатать, статические и динамические коды, метки UTM и аналитика, безопасность (как не стать жертвой и не подставить покупателей), SEO и QR, проверка перед тиражом, десять ошибок и PDF-чек-лист на 29 пунктов. Если нужен только генератор: генератор QR-кодов на tools.cetto.ru (ссылка, Wi-Fi, контакт, телефон, PNG и SVG, свои цвета и размер).

Основа статьи — страницы Denso Wave об уровнях коррекции и стандартах QR-кода, вики ZXing о форматах содержимого, практические материалы по размеру и печати (the-qrcode-generator.com, UQR, QRkoder), материалы по безопасности (SecurityLab, Mail.ru Финансы, Trend Micro). Материалы сервисов — рекламные, их числа (размер 2 × 2 см, правило 10:1) я называю ориентирами. Рекомендаций Роскачества и Банка России по QR-кодам я не нашёл. Оплата по QR (СБП) — отдельная регулируемая тема, и здесь я её не разбираю.

Что можно закодировать

В QR-коде хранится текст в определённом формате; читалка телефона решает, что с ним делать. Вики ZXing перечисляет основные форматы:

Пример Wi-Fi из вики: WIFI:T:WPA;S:mynetwork;P:mypass;;. Перед подключением читалка должна запросить подтверждение у пользователя. Пароль в коде лежит в открытом виде: любой, кто отсканирует, увидит его, поэтому для публичной сети используйте отдельную гостевую сеть. Емкость кода: до 7 089 цифр, 4 296 буквенно-цифровых символов, 2 953 байт; размер от 21 × 21 до 177 × 177 модулей. Чем длиннее содержимое, тем плотнее код и тем крупнее он должен быть при печати.

Уровень коррекции ошибок и размер

По страницам Denso Wave, чем выше уровень, тем больше дополнительных данных в коде и тем крупнее он становится, поэтому «ставить H везде» не нужно. Практический выбор: M для обычной печати, Q или H для уличных наклеек и упаковки, где код пачкается и царапается, или если вы кладёте логотип в центр (логотип закрывает часть модулей).

Размер: практические материалы называют минимум около 2 × 2 см для печати и 2,5–3 см для плотных кодов (длинная ссылка, vCard); для расчёта по дальности сканирования упоминается правило 10:1 (размер ≈ расстояние ÷ 10). Для визитки расстояние около 25 см даёт примерно 2,5 см. Для стенда, витрины или плаката размер увеличивают пропорционально расстоянию. Это ориентиры сервисов; решайте по тестовому оттиску.

Как оформить и напечатать

• Тихая зона. Свободное поле вокруг кода не менее четырёх модулей. Не ставьте рядом текст, рамки и узоры.
• Контраст. Тёмный код на светлом фоне. Белый код на чёрном (инверсия), светлые пастельные и кремовые фоны могут не читаться при некоторых условиях освещения.
• Растяжение и искажения. Не растягивайте картинку пропорционально-неравномерно; не накладывайте код на фото и сложные текстуры.
• Логотип в центре. Допустим при высоком уровне коррекции (Q или H) и небольшом размере логотипа; обязательно проверьте.
• Файл для типографии. SVG (вектор) или PNG высокого разрешения (материалы сервисов называют не менее 300 DPI в финальном размере). Векторный файл надёжнее для печати и масштабирования.
• Подпись-призыв. Рядом короткая фраза: «Наведите камеру: скидка», «Wi-Fi гостям». Люди сканируют, когда понимают зачем.
• Поверхность. Блестящая или изогнутая поверхность дает блики; матовая бумага надёжнее.
• Размещение. На визитке — на обороте или в свободном углу, подальше от сгибов и краёв.

Перед тиражом напечатайте образец на реальном материале и проверьте на нескольких телефонах в обычном освещении (совет UQR).

Статический или динамический код

Динамические коды удобны для метрик и смены ссылок, но сервисы продают их по подписке, и то, что код «никогда не истекает», — формулировка рекламной страницы, которую надо проверять в условиях. Надёжная схема для бизнеса: статический код со ссылкой на ваш домен, а перенаправление (если нужно менять цель) настроено на вашем сайте. Тогда вы контролируете адрес и не зависите от чужого сервиса. Подробнее о коротких и постоянных адресах: «ЧПУ».

Метки UTM и аналитика

Код из офлайна приводит людей на сайт; чтобы понять, сколько и откуда, нужна разметка. Проще всего вести на отдельную короткую страницу или адрес с метками UTM: ?utm_source=qr&utm_medium=offline&utm_campaign=vizitka. Но длинная ссылка делает код плотнее. Решение: короткий адрес вида /qr/vizitka/ на вашем сайте, который перенаправляет на целевую страницу с метками (серверный редирект 302 или 301 по задаче). Как строить метки без путаницы: «UTM-метки», инструменты генератор UTM, массовая разметка. В Метрике задайте цели и смотрите визиты по источнику: «Цели в Метрике», а связь с заказами — в сквозной аналитике.

Если вы закрываете страницу-перенаправление от индексации или не хотите, чтобы она попадала в поиск, настройте noindex или закройте раздел в robots.txt: «Noindex». Проверьте коды ответа цепочки: коды ответа.

Безопасность: квишинг и как не подвести покупателей

QR-код нельзя прочитать глазами, поэтому он опаснее текстовой ссылки (lock.pub). Мошенническая схема называется «квишинг» (фишинг через QR). По отраслевым материалам, известны случаи, когда на парковочные счётчики, паркоматы, станции аренды самокатов и зарядки электромобилей клеили стикеры с поддельными QR-кодами, ведущими на поддельные платёжные страницы; такие случаи фиксировались и в городах России и СНГ (SecurityLab, lock.pub). Рассылают также QR-коды со взломанных аккаунтов и письма с QR под видом запросов двухфакторной аутентификации. Официальных рекомендаций Роскачества и Банка России я не нашёл, поэтому ниже общие меры, которые приводят отраслевые материалы.

Для вас как для владельца

• Размещайте коды там, где к ним нет свободного доступа, и периодически проверяйте, что поверх не наклеили чужой код (особенно на витринах, табличках у кассы, на улице).
• Ведите на свой домен по HTTPS и на страницу, которая выглядит как ваш сайт: покупатели смотрят на адрес.
• Не кодируйте пароли и платёжные данные в публичных кодах; для Wi-Fi делайте гостевую сеть.
• Не используйте сторонние сокращатели без необходимости: покупатели не могут увидеть конечный адрес.
• Подпишите, что ведёт код, чтобы людям было ясно ожидание.
• Если код ведёт на оплату, оплата должна проходить на странице вашего платёжного провайдера, адрес которого понятен; регулируемые способы оплаты по QR (например, СБП) согласуйте с банком.

Для покупателей (что можно написать рядом)

• Проверяйте адрес, который показывает телефон, перед открытием.
• Не вводите платёжные данные по неясной ссылке; безопаснее оплачивать через официальное приложение (совет эксперта в Mail.ru Финансы).
• Сокращённые ссылки и опечатки в доменах известных организаций — признак подделки.

QR-код и SEO

• Прямого влияния на ранжирование QR-код не имеет. Это источник визитов и поведенческих данных, а не сигнал для поисковика.
• Целевая страница должна быть мобильной: почти все сканируют с телефона. Проверьте скорость и адаптивность: проверка мобильной версии, «Аудит скорости».
• Целевая страница отдаёт код 200, не закрыта по ошибке и не требует лишних действий: коды ответа.
• Не размещайте QR-код вместо текстовой ссылки на сайте: код — картинка, поисковик по нему не перейдёт, а тексту ссылки нужен обычный тег a: «Ссылки на странице».
• Если код встроен в изображение на сайте, добавьте alt и подпись с адресом в тексте.

Проверка перед тиражом

1. Проверьте содержимое: перейдите по ссылке, проверьте HTTPS, код 200, отсутствие редиректов-цепочек: цепочки редиректов.
2. Проверьте отображение на телефоне: страница адаптивна, быстро открывается.
3. Отсканируйте код с экрана и с распечатки на разных телефонах (iPhone и Android), разных расстояниях и при разном освещении.
4. Проверьте размер и тихую зону на реальном образце.
5. Проверьте метки и аналитику: визит с меткой появляется в Метрике.
6. Согласуйте макет с типографией (цвета, DPI, векторный файл, материал).
7. Назначьте проверку после тиража: раз в квартал ходите по кодам и проверяйте страницы.

Десять частых ошибок

1. Слишком мелкий код или плохой контраст.
2. Нет тихой зоны или рядом с кодом текст и узоры.
3. Длинная ссылка с метками, делающая код плотным и нечитаемым.
4. Инвертированные цвета и светлые пастельные фоны.
5. Растянутая или размытая картинка низкого разрешения.
6. Не проверили на нескольких телефонах и в реальном освещении.
7. Код ведёт на мёртвую или непригодную для мобильных страницу.
8. Динамический код у стороннего сервиса без понимания условий и без запасного плана.
9. Пароль и платёжные данные в открытом виде.
10. Не следят за наклейками поверх вашего кода и за доступностью страницы.

Как использую QR-коды в проверке сайта я

QR-коды напрямую в SEO-аудит не входят, но целевые страницы, на которые они ведут, — входят: я проверяю мобильную версию, скорость, коды ответа, редиректы, метки и аналитику и даю приоритетный план. Результат: PDF-отчёт на 30–50 страниц, технические задания для программистов, прогноз по трафику и заявкам и созвон, на котором я лично расскажу о найденных ошибках и отвечу на вопросы. Стоимость от 30 000 ₽, срок 3–5 рабочих дней для небольшого сайта и 7–10 для крупного магазина.

Итоговый чек-лист (короткая версия, полная в PDF)

• Содержимое выбрано правильно: ссылка на ваш домен по HTTPS, короткая и без лишнего.
• Уровень коррекции подходит условиям (M для печати, Q или H для наклеек и логотипа).
• Размер не менее 2 × 2 см, тихая зона, тёмный код на светлом фоне, векторный файл.
• Образец проверен на нескольких телефонах и в разном освещении.
• Метки и цели настроены; целевая страница быстрая и мобильная.
• Безопасность: нет паролей и платёжных данных в открытом виде, коды не подменены.

Об автореВладимир Родионов

Интернет-маркетолог, частный SEO-специалист cetto.ru. 10+ лет в IT, 200+ реализованных проектов, сертификация Яндекса и Google.

Все статьи автора →Задать вопрос в Telegram →