Гайды
SEO-чеклист для нового лендинга: мета, OG и картинки
Новый лендинг перед публикацией стоит прогнать по короткому SEO-чеклисту: уникальные title и meta description, Open Graph для карточки ссылки, лёгкие картинки под реальную ширину блока. Это не «магия ранжирования», а базовая гигиена: человек в выдаче и в мессенджере видит обещание страницы, браузер не тянет мегабайты фото впустую. Начните с проверки title и description, затем соберите OG в генераторе превью, облегчите hero через WebP или сжатие. Длина мета отдельно — в длина title и description, карточка ссылки — в Open Graph: превью, вес файлов — в картинки тормозят сайт. Ниже: порядок проверки, блоки чеклиста, типичные ошибки одностраничника и что смотреть после деплоя.
Зачем чеклист именно для лендинга
Лендинг — одна URL с одной задачей: заявка, регистрация, покупка. Ошибки не размазываются по сотне страниц блога: один пустой description, одна тяжёлая hero-картинка и один сломанный og:image бьют по всему трафику сразу.
Шаблон CMS часто подставляет один title на весь сайт или дублирует H1 в description без смысла. Чеклист ловит это до индексации, пока вы ещё правите HTML в спокойном режиме, а не после жалоб «в Telegram ссылка без картинки».
Запрос «seo чеклист для лендинга» и «meta description» обычно означают: «что не забыть на одной странице». Здесь не полный SEO-курс, а рабочий список полей и файлов перед кнопкой «опубликовать».
Чем лендинг отличается от статьи блога
У статьи есть длинное тело, FAQ, дата. У лендинга — короткий текст, форма, блок доверия. Title и description должны обещать действие, не пересказ абзаца. OG-картинка часто совпадает с hero, но URL в og:image должен быть абсолютным с https://.
Скорость на лендинге критичнее: человек пришёл кликнуть, не читать двадцать минут. Тяжёлые PNG с камеры на первом экране — частая причина «медленно» без вины хостинга.
Что чеклист не заменяет
Он не проверяет юридические тексты, не пишет продающий copy и не строит ссылочный профиль. Он закрывает техническую видимость страницы в поиске и в шаринге. Смысл title и клик без кликбейта — в как написать title и description.
Блок 1: title и meta description
Проверьте, что на URL один уникальный <title>, не дубль главной. Description заполнен осмысленно, не пустой и не копия первого абзаца слово в слово. Ориентир длины: title около 50–60 символов, description около 150–160 — правило большого пальца, не договор с алгоритмом.
Вставьте черновик в проверку title и description. Смотрите символы, грубую ширину и флаг риска обрезки. Кириллица шире латиницы: две строки по 58 знаков ведут себя по-разному. Подробный разбор порогов — в длина title и description.
H1 на странице и title в <head> — разные поля. H1 для человека на экране, title для вкладки и сниппета. Могут перекликаться по смыслу, но не обязаны совпадать буква в букву.
Что проверить руками
Прочитайте вслух первые 40–50 символов title: понятна ли тема без контекста. Description дополняет заголовок, не повторяет его. Уберите вводные «добро пожаловать на наш сайт» — они съедают место без пользы.
Один title на весь домен из шаблона — частая ошибка MVP. Исправьте до деплоя, иначе все лендинги конкурируют друг с другом в выдаче.
Где собрать HTML для шапки
После правки длины перенесите строки в CMS или в генератор meta-тегов. Генератор даёт готовый фрагмент для <head>. Проверка длины ловит обрезку. Два шага подряд закрывают и код, и риск многоточия в сниппете.
Блок 2: Open Graph и превью ссылки
Без og:title, og:description, og:image и og:url мессенджер и соцсеть вытащат случайный кусок страницы или покажут серый прямоугольник. Для лендинга это больно: трафик из Telegram и VK часто идёт ссылкой, не баннером.
Минимальный набор: заголовок карточки, короткий текст, абсолютный URL картинки, канонический URL страницы. og:image — полный адрес https://ваш-домен/..., не /img/cover.jpg. Бот открывает страницу с другого сервера и не знает ваш домен как базу.
Соберите теги в генераторе OG. Смысл можно скопировать из title и description, но теги должны быть отдельными строками. Подробнее — Open Graph: превью ссылки.
Размер и формат og:image
Ориентир для многих площадок: около 1200×630 px, JPG или PNG, вес разумный (сотни килобайт, не десять мегабайт). Слишком мелкая картинка растянется и замылится. Слишком тяжёлая долго грузится при первом шаринге.
После смены картинки кэш мессенджера может держать старую версию часами. Иногда помогает новое имя файла или параметр в URL.
Twitter Card и дубли
Генератор на Тулси может добавить блок Twitter Card рядом с OG. Не обязательно дублировать десять свойств «на всякий случай»; лучше три рабочих поля, чем пустой og:description.
Проверьте превью после публикации: отправьте ссылку себе в мессенджер. Пустая карточка — сигнал вернуться к абсолютным URL и доступности картинки по HTTPS.
Блок 3: картинки и скорость первого экрана
Hero, иконки преимуществ и логотипы партнёров часто тянут больше всего веса. Телефонный снимок на 4000 px в колонке 800 px — лишние мегабайты на каждом визите. Переведите витрину в WebP через конвертер или ужмите в сжатии изображений, сверьте килобайты до и после.
Отдавайте размер под блок, не «на всякий случай максимум». Retina — это 2× ширины колонки, не 5×. Подробный разбор — картинки тормозят сайт.
Lazy-load для картинок ниже первого экрана, но hero above the fold не прячьте ленивой загрузкой так, что LCP прыгает. Первый экран должен иметь нормальный файл сразу.
Форматы: когда PNG, когда WebP
PNG уместен для логотипа с прозрачностью и простых иллюстраций. Фото и градиенты на лендинге чаще выигрывают у WebP или качественного JPG. Сравнение форматов — в JPG или PNG и как конвертировать в WebP.
Не кладите текст оффера только внутрь картинки hero. Поиск и доступность читают HTML; картинка без alt не заменяет заголовок.
Alt и декоративные изображения
У смысловых картинок — короткий alt с описанием, не спам ключами. Чисто декоративным можно alt="", но тогда смысл должен быть в тексте рядом. На лендинге alt редко влияет на ранжирование так сильно, как вес файла и ясность title.
Блок 4: технический минимум страницы
Один H1 на URL. Канонический URL, если есть дубли с параметрами utm в индексе. Страница отдаёт 200, не 404 после деплоя. HTTPS без смешанного контента: og:image и скрипты по https.
Robots: лендинг для трафика не закрывайте noindex «на время теста» и не забывайте снять заглушку. Favicon и apple-touch-icon — мелочь, но вкладка и «Добавить на экран» выглядят аккуратнее.
Если на лендинге блок FAQ, имеет смысл оформить его через FAQPage JSON-LD: микроразметка FAQ. Это соседний шаг, не замена title и OG.
Мобильная версия
Проверьте title и hero на телефоне: не обрезается ли смысл, не уезжает форма. Мобильная выдача часто режет сниппет раньше десктопа — ключ держите в начале title.
Кнопка заявки должна быть видна без горизонтального скролла. SEO-чеклист не спасёт, если человек не может нажать «Отправить».
Порядок проверки перед публикацией
День 1: черновик title и description, прогон в проверке длины, правка смысла. День 2: OG-теги и картинка 1200×630, абсолютные URL. День 3: вес hero и иконок, WebP или сжатие. После деплоя: ссылка себе в мессенджер, просмотр сниппeta по бренду через несколько дней.
Не смешивайте в одном «отчёте для заказчика» длину меты, скорость и тексты оферты. Зафиксируйте, что этот чеклист отвечает за видимость строки и карточки ссылки, не за конверсию формы.
Держите чеклист в репозитории или в задаче релиза: пункты с галочками лучше памяти «мы же проверяли мета».
После публикации
Отправьте URL в Search Console / Вебмастер, если пользуетесь. Сравните живой сниппет с задуманным title — поисковик иногда подменяет заголовок фрагментом со страницы. Расхождение бывает нормальным; если обрезка очевидна, укоротите строку ещё на 5–10 знаков.
При смене OG-картинки проверьте кэш в Telegram и VK. Старое превью не значит, что теги не работают.
Частые вопросы
Что входит в SEO-чеклист для нового лендинга
Минимум: уникальные title и meta description, Open Graph (title, description, image, url), лёгкие картинки под ширину блока, один H1, HTTPS, рабочий канонический URL. Проверка длины мета — в проверке title и description. OG — в генераторе. Вес файлов — через WebP или сжатие.
Как проверить meta description до публикации
Скопируйте строку из CMS в проверку title и description. Смотрите число символов и риск обрезки. Description должен дополнять title, не дублировать его. Пустое поле опаснее чуть длинного текста: сниппет возьмёт случайный кусок со страницы. Подробнее — длина title и description.
Нужен ли Open Graph, если уже есть title и description
Да, если вы шарите ссылку в мессенджерах и соцсетях. Title и description в <head> влияют на вкладку и часто на поиск. Карточка в ленте читает og:* отдельно. Без них превью будет пустым или чужим. Разбор — Open Graph: превью ссылки.
Как проверить open graph на лендинге
Соберите теги в генераторе OG, вставьте в <head>, опубликуйте. Отправьте URL себе в Telegram или VK. Если картинки нет, проверьте абсолютный https:// URL файла и доступность по HTTPS. Кэш может показывать старую обложку несколько часов.
Почему картинки тормозят лендинг сильнее блога
На лендинге один экран решает всё: hero, форма, доверие. Тяжёлый PNG на первом экране блокирует отрисовку. В статье текст может читаться, пока догружаются иллюстрации ниже. Начните с hero — картинки тормозят сайт.
Какой размер og:image ставить
Частый ориентир: около 1200×630 px, вес в разумных килобайтах. Слишком маленькая картинка замылится, слишком большая долго качается при шаринге. Сожмите файл перед загрузкой на сервер. Тот же принцип, что для hero на странице.
Чем SEO-чеклист M10 отличается от статьи только про длину title
M10 — полный список для одной страницы: мета, OG, картинки, минимум разметки. Длина title и description — узкий инструмент против обрезки строк. Сначала смысл и длина, потом OG и вес файлов.
Сохраняется ли текст в проверке title на Тулси
Нет, расчёт идёт в браузере, на сервер строки не уходят. Держите исходник в CMS. Для OG используйте генератор и сохраните HTML в шаблоне. Закрыли вкладку — данные из инструмента пропали.
Нужна ли микроразметка FAQ на лендинге
Если на странице есть блок вопросов и ответов про продукт, FAQPage JSON-LD может дать расширенный сниппет. Это не замена title и OG. Инструкция — микроразметка FAQ. Не размечайте медицинские и юридические FAQ без осторожности.
Что проверить в день деплоя одной строкой
Title и description уникальны и влезают в ориентир длины. Поле og:image указывает на абсолютный URL, hero не весит мегабайты. Страница открывается по HTTPS, ссылка в мессенджере показывает карточку. Прогон мета — проверка title и description.
Соседние материалы: как написать title и description, как конвертировать в WebP, плотность ключевых слов для тела страницы после мета.
Проверьте мета до выкладки
Вставьте title и description, посмотрите символы и риск обрезки сниппета. Расчёт только в браузере.
