Как сделать QR-код сайта в 2026: генератор, печать и метки

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

Статический или динамический: с чего начинается выбор

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

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

• Небольшой тираж, адрес точно не изменится (визитка, наклейка на дверь, подпись в презентации): берите статический.
• Дорогая или долгоживущая печать (вывеска, витрина, тираж листовок, наклейка на товаре): динамический, но у сервиса, за который вы готовы платить годами.
• Нужна статистика сканирований: динамический либо статический код на свою ссылку с меткой, статистику тогда покажет счётчик сайта.

Есть третий вариант, часто удобнее обоих. Вы делаете статический код на короткий адрес внутри своего сайта, например на страницу вида /qr, и уже с неё настраиваете перенаправление куда угодно. Цель можно менять сколько угодно, посредник не нужен, а короткий адрес заодно даёт компактный рисунок кода. Как устроены такие адреса, разбирали в материале про адрес сайта и его короткие пути.

Где сгенерировать QR-код бесплатно

Генераторов сотни, отличаются они не качеством картинки (стандарт один на всех), а тем, что вы получаете бесплатно и что происходит потом.

• STQR: российский сервис, статические коды делает без регистрации и без ограничения по количеству, на бесплатном тарифе даёт ещё три динамических кода, платные начинаются от 160 ₽ в месяц.
• QR Code Generator: удобный редактор с логотипом и цветами, но динамические коды там доступны в рамках 14-дневного пробного периода, дальше по подписке.
• API от goQR.me: не сайт, а адрес вида https://api.qrserver.com/v1/create-qr-code/, который отдаёт готовую картинку. Пригодится, когда код нужно вставить на страницу или сгенерировать сразу много штук.
• Библиотеки для своего проекта: qrcode для обычной генерации и qr-code-styling, если нужны фирменные цвета и логотип.

Одна ловушка касается старых инструкций. В них часто встречается генератор Google на адресе chart.googleapis.com: картинки QR через него отключены, и если вы встроили такой код на сайт, вместо картинки будет пусто. Проверьте свои старые страницы.

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

По теме: Как сделать сайт одноклассников в 2026: встреча выпускников

Как сделать QR-код сайта пошагово

1. Выберите адрес. Ведите не на главную «вообще», а на страницу, ради которой человек сканирует: меню, прайс, запись, конкретная услуга.
2. Проверьте адрес на телефоне. Откройте его в браузере смартфона: страница должна работать по https и нормально читаться на маленьком экране.
3. Добавьте метку. Допишите к ссылке utm-параметры, чтобы потом отличить сканирования от остального трафика (как именно, разбираем в следующем разделе).
4. Сгенерируйте код. Тип содержимого выбирайте «Ссылка» или «URL», уровень коррекции ошибок оставьте M, а если кладёте логотип в центр, поднимите до H.
5. Скачайте в векторе. SVG, EPS или PDF масштабируются без потери качества, PNG годится только для экрана и мелкой печати.
6. Проверьте на двух телефонах. Обязательно на iPhone и на Android, и не только с монитора, а с распечатанного листа: экран прощает ошибки, бумага нет.
7. Подпишите код. Рядом должна быть строка, ради чего сканировать: «Меню и цены», «Записаться на приём», «Инструкция к прибору». Голый квадрат без подписи сканируют заметно реже.

Сканировать будут штатной камерой: на iPhone это умеет приложение «Камера» (инструкция Apple), на Android код читает камера или Google Объектив. Рассчитывать надо именно на такое чтение: быстрое, с руки, при случайном освещении.

Размер, контраст и печать: чтобы код читался

Большинство нерабочих кодов ломается не в генераторе, а в макете. Правила простые и проверяемые линейкой.

