Гайды
Набор бесплатных онлайн-инструментов для маркетолога
Маркетологу на лендинге и в рассылке часто нужны пять повторяющихся задач: написать title и description для поиска, собрать превью ссылки для мессенджера, сделать QR по адресу страницы, ужать картинку под вес сайта и разметить блок вопросов схемой FAQ. Ниже рабочие сценарии и прямые ссылки на страницы Тулси. Откройте генератор meta-тегов, превью для соцсетей, генератор QR-кода или сжатие изображений. Рядом лежит микроразметка FAQ. Статья-хаб связывает уже опубликованные инструкции и инструменты. Она не обещает закрыть аналитику, рекламный кабинет или CRM. Угол простой: сниппет, карточка ссылки, переход с бумаги, вес картинки и схема вопросов. В конце десять частых вопросов про регистрацию, сервер и границы набора.
Зачем маркетологу утилиты в браузере
Запрос «инструменты для маркетолога» чаще всего приходит в момент дедлайна. Сниппет в выдаче обрезает заголовок, ссылка в Telegram показывает серый прямоугольник, флаер уходит в печать без квадрата на лендинг, баннер весит 4 МБ и форма CMS отказывает. Полный стек аналитики эти пять минут не закрывает.
Кабинет Метрики, рекламную систему и CRM вы ведёте отдельно. Хаб на Тулси закрывает другой слой работы: HTML для шапки страницы, картинка превью, квадрат для печати, вес файла и схема вопросов. Это подготовка страницы к показу. Отчёт по кампании остаётся в кабинете аналитики.
Чужой ноутбук, доступ только к браузеру, правки перед созвоном. Вкладка обходит установку программ и заявку в IT. Вы вставляете текст или файл, копируете код или скачиваете картинку, закрываете вкладку.
Title, Open Graph, QR и FAQ на Тулси собираются в браузере на вашем устройстве. Сжатие картинки идёт через сервер и не хранится дольше ответа. Границу держите в голове, когда грузите файл с персональными данными клиентов.
Когда хватает вкладки
Одна посадочная к релизу, правка description после жалобы на обрезку, QR на стенд, баннер под лимит 500 КБ. Вы уже знаете, что хотите получить. Осталось собрать код или файл и вставить его в CMS.
Повторяющиеся куски удобно держать рядом: сначала поля поиска, потом превью для ленты, потом вес обложки. Так меньше шансов опубликовать страницу с пустой карточкой в мессенджере и тяжёлым JPG на первом экране.
Когда нужен отдельный кабинет
Сквозная аналитика, ставки, аудитории, учёт звонков, сравнение двух версий страницы на живых посетителях. Эти задачи вы решаете в своих системах. Хаб их не подменяет и не собирает «полный набор маркетолога» в одной вкладке.
Секреты рекламного кабинета, выгрузки с телефонами клиентов и доступы к почтовым рассылкам лучше держать у себя. Если всё же загружаете файл, читайте политику.
Title и description для сниппета
Title и description задают заголовок и короткое описание страницы во вкладке браузера и в выдаче поиска. Человек за секунду решает, кликать ли: ключ ближе к началу title, description без вранья, длина в привычном диапазоне. Ориентир: около 50–60 знаков для title и 150–160 для description, с пробелами.
Эти поля влияют на то, как сниппет выглядит и читается. Позицию в топе они не поднимают. Если description пустой, поисковик берёт кусок из тела страницы, и вы теряете контроль над обещанием клика.
Готовый HTML соберите в генераторе meta-тегов. Длину сверьте на проверке title и description. Подробный разбор длины, отличия от H1 и устаревших keywords: как написать title и description.
Типичная ошибка шаблона: один и тот же title на все страницы каталога. Сниппеты сливаются, индексация путается. Пишите уникальную пару под URL, который публикуете.
Как собрать HTML
Сначала напишите тексты в черновике. Потом откройте генератор meta-тегов, заполните поля, скопируйте блок и вставьте в <head> шаблона или в SEO-поля CMS.
В исходнике страницы должен быть один <title> и один <meta name="description">. После публикации откройте вкладку браузера и поиск по своему URL: там должен быть новый заголовок.
Что проверить глазами
Ключ в начале title, бренд в конце, если место осталось. Description продолжает мысль. Повтор заголовка слово в слово в описании не нужен. Обрезка хвоста на проверке длины значит: мысль уехала за лимит, сократите фразу.
Скриншот сниппета после индексации полезнее теории. Поисковик иногда подменяет title. Тогда смотрите, совпадает ли обещание с первым экраном страницы.
Превью ссылки: Open Graph
Карточка в Telegram, VK или другом канале читает свойства с префиксом og:. Без них площадка сама вытаскивает кусок страницы или показывает пустой блок. На практике хватает og:title, og:description, og:image и абсолютного URL страницы.
Частая путаница: «я уже заполнил поля для поиска». Сниппет выдачи и карточка в ленте используют разные теги в одной шапке HTML. Смысл можно держать близким, строки должны быть отдельными.
Код для шапки соберите в генераторе превью для соцсетей. Разбор тегов, картинки и проверки после публикации: Open Graph: превью ссылки.
После выкладки отправьте URL в тестовый чат. Площадки держат кэш: старая картинка может висеть часами. Обновите файл по новому адресу, если карточка показывает прошлую обложку.
Картинка для карточки
Площадке нужен абсолютный HTTPS-адрес изображения. Относительный путь из CMS часто не срабатывает. Файл должен открываться без авторизации. Слишком узкая обрезка или текст на всю ширину кадра в ленте выглядит обрезком.
Тяжёлый исходник с телефона сначала прогоните через сжатие изображений, затем загрузите на сайт и подставьте URL в og:image. Карточка с файлом на несколько мегабайт открывается медленно или не подтягивается.
Отличие от полей поиска
Обычный <title> идёт во вкладку и часто в сниппет. og:title идёт в карточку ленты. Для поиска параллельно соберите meta в генераторе meta-тегов. Это другой блок в том же <head>.
Schema FAQ и сниппет Яндекса тоже не подменяют карточку. У каждого слоя своя задача: клик в выдаче, вид ссылки в ленте, пары вопрос-ответ для машины.
QR-код по ссылке на лендинг
QR по ссылке хранит адрес страницы в квадратной картинке. Гость наводит камеру и открывает лендинг, форму или меню без ручного набора. Скопируйте полный URL, лучше с https://, вставьте в генератор QR-кода и скачайте PNG для чата или SVG для печати.
Код рисуется у вас в браузере: ссылка на сервер не уходит. Банковский QR и код СБП собирают в приложении банка или в кассе. Генератор ссылки для сайта туда не подходит.
Пошаговая подготовка адреса, проверка скана и типичные поломки: как создать QR-код по ссылке. В статическом коде URL зашит навсегда. Сменили адрес после печати, квадрат ведёт в пустоту.
Квадрат ставят на плакат, визитку, стенд и слайд презентации: так удобнее строки из сорока символов. Вы контролируете страницу за кодом. Обновили текст на сайте и не трогали адрес: тот же QR открывает свежую версию.
Подготовить URL
Берите канонический адрес страницы, без лишних параметров отладки. Короткая ссылка с редиректом сработает, если редирект стабильный. Обрезанный хвост из мессенджера даёт битый код: копируйте URL целиком.
Для печати берите SVG: вектор увеличивается без «мыла». PNG удобен в чат и на сайт «как есть». Размер на бумаге и контраст фона влияют на скан сильнее, чем выбор цвета в генераторе.
Проверить скан
Напечатайте черновик в реальном размере и снимите камерой телефона с двух метров и с вытянутой руки. Глянец, ламинат и низкий контраст ломают чтение чаще, чем «слабый генератор».
Код не читается: разбор ошибок в статье QR не сканируется. Не кладите поверх квадрата логотип так, чтобы съесть служебные зоны. Отдельный разбор логотипа есть в блоге, если он вам нужен.
Сжатие картинок перед публикацией
Телефонный снимок на 3–8 МБ на лендинг класть рано. Браузер качает полный файл, потом сам уменьшает картинку в блоке шириной 800 px. Посетитель на мобильном интернете ждёт секунды, форма CMS отказывает по лимиту.
Загрузите JPG, PNG или WebP в сжатие изображений. Ползунок качества показывает вес до и после. Формат на выходе тот же, что на входе. Файл нужен только для ответа, дольше не хранится.
Баланс «легче и на глаз ещё читаемо»: как сжать фото без потери качества. Лимит в килобайтах у формы: уменьшить вес фото. Тормоза главной из-за баннеров: почему сайт медленно грузится из-за картинок.
OG-обложка и фото товара: разные файлы и разные лимиты. Не гоните один исходник через десять сайтов подряд. Один осмысленный проход лучше каши из артефактов.
Вес файла и пиксели
Килобайты: сколько места занимает файл. Пиксели: ширина и высота кадра. Форма может требовать оба параметра. Сжатие качества режет вес при тех же пикселях. Уменьшение сторон режет и сетку, и вес.
Сайт просит «не больше 800 КБ» и молчит про ширину. Начните с ползунка качества. В требованиях написано «ширина 1200 px»: сначала измените размер, потом дожмите вес.
Когда сначала резать ширину
Кадр шириной 4000 px в колонке 640 px тащит лишние пиксели. Ползунок качества слабо помогает: сетка всё равно огромная. Урежьте длинную сторону под реальный блок, затем сожмите. На экране телефона разница с «сырым» исходником часто незаметна, в сети секунды ожидания пропадают.
HEIC с iPhone площадка может не принять. Сначала перевод в JPG, потом сжатие. Для витрины отдельно смотрите WebP: там меняется формат файла.
Микроразметка FAQ
FAQPage это схема пар «вопрос / ответ» в JSON-LD. Поисковик может показать их расширенным блоком в выдаче. Сама разметка позицию не поднимает. Она помогает машине понять аккордеон на лендинге, карточке услуги или статье.
Схему собирают одним скриптом application/ld+json. Расширенный результат не гарантирован: площадки меняют правила показа. Для части тем, в том числе медицины и «решите контрольную», FAQPage часто неуместен.
Пары вставьте на микроразметке FAQ. Сборка идёт в браузере, текст на сервер не уходит. Разбор типа схемы, проверки и ограничений: FAQPage: зачем микроразметка.
Видимый блок на странице и JSON-LD должны совпадать. Десять ответов в схеме при трёх абзацах без вопросов на экране выглядят как обман поисковика. Совпадение обязательное условие перед публикацией.
Ориентир: от трёх до восьми живых вопросов аудитории. Один пункт маловат для смысла блока. Двадцать перефразировок выглядят как набивка. Пять точных пар закрывают блок без пустых перефразировок.
Что сознательно не обещаем
Тулси не заменяет Метрику, рекламный кабинет, CRM и отдел аналитики. Хаб собирает утилиты, которые уже есть на сайте, и статьи, где разобраны ошибки. Нет обещания «лучший сервис для маркетолога» и полного набора каналов и отчётов в одной вкладке.
Секреты кабинетов, базы рассылок и выгрузки с персональными данными лучше держать у себя. Сжатие картинки в отличие от генераторов кода идёт через сервер: файл хранится столько, сколько нужно для ответа. Подробности в политике и хабах доверия: можно ли доверять конвертерам, что смотреть в политике хранения.
Соседние хабы по ролям: инструменты для разработчика, инструменты для студента. Выбор «сайт или программа» для файлов: онлайн-конвертер или программа.
Частые вопросы
Какие инструменты для маркетолога нужны в первую очередь?
В первую очередь закройте title и description для сниппета, Open Graph для карточки ссылки, QR по адресу лендинга и сжатие картинок под вес страницы. Схему FAQ добавьте, если на экране уже есть блок вопросов. Аналитика, ставки и CRM в этот набор не входят.
Какие инструменты для интернет-маркетолога сюда входят?
В набор входит тот же слой подготовки страницы: meta, превью для ленты, QR, вес изображений, FAQPage. Кабинеты рекламы, учёт звонков и сквозную отчётность вы ведёте отдельно. Хаб закрывает HTML и файлы, которые вы кладёте на сайт перед запуском кампании.
Нужна ли регистрация?
Для бесплатных лимитов на перечисленных генераторах регистрация не нужна. Аккаунт нужен для Про, истории и динамического QR, если ими пользуетесь. Страницы meta, OG, статического QR и FAQ открываются без входа.
Какие мета-теги нужны для страницы?
Для поиска нужны <title> и <meta name="description">. Для карточки ссылки нужны og:title, og:description, og:image и URL страницы. Выдача давно не опирается на keywords. Соберите черновик в генераторе meta-тегов, превью отдельно в генераторе OG.
Где генератор мета-тегов для сайта?
На Тулси: генератор meta-тегов. Заполните поля, скопируйте HTML, вставьте в шапку или в SEO-поля CMS. Длину проверьте на проверке title и description. Практика формулировок: как написать title и description.
Как сделать превью ссылки Open Graph?
Подготовьте заголовок, описание и картинку с абсолютным HTTPS-адресом. Вставьте meta property="og:..." в <head> или заполните поля CMS. Готовый HTML даёт генератор превью. После публикации отправьте ссылку в тестовый чат и посмотрите карточку.
Как создать QR-код по ссылке?
Скопируйте полный URL страницы, вставьте в генератор QR-кода, скачайте PNG или SVG. Код рисуется на устройстве. Пошаговая инструкция: как создать QR-код по ссылке. Банковский QR для оплаты здесь не собирают.
Как сжать изображение без потери качества?
Загрузите JPG, PNG или WebP в сжатие изображений, подвиньте ползунок и сравните вес с видом на превью. Формат сохранится. Если лимит всё равно не проходит, сначала урежьте ширину в изменении размера. Разбор баланса: сжать фото без потери качества.
Зачем микроразметка FAQ?
Чтобы поисковик прочитал пары вопрос-ответ как FAQPage. Расширенный сниппет не обещан. Соберите JSON-LD на микроразметке FAQ и сверьте его с видимым блоком на странице. Подробности: статья про FAQPage.
Уходят ли данные на сервер?
Для meta, Open Graph, QR и FAQ сборка идёт в браузере на вашем устройстве. Сжатие картинки обрабатывается на сервере и не хранится дольше ответа. Экран всё равно шарят, историю буфера тоже. Читайте политику.
Начните с генератора meta-тегов
Заполните title и description, скопируйте HTML для шапки. Длину сверьте в проверке полей.
