• Главная
  • Блог
  • Как сделать QR-код на сайт: бесплатно, за минуту и без ошибок при печати
Назад

Как сделать QR-код на сайт: бесплатно, за минуту и без ошибок при печати

Как сделать QR-код на сайт: бесплатно, за минуту и без ошибок при печати

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

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

Коротко: откройте нужную страницу сайта в Chrome или Microsoft Edge и создайте QR-код через меню браузера — это бесплатно и без регистрации. Делайте статический код на свой домен: динамический код генератора перестаёт работать, когда заканчивается подписка или пробный период. Добавьте к ссылке метку utm_medium=qr — переходы появятся в Яндекс Метрике. Печатайте тёмный код на светлом фоне с белым полем вокруг и перед тиражом проверьте его на нескольких телефонах.

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

Внутри QR-кода нет картинки сайта — только текст адреса, например https://site.ru/akcii/. Телефон распознаёт код, показывает адрес и по нажатию открывает страницу. Когда в запросах пишут «QR-ссылка», имеют в виду то же самое: код, внутри которого записана ссылка.

QR-код придумала японская компания Denso Wave в 1994 году. Как он устроен, описывает международный стандарт ISO/IEC 18004 — действующая редакция вышла в 2024 году, — а в России действует ГОСТ Р ИСО/МЭК 18004-2015. Название «QR Code» — товарный знак Denso Wave, но защищено только слово, а не сам рисунок кода: разрешение и плата за использование QR-кода не нужны.

Какую страницу закодировать

Самая частая ошибка — вести код на главную страницу. Человек отсканировал листовку с акцией, попал на главную, и акцию ему нужно искать заново — многие на этом уходят. Ведите код туда, где человек сразу получит то, ради чего сканировал.

Где кодКуда вести
ВизиткаСтраница «Контакты» или «О компании»
Листовка, купонСтраница акции или нужный раздел каталога
Упаковка, вкладышИнструкция, гарантия, отзывы или повторный заказ
Меню, стол в кафеМеню и заказ
Витрина, дверь магазинаКаталог, часы работы, запись
Чек, коробка доставкиФорма отзыва или бонус на следующий заказ
Баннер, транспортГлавная или короткая страница с одним предложением: у человека есть несколько секунд

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

  • Начинается с https://. На сайтах без HTTPS браузер показывает предупреждение «Не защищено», и человек, который пришёл по коду, увидит его первым.
  • Нет лишнего хвоста. Если страница открыта из рекламы или рассылки, в адресе бывают служебные параметры вроде yclid или номера сессии. Их нужно удалить.
  • Адрес короткий и на латинице. Чем длиннее ссылка, тем плотнее и мельче код. Русские буквы в адресе обычно превращаются в длинные последовательности вида %D0%BA — по шесть символов на букву.

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

Способ 1. В браузере, без сторонних сервисов

Самый быстрый и надёжный способ — попросить браузер. Он записывает в код адрес страницы как есть, без чужих коротких ссылок, поэтому такой код не перестанет работать. По официальной справке Google и Microsoft это делается так:

  • Chrome на компьютере: откройте страницу → меню «⋮» → «Транслировать, сохранить, поделиться» → «Создать QR-код» → «Скачать».
  • Chrome на Android: «⋮» → «Поделиться» → значок QR-кода → «Скачать».
  • Chrome на iPhone и iPad: «Поделиться» → «Создать QR-код».
  • Microsoft Edge на компьютере: щёлкните правой кнопкой мыши по пустому месту страницы и выберите создание QR-кода.
  • Safari: встроенной кнопки нет. Откройте страницу в Chrome или воспользуйтесь действием «Создать QR-код» в приложении «Команды».

Если нужна статистика переходов, сначала допишите к адресу метки (как — в разделе про Метрику ниже), откройте страницу по новому адресу и только потом создавайте код.

Способ 2. В онлайн-генераторе

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

  • Код статический: в него записан адрес вашего сайта, а не короткая ссылка сервиса. Проверить просто: отсканируйте готовый код — камера должна показать адрес вашего сайта.
  • Без регистрации и пробного периода. Если сервис просит завести аккаунт, скорее всего, он делает динамический код — чем это грозит, разберём ниже.
  • Можно скачать SVG или PDF. Векторный файл не теряет качество при увеличении.
  • Без водяных знаков и рекламы на картинке.

Если код делается в генераторе QR-кодов Яндекса, метка для Метрики добавляется в ссылку автоматически — так сказано в справке Метрики.

Способ 3. В конструкторе сайта

В некоторых конструкторах в настройках страницы есть кнопка «Сохранить ссылку как QR-код». В BITCAT такой кнопки нет — пользуйтесь браузером или генератором, результат будет тем же.

QR-код для визитки: ссылка или контакты

На визитке код обычно ведёт на страницу «Контакты»: человеку нужны телефон, адрес и мессенджер. Есть и другой вариант — код в формате vCard: в него записываются сами контакты, и телефон предлагает сохранить их в адресную книгу. Но это уже не ссылка на сайт, и переходы по нему не посчитать. Размер кода для визитки — от 2–2,5 см при короткой ссылке. Что ещё стоит разместить на сайте для визитки, мы разобрали в статье «Сайт-визитка для бизнеса».

Как разместить QR-код на самом сайте

QR-код иногда ставят и на сам сайт — на страницу «Контакты» или в карточку товара. Посетитель с компьютера наводит телефон и продолжает уже на смартфоне: звонит, строит маршрут, оформляет заказ. Код вставляется как обычная картинка. На BITCAT это делается в режиме редактирования: «+» → «Добавить объект» → «Insert файл» → «Загрузить», затем картинка вставляется в текст — пошаговая инструкция есть в базе знаний. Рядом подпишите, куда ведёт код.

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

Генераторы предлагают два вида кодов, и разница между ними важнее, чем кажется.

СтатическийДинамический
Что записано в кодеАдрес вашей страницыКороткая ссылка сервиса, которая перенаправляет на ваш сайт
Можно ли поменять ссылку после печатиНет, но можно поменять содержимое страницы или поставить пересылкуДа, в кабинете сервиса
СтатистикаВизиты — по меткам в МетрикеСканирования — в кабинете сервиса
ЦенаБесплатноПо подписке, бесплатно — с ограничениями по сроку или числу сканирований
Если сервис отключит кодНе зависит от сервиса: работает, пока работает страницаПерестаёт открывать сайт

Динамический код удобен, но в нём записана ссылка генератора, а не ваша. Пока подписка оплачена, сервис перенаправляет людей на сайт. Когда пробный период или тариф заканчивается, перенаправление отключается — и весь тираж визиток или листовок ведёт в никуда. Крупные генераторы прямо пишут об этом в своих условиях и справке. На сайте отзывов у одного из самых известных таких сервисов рейтинг 1,3 из 5 при более чем 9 тысячах отзывов, и большинство свежих жалоб — на коды, которые отключились после пробного периода, и на неожиданные списания за подписку.

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

  • Отдельная страница под код. Создайте страницу с коротким адресом, например site.ru/qr, и напечатайте статический код на неё. Содержимое страницы можно менять когда угодно, а код останется прежним. На BITCAT адрес новой страницы задаётся в поле «URL страницы» при создании раздела.
  • Пересылка при переезде. Если страница, на которую ведёт напечатанный код, переехала, поставьте со старого адреса постоянную пересылку — редирект 301. В BITCAT для этого есть раздел «Пересылки» в настройках сайта. Если у вас он выключен, его включает техподдержка.
  • Статистика по меткам в Яндекс Метрике — о ней следующий раздел.

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

Чтобы знать, сколько людей пришло по коду, платный сервис не нужен. В Яндекс Метрике с 2022 года есть отдельный источник трафика — переходы по QR-кодам. Чтобы визит попал туда, добавьте к ссылке UTM-метку utm_medium со значением qr или qrcode — так рекомендует справка Метрики. Чтобы различать носители, добавьте ещё utm_source, а для акций — utm_campaign.

НосительСсылка для кода
Визиткаsite.ru/kontakty/?utm_medium=qr&utm_source=vizitka
Листовка с акциейsite.ru/akcii/?utm_medium=qr&utm_source=listovka&utm_campaign=otkrytie
Упаковкаsite.ru/otzyvy/?utm_medium=qr&utm_source=upakovka
Витринаsite.ru/katalog/?utm_medium=qr&utm_source=vitrina

Правила простые:

  • первая метка ставится после знака «?», следующие — через «&»;
  • только латиница и цифры, без пробелов, строчными буквами: Метрика различает регистр, и «Vizitka» и «vizitka» станут разными источниками;
  • одна метка — один носитель: если у визитки и листовки одинаковые метки, не понять, что из них работает;
  • метки делайте короткими: каждый символ делает код плотнее.

Данные смотрите в отчёте «Источники, сводка» и в отчёте по UTM-меткам. Учтите, что Метрика считает визиты, а не сканирования: если человек отсканировал код, но закрыл страницу до загрузки, в отчёт он не попадёт. Точное число сканирований показывает только сервис динамических кодов — ценой зависимости от него.

