QR-код на сайт: как сделать и где разместить, чтобы его сканировали

Что такое QR-код со ссылкой на сайт

QR-код — двумерный штрихкод из чёрных и белых квадратиков. Внутри может быть текст, номер телефона, данные для подключения к Wi-Fi, реквизиты для оплаты. Чаще всего — URL, то есть адрес страницы. Что такое URL и из каких частей он состоит, мы разбирали в статье URL что это.

Современные телефоны читают QR-коды встроенной камерой без отдельных приложений: навели камеру — появилась кнопка с адресом. Поэтому барьер для клиента минимальный. Но и ошибки дорогие: код, напечатанный тиражом 5 000 визиток, уже не исправить.

Как сделать QR-код на сайт бесплатно

Есть три простых способа.

Главный подводный камень бесплатных генераторов: многие из них при создании кода подменяют ваш адрес своей короткой ссылкой. Код работает, пока работает сервис. Через полгода бесплатный период кончается, и код с тиражом листовок ведёт на страницу «Оплатите подписку» или на рекламу. Перед скачиванием проверьте: отсканируйте код и посмотрите, какой адрес открывается. Если там чужой домен — это динамический код.

Пошагово: QR-код со ссылкой на сайт

1. Определите страницу, на которую поведёт код. Не главную, а ту, что отвечает на ожидание человека: меню, прайс, запись, акция.
2. Сделайте для неё короткий адрес на своём сайте, например /qr/ или /menu/.
3. Добавьте UTM-метки, например ?utm_source=qr&utm_medium=offline&utm_campaign=vizitki.
4. Вставьте полный адрес в генератор, выберите формат SVG или PDF для печати и PNG для экрана.
5. Выберите уровень коррекции ошибок M или Q — о нём ниже.
6. Скачайте и отсканируйте код тремя разными телефонами, включая старый.
7. Только потом отправляйте макет в печать.

Статический или динамический QR-код: что выбрать

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

Куда вести человека после скана

Самая частая ошибка, которую мы видим: QR-код на витрине или упаковке ведёт на главную страницу сайта. Человек отсканировал код, стоя на улице, с конкретным вопросом. Ему нужно меню, цена или кнопка записи. На главной он видит слайдер с миссией компании и закрывает вкладку.

Куда вести в зависимости от места:

Страница после скана открывается на телефоне, поэтому проверять её нужно с телефона: крупный шрифт, кнопка на первом экране, никаких всплывающих окон, которые закрывают всё. Если человек отсканировал код и через три секунды не понял, туда ли попал, вы его потеряли. Это та же задача, что и у рекламы, — и решается она одинаково: первым экраном.

Если у вас уже висят QR-коды, а заявок с них почти нет, начните с того, что человек видит после скана.

Размер, цвет и уровень коррекции: технические правила

Размер

Рабочее правило из практики печати: сторона кода — не меньше 2 см для визитки, которую держат в руке. Для дальних расстояний — примерно одна десятая расстояния сканирования: если витрину сканируют с двух метров, кодом нужна сторона около 20 см. Это ориентир, а не стандарт: проверяйте на макете в реальном масштабе.

Поле вокруг кода

Вокруг QR-кода должна быть пустая светлая рамка — «тихая зона». По стандарту она шириной в четыре модуля, то есть в четыре маленьких квадратика кода. Дизайнеры любят вписывать код вплотную к краю или в узор — и телефон перестаёт его видеть.

Цвет

Тёмный код на светлом фоне. Можно в фирменном цвете, если он достаточно тёмный. Инвертированный код — светлый на тёмном — часть старых телефонов не читает. Глянцевая плёнка поверх кода даёт блики под лампами: для витрин и меню лучше матовая.

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

QR-код хранит данные с запасом, чтобы читаться даже при частичном повреждении. Уровней четыре: L восстанавливает около 7% повреждённых данных, M — около 15%, Q — около 25%, H — около 30%. Чем выше уровень, тем плотнее и мельче узор при той же длине ссылки.

Для визиток и экрана хватает M. Для упаковки, которую мнут, и для наклеек на улице — Q. Логотип в центре кода требует H: логотип закрывает часть данных, и код держится только на запасе.

Длина ссылки

Чем длиннее адрес, тем мельче квадратики, тем хуже код читается на маленьком носителе. Ссылка с пятью UTM-метками даёт плотный узор. Ещё одна причина делать короткий адрес на своём сайте: /qr-v/ с перенаправлением на длинный адрес с метками внутри.

Где разместить QR-код, чтобы его сканировали

Код сканируют, когда у человека есть причина и время. Причина — подпись. Время — место, где человек и так стоит или сидит.

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

Подпись решает больше, чем дизайн. Сравните:

• «Наш сайт» — непонятно, зачем сканировать.
• «Цены на все услуги» — понятно, что получу.
• «Запишитесь без звонка за 30 секунд» — понятна выгода и время.
• «Скидка 10% на первый заказ — только по этому коду» — понятна выгода и есть повод сделать это сейчас.

Мы советуем ставить рядом с кодом ещё и короткий адрес текстом, например site.ru/menu. Часть людей наберёт руками, а кто-то сфотографирует табличку, чтобы зайти позже.

Как считать сканы QR-кода в Метрике

Без меток все переходы по QR-коду попадают в Метрике в «Прямые заходы» — вместе с теми, кто набрал адрес руками или открыл закладку. Поэтому к каждому коду добавляем свою метку:

• utm_source=qr — источник;
• utm_medium=offline — канал;
• utm_campaign=vitrina или vizitki, upakovka, menu — место размещения.

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

Условный пример: стоит ли печатать новую партию листовок

Пример условный, не кейс студии. Студия растяжки раздаёт листовки у метро и разместила код на витрине. За месяц в Метрике:

Листовка дала заявку за 3 000 ₽, табличка на витрине — меньше чем за 100 ₽. Без меток оба канала слились бы в «прямые заходы», и владелец продолжил бы печатать листовки. С метками решение очевидно: деньги — в витрину и в стойку администратора.

QR-код для оплаты и отзывов: два частых сценария

Оплата по QR. Хвост запроса «оплата по qr» — про Систему быстрых платежей. Такой код создаётся не в генераторе, а в кабинете вашего банка или платёжного сервиса: в нём зашифрованы реквизиты получателя и иногда сумма. Покупатель сканирует его приложением своего банка и подтверждает перевод. Статический код подходит для таблички на кассе, динамический с суммой — для конкретного заказа. Комиссия, как и для оплаты по СБП на сайте, по решению Банка России — от 0 до 0,7% в зависимости от вида деятельности и не больше 1 500 ₽ за операцию. Подробнее об оплате на сайте — в статье интернет-эквайринг.

QR на отзывы. В Яндекс Бизнесе есть готовые промоматериалы: QR-код, в котором зашифрована ссылка на профиль организации и форму оценки, а также макеты визиток и пирамидок для печати. Ставьте такой код на чек, пакет или стойку — туда, где клиент уже получил результат.

Частые ошибки с QR-кодами

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

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