Превью поста ВКонтакте онлайн — как будет выглядеть запись до публикации

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

Здесь проверка занимает секунды. Вставьте текст в поле выше, и рядом соберётся карточка записи с аватаром, названием страницы и телом поста, а дальше вы просто смотрите на то, что увидит человек в ленте.

Кому пригодится

SMM-специалистам, которые ведут несколько сообществ и пишут посты пачками. Копирайтерам, которым проще показать заказчику готовую карточку, чем объяснять словами, почему длинное вступление съедает всю видимую часть записи. Маркетологам и продажникам, которые сами выкладывают анонсы и не хотят ради одной проверки заводить тестовую группу.

Как этим пользоваться

Поле ввода одно, настроек нет. Печатаете или вставляете текст, превью перестраивается на каждый символ. Переносы строк сохраняются, ссылки подсвечиваются синим сами.

Под полем три числа: длина текста, лимит и остаток. Лимит записи ВКонтакте 16000 символов, от него и считается остаток. Ушли в минус, цифра краснеет.

Порог обрезки в инструменте жёсткий: ровно 500 символов. Дальше превью ставит многоточие и синюю кнопку «Показать полностью…». Кнопка живая. Нажмите, и увидите запись целиком, а тронете текст, превью свернётся обратно.

Что делать с результатом

Задача одна: уложить смысл в первые 500 символов. До кнопки должны попасть суть предложения и причина читать дальше. Призыв, ссылка и условия акции под «Показать полностью…» работают заметно слабее, потому что до них многие читатели просто не дощёлкивают.

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

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

Если пост рекламный

У рекламной записи нужна пометка «Реклама», рекламодатель и токен erid. Всё это идёт в начале текста и съедает те самые первые символы, за которые вы боролись. Считайте пометку частью поста и вставляйте её в поле сразу, иначе превью соврёт на полсотни знаков.

Текст пометки собирается в генераторе маркировки erid. Оттуда строку можно забрать целиком и приклеить в начало черновика.

О чём предупреждаем

• Карточка условная. Аватар, название страницы и время это заглушки, ваш оформленный пост будет выглядеть чуть иначе.
• Медиа в превью нет вовсе. Фото, видео, опрос, карусель и товары в карточку не попадут, инструмент работает только с текстом.
• Картинка сниппета тоже заглушка: инструмент не ходит по ссылке и не тянет превью с чужого сайта, а из первой ссылки берёт только домен и показывает его под заголовком, как это делает ВК.
• Ссылка подсветится, только если начинается с http или https. Адрес вида vk.com без протокола останется обычным текстом, и сниппет не появится.
• Лента показана одна, десктопная. На телефоне ширина другая, поэтому строк до обрыва будет больше, а место обрыва ощущается иначе.
• Порог в 500 символов приблизительный. ВКонтакте сам решает, где свернуть запись, так что считайте это рабочим ориентиром, а не миллиметровой разметкой.

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

Дальше по маршруту стоят соседи: счётчик символов для длинных текстов, жирный и курсив Unicode для акцентов в ленте и генератор UTM-меток, чтобы переходы из поста потом нашлись в отчёте. Напишите пост в поле выше и посмотрите, что от него останется в ленте.