• Минимальный размер для печати 2×2 см, это общая рекомендация для визиток, листовок и меню, которые сканируют с расстояния до 30 см.
• Для всего остального работает правило 10:1: сторона кода примерно в десять раз меньше расстояния, с которого его будут сканировать. Метр до витрины означает код стороной около 10 см.
• Вокруг кода нужно чистое поле шириной минимум в четыре модуля (модуль это один маленький квадратик), так требует стандарт ISO/IEC 18004. Обрезанный вплотную код камера не находит.
• Тёмные модули на светлом фоне, без инверсии. Белый код на чёрном многие штатные камеры читают ненадёжно, а часть просто не видит.
• Никакого пёстрого фото под кодом, градиентов поперёк модулей и растягивания по одной оси: квадрат должен остаться квадратом.
• Глянец и ламинация бликуют. Если код на упаковке или витрине, попросите матовое покрытие или разместите его там, где нет прямого отражения.

Уровень коррекции ошибок отвечает за то, сколько повреждений код переживёт. Уровней четыре (L, M, Q, H), самый ходовой M восстанавливает около 15% данных, а самый стойкий H примерно 30%, поэтому именно он нужен, когда в центр кладут логотип. Плата за стойкость: рисунок становится плотнее, а значит требует большего физического размера.

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

По теме: Как сделать безопасный сайт в 2026: чек-лист для сайта на ИИ

Метка в ссылке и куда вести человека

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

https://example.ru/menu?utm_source=qr&utm_medium=offline&utm_campaign=vitrina
https://example.ru/menu?utm_source=qr&utm_medium=offline&utm_campaign=listovka_avgust

Смысл в последнем параметре: своя кампания на каждый носитель. Тогда в отчёте видно, что витрина приносит переходы, а листовки нет, и деньги на печать перестают уходить вслепую. Длинная ссылка делает рисунок плотнее, и здесь снова выручает короткий адрес на своём домене с перенаправлением на вариант с метками.

Отдельно про цель. Ведите на страницу, а не на PDF-файл: файл тяжело открывается на телефоне, его нельзя обновить после печати, в нём не работает счётчик и нет ни одной кнопки. Обычная страница решает всё это сразу, если она нормально смотрится на смартфоне (про это у нас есть разбор про мобильную версию сайта) и на ней есть, что сделать: позвонить, записаться, оставить заявку. Как довести заявку до почты или Telegram, показывали в статье про сайт с формой.

QR-блок прямо на своей странице

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

<img src="https://api.qrserver.com/v1/create-qr-code/?size=240x240&data=https%3A%2F%2Fexample.ru%2Fqr"
     width="240" height="240" alt="QR-код на страницу example.ru">

Цена такого решения: картинка каждый раз тянется с чужого сервера, и если тот недоступен, у вас на странице дыра. Второй способ надёжнее, код рисует библиотека прямо в браузере. Писать это руками не нужно, задачу проще поставить ИИ-помощнику. Промпт получается такой.

Добавь на страницу блок с QR-кодом: слева квадрат 240x240 с кодом на адрес
https://example.ru/qr, справа заголовок «Откройте на телефоне» и подпись в одну строку.
Код рисуй в браузере библиотекой qrcode, без обращения к сторонним сервисам.
Уровень коррекции M, поле тишины вокруг кода оставь, цвет модулей #111111 на белом фоне.
На экранах уже 600px блок становится вертикальным. Покажи готовый файл целиком.

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

Частые вопросы

Можно ли поменять ссылку в уже напечатанном QR-коде?

Напрямую только в динамическом коде, там адрес меняется в кабинете сервиса. Со статическим кодом трюк другой: если он ведёт на страницу вашего сайта, вы просто настраиваете на ней перенаправление на новый адрес. Именно поэтому статический код на свой домен гибче, чем кажется.

Есть ли у QR-кода срок действия?

У самой картинки нет, сам по себе код не истекает. Перестать работать он может по двум причинам: закрылся сайт, на который он ведёт, или закончилась оплата сервиса, если код динамический. Проверяйте напечатанные коды хотя бы раз в квартал.

Можно ли поставить логотип в центр?

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

Почему код не сканируется?

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

А если сайта нет, можно вести на Telegram или мессенджер?

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