Конечно, на сайте должен стоять счётчик Метрики. На BITCAT его код вставляется в настройках сайта, в поле для кодов счётчиков, — эта возможность есть с тарифа Start. Как ещё Метрика помогает новому магазину, мы рассказывали в статье «Как продвигать новый интернет-магазин».

Какого размера печатать QR-код

Ни стандарт, ни создатели QR-кода не задают размер в сантиметрах: они советуют печатать код как можно крупнее. На практике размер зависит от двух вещей — с какого расстояния будут сканировать и сколько информации записано в коде.

Размер по носителям

НосительРасстояниеСторона кода без белого поля
Визитка15–25 см2–2,5 см при короткой ссылке, от 3 см — с метками или логотипом
Листовка, меню, наклейка на упаковку20–40 см3–4 см
Плакат, витрина1–2 м10–20 см
Баннер, вывеска, транспорт3–10 мОт 30 см до 1 м

Генераторы советуют делать сторону кода примерно в 10 раз меньше расстояния, с которого его будут сканировать. Это правило из практики, а не норма: многое зависит от камеры телефона. Поэтому последнее слово — за тестом.

Чем длиннее ссылка, тем мельче детали

QR-код состоит из квадратиков — модулей. Чем длиннее ссылка, тем больше модулей нужно и тем они мельче при том же размере кода. Мы посчитали по таблицам ёмкости Denso Wave, как меняется код шириной 2,5 см:

Что в кодеМодулейМодуль при ширине 2,5 см
Короткий адрес, около 20 символов: site.ru/qr25×251 мм
Адрес страницы, около 50 символов33×330,76 мм
Адрес страницы с тремя метками, около 100 символов41×410,61 мм
То же с логотипом в центре57×570,44 мм

Расчёт для уровня коррекции M, с логотипом — для уровня H. При одинаковой ширине модуль кода на короткий адрес в 2,3 раза крупнее, чем у кода на длинную ссылку с метками и логотипом, поэтому он читается с большего расстояния и слабой камерой. Для маленьких носителей ведите код на короткий адрес, а логотип ставьте только туда, где код можно сделать крупнее.

Белое поле вокруг

Вокруг кода обязательно оставляют чистое поле шириной 4 модуля с каждой стороны — без текста, рамок и картинок. Это требование создателей QR-кода. Многие генераторы уже включают поле в картинку: если обрезать его в макете или поставить текст вплотную, код может перестать читаться.

Цвет и контраст

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

Логотип в центре

Логотип в центре не ломает код, потому что у кода есть запас на повреждения. Уровней коррекции ошибок четыре — L, M, Q и H, они восстанавливают примерно 7, 15, 25 и 30% данных. Для кода с логотипом выбирайте H. Но 30% — это доля данных, а не площади, и тратить весь запас на логотип не стоит: держите его примерно в пределах пятой части кода, не задевайте три больших квадрата по углам и обязательно проверьте результат на телефонах.

Файл для печати и экрана

Для типографии сохраняйте код в SVG или PDF: векторный файл можно увеличить без потери качества. PNG не растягивайте в редакторе — квадратики искажаются, и код читается хуже. Рядом с кодом напишите, что откроется — «Каталог на сайте», «Оставить отзыв», — и продублируйте адрес текстом. Если код показываете на экране или слайде, держите его на экране хотя бы несколько секунд и проверьте, читается ли он с последних рядов.

Как проверить QR-код перед печатью

  1. Ссылка открывается с телефона, по HTTPS, и ведёт на нужную страницу, а не на главную.
  2. Страница удобна на смартфоне: по коду почти все приходят с телефона.
  3. Код статический или подписка на сервис оплачена на весь срок жизни тиража.
  4. Вокруг кода белое поле, текст не стоит вплотную, код не растянут и не обрезан.
  5. Код проверен на 3–4 телефонах — iPhone и Android разных лет, обычной камерой и в приложениях, при плохом свете и с реального расстояния. Лучше на пробном оттиске, а не на экране.
  6. После первых сканирований в Метрике видны переходы по QR-кодам.

Камера iPhone распознаёт QR-коды начиная с iOS 11, а ещё в Пункте управления есть «Сканер кодов». На Android коды читает штатная камера многих моделей, Google Объектив и приложение Яндекс. Если код не читается, создатели советуют прежде всего проверить белое поле, контраст и не растянут ли код.

Как защитить QR-коды от подмены

QR-код нельзя прочитать глазами, и этим пользуются мошенники: наклеивают поверх настоящего кода свой, который ведёт на поддельный сайт. Такую схему называют квишингом — от QR и фишинга. О подменённых кодах предупреждали ФБР в 2022 году и Федеральная торговая комиссия США в 2023-м — речь шла, в частности, о наклейках на паркоматах. В России в 2025–2026 годах писали о поддельных кодах на прокатных самокатах. Пострадать может и ваш бизнес: покупатель, которого обманули через «ваш» код, винит вас.

  • Ведите код на свой домен, а не на сокращённую ссылку: человек видит в камере знакомый адрес.
  • Держите сайт на HTTPS.
  • На улице размещайте код под стеклом или ламинатом, а не на бумажной наклейке.
  • Пишите адрес сайта рядом с кодом — подмену легче заметить.
  • Раз в месяц сканируйте свои коды и смотрите, куда они ведут, а переходы в Метрике сравнивайте с тиражом.

Особенно уязвимы постоянные наклейки с платёжным QR-кодом на кассе — о них ниже.

QR-код на сайт, QR для оплаты и «Честный знак» — не путайте

  • QR-код со ссылкой содержит только адрес страницы и открывается камерой телефона.
  • Платёжный QR-код Системы быстрых платежей содержит реквизиты продавца, а иногда и сумму; оплачивают через приложение банка. Слова «статический» и «динамический» здесь значат другое: статический — постоянная наклейка с реквизитами, где сумму вводит покупатель, динамический касса создаёт под каждую покупку. Как принимать такие платежи на сайте — в статье «Как подключить онлайн-оплату на сайте».
  • QR-коды в квитанциях за коммунальные услуги — тоже платёжные, по ГОСТ Р 56042-2014.
  • Код маркировки «Честного знака» — это DataMatrix, а не QR. Если ставите на упаковку маркированного товара свой код со ссылкой, подпишите его и разместите отдельно, чтобы на кассе не отсканировали не тот код.

Частые ошибки

  • Код ведёт на главную, а не на страницу, ради которой его сканируют.
  • Динамический код на пробном тарифе: через несколько дней или недель тираж перестаёт работать.
  • Страница переехала без пересылки — напечатанные коды ведут на страницу «404».
  • Длинная ссылка с метками на маленькой визитке: модули получаются мельче миллиметра, и слабые камеры код не читают.
  • Нет белого поля, текст или рамка стоят вплотную к коду.
  • Растянутый PNG вместо векторного файла.
  • Бледный или красный код, слишком большой логотип.
  • Нет проверки на нескольких телефонах и на пробном оттиске.
  • Код напечатан до подключения своего домена. Если сначала напечатать код с техническим адресом сайта, а потом подключить свой домен, старые коды могут перестать открывать сайт. На BITCAT свой домен подключается с тарифа Start за 790 ₽ в месяц, как его выбрать и подключить — в статье «Как сделать адрес сайта».

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

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

Откройте нужную страницу в Chrome или Microsoft Edge и создайте код через меню браузера — это бесплатно и без регистрации. Подойдёт и генератор статических кодов. Бесплатные динамические коды обычно ограничены по сроку или числу сканирований.

Что такое QR-ссылка и как её сделать?

Это QR-код, внутри которого записан адрес страницы. Делается так же, как любой QR-код: в браузере или генераторе.

Как сделать QR-код на конкретную страницу сайта?

Откройте эту страницу, скопируйте адрес из адресной строки и закодируйте его — или создайте код прямо на этой странице через меню браузера.

Перестанет ли QR-код работать со временем?

Статический — нет, пока работает страница, на которую он ведёт. Динамический перестанет, если закончится пробный период или подписка сервиса.

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

В статическом — нет. Но можно поменять содержимое страницы, на которую он ведёт, или поставить с неё постоянную пересылку на новый адрес.

Как узнать, сколько людей перешли по QR-коду?

Добавьте к ссылке метку utm_medium=qr и смотрите переходы по QR-кодам в отчёте «Источники, сводка» Яндекс Метрики. Это визиты на сайт, а не сканирования.

Нужно ли платить за использование QR-кода?

Нет. «QR Code» — товарный знак Denso Wave, но защищено только название. Разрешение и плата за сам код не нужны.

Нужно ли маркировать листовку с QR-кодом как рекламу?

Пометка «Реклама» и идентификатор по статье 18.1 закона о рекламе требуются для рекламы в интернете, а печатная листовка — не интернет. Но если тот же макет публикуется как реклама в соцсетях или на сайтах, маркировка нужна. Подробно — в статье «Как сделать рекламу сайта».

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

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

Итог

Сделать QR-код на сайт — дело минуты: браузер создаст его бесплатно. Чтобы код работал годами и приносил понятный результат, ведите его на нужную страницу своего сайта на собственном домене, выбирайте статический код, добавляйте метку utm_medium=qr для Метрики, печатайте достаточно крупно с белым полем и проверяйте на нескольких телефонах до тиража.

Статья актуальна на ноябрь 2026 года.