Пост на сайте это отдельная запись с датой: новость, статья или заметка в блоге. Чтобы она появилась, нужны две вещи: раздел, где записи копятся лентой, и форма новой записи с заголовком, обложкой и текстом. Разберём, как это устроено в конструкторе, в WordPress и на сайте, собранном с ИИ, и что сделать, чтобы ссылка на пост прилично выглядела в мессенджере и попала в поиск.
Запись, страница и лента: чем они отличаются
На сайте два разных типа содержимого. Страницы («О нас», «Услуги», «Контакты») живут по постоянным адресам и меняются редко. Записи выходят потоком: у каждой есть дата, и они сами выстраиваются в ленту от свежих к старым.
Отсюда практическое следствие: одну запись нельзя просто «прикрепить» к главной. Сначала появляется раздел (обычно по адресу /blog/ или /news/), и уже он показывает список записей и ведёт на страницу каждой. Если разделов пока нет, стоит заранее продумать структуру сайта.
Из чего состоит правильная запись
Набор полей почти везде одинаковый, отличается только место, где их заполняют. Пропущенное поле ломает не текст, а его показ: карточку в ленте, превью ссылки, сниппет в поиске.
- Заголовок. Один на странице, в разметке это
h1. - Дата публикации. Попадает в карточку ленты и в разметку страницы, по ней же идёт сортировка.
- Краткое описание. Две-три строки для плитки в ленте и для превью ссылки. Без него движок обрежет первый абзац как получится.
- Обложка. Горизонтальная картинка, привычный размер 1200x630. Показывается в ленте и в карточке ссылки в мессенджере.
- Текст. Разбитый подзаголовками
h2, со списками и картинками, а не сплошной простынёй. - Постоянный адрес. Короткий, латиницей. Менять его после публикации нежелательно: старые ссылки перестанут работать.
- Рубрика и теги. Нужны, когда записей становится больше десятка.
- Ссылка на следующий шаг: написать, записаться, посмотреть услугу. Иначе запись прочитают и уйдут.
Лента записей это половина дела. Вторая половина в том, чтобы сайт приводил людей. На бесплатном вебинаре собираем такой сайт с ИИ.
Занять местоКак опубликовать пост в конструкторе (на примере Тильды)
В конструкторах пост создаётся не на странице, а в отдельном хранилище, и это первое, что сбивает с толку. В Тильде это «Потоки»: создаётся поток, в него добавляются посты, а на страницу ставится блок «Новости и потоки», который выводит ленту (справка Тильды).
- В настройках сайта подключите модуль «Потоки», затем откройте управление потоками и создайте поток, например «Блог» или «Новости».
- Кнопкой в правом верхнем углу добавьте пост и задайте заголовок.
- В карточке заполните краткое описание (оно попадёт в плитку ленты), обложку, дату публикации, раздел и видимость.
- Соберите тело поста из блоков: текст, подзаголовок, картинка, цитата, галерея или видео.
- Поставьте на страницу блога блок из категории «Новости и потоки» и выберите вид ленты.
- Опубликуйте страницу: до публикации запись видите только вы в редакторе.
Про деньги честно. Бесплатный тариф даёт один сайт и базовую коллекцию блоков, но свой домен на нём не подключить. Personal стоит 500 ₽ в месяц при оплате за год или 750 ₽ помесячно, Business 1000 ₽ и 1250 ₽ (тарифы Tilda), подробности в материале про сайт на Тильде.
По теме: Как сделать одностраничный сайт в 2026: секции, якоря, SEO
Как добавить запись в WordPress
Здесь записи встроены в движок изначально, отдельный раздел блога создавать не нужно. Каждая запись обязательно попадает хотя бы в одну рубрику, а меток можно поставить сколько угодно (справочник по записям WordPress).
- В админке откройте «Записи», нажмите «Добавить запись» и впишите заголовок.
- Соберите текст блоками редактора: абзац, заголовок, изображение, список, цитата.
- В правой колонке выберите рубрику и метки, там же задайте изображение записи (обложку).
- Проверьте постоянную ссылку: движок подставляет длинный транслит заголовка, замените его на короткий адрес.
- Заполните заголовок и описание для поиска, если стоит SEO-плагин.
- Нажмите «Опубликовать» или запланируйте выход на конкретную дату.
Что чаще всего ломается: картинку вставляют в текст и удивляются пустой плашке в ленте. В ленте и в превью ссылки показывается изображение записи, его назначают отдельно. Установка движка и первые настройки разобраны в инструкции по WordPress.
Сложность не в том, чтобы выложить одну запись, а в том, чтобы сайт можно было пополнять без правки кода. На бесплатном вебинаре по вайбкодингу собираем такой сайт вместе и разбираем, где хранить тексты. Участникам отдаём гайд в подарок.
Записаться на вебинарПост на самодельном сайте: где хранить тексты, чтобы не лезть в код
Если сайт собран с ИИ и лежит статикой, частая ошибка выглядит так: каждая запись дописывается прямо в HTML копированием предыдущей. На третьей это терпимо, на десятой превращается в работу верстальщика. Лечится одним решением: тексты отделяются от вёрстки, и добавление поста сводится к правке файла с данными.
- Один файл данных. Все записи лежат в
posts.json: заголовок, дата, адрес, обложка, краткое описание. Страница ленты читает файл и рисует карточки сама. - Отдельные markdown-файлы. Каждая запись это файл вида
blog/2026-08-03-nazvanie.md, список собирается из них. Удобно для длинных статей: текст пишется как обычный документ, без тегов. - Панель редактирования поверх файлов. Git-CMS вроде Decap CMS даёт браузерную форму, которая пишет те же markdown-файлы. Оговорка: проект развивается вяло с тех пор, как Netlify передал его сообществу, и для маленького блога проще править файл в веб-интерфейсе GitHub.
Сам блог при этом живёт на бесплатном хостинге статики. У GitHub Pages рекомендованный предел репозитория 1 ГБ, мягкий лимит трафика 100 ГБ в месяц и 10 сборок в час (лимиты GitHub Pages). Минимальный файл с записями выглядит так: одна запись это один объект.
[
{
"slug": "otkryli-zapis-na-avgust",
"title": "Открыли запись на август",
"date": "2026-08-03",
"cover": "/img/avgust-cover.jpg",
"excerpt": "Коротко: что изменилось и до какого числа держим старую цену.",
"tags": ["новости"],
"body": "posts/otkryli-zapis-na-avgust.md"
}
]
По теме: Как сделать шапку сайта в 2026: код, адаптив и промпты
Готовый промпт: попросить ИИ собрать раздел блога
Промпт ниже описывает не «сделай красиво», а конкретное устройство раздела. Поэтому результат предсказуемый, а добавление записи не требует правки кода. Вставьте его в чат с ИИ или в редактор, где вы собираете сайт.
Собери раздел блога для моего статического сайта на HTML и CSS.
Требования:
1. Все записи хранятся в одном файле posts.json: slug, title, date, cover, excerpt, tags и путь к markdown-файлу с текстом.
2. Страница /blog/ выводит ленту карточек: обложка, заголовок, дата, краткое описание. Сортировка от новых к старым.
3. У каждой записи своя страница /blog/<slug>/ с заголовком h1, датой, обложкой и текстом из markdown-файла.
4. На каждой странице записи пропиши title, meta description, og:title, og:description, og:image (абсолютный URL), og:type=article и JSON-LD типа BlogPosting с полями headline, image, datePublished, dateModified, author.
5. Сделай sitemap.xml, в который попадают все записи из posts.json.
6. Добавление новой записи должно сводиться к двум действиям: дописать объект в posts.json и положить markdown-файл. Больше ничего править не нужно.
Сначала покажи структуру файлов и объясни, куда я буду добавлять текст. Потом собери код.
Проверяйте новый блог на второй записи, а не на первой. Первая выглядит хорошо у всех. На второй видно, правда ли добавление поста занимает пять минут или каждый раз приходится звать ИИ и чинить вёрстку.
Превью ссылки в мессенджере: чтобы пост выглядел прилично
Когда ссылку на запись отправляют в Telegram или ВКонтакте, мессенджер собирает карточку сам: заголовок, описание, картинка. Берёт он их из тегов Open Graph (описание протокола на ogp.me). Без тегов вытащит со страницы что попало, и в переписке появится логотип из шапки вместо обложки.
<meta property="og:title" content="Открыли запись на август">
<meta property="og:description" content="Что изменилось и до какого числа держим старую цену.">
<meta property="og:image" content="https://example.ru/img/avgust-cover.jpg">
<meta property="og:url" content="https://example.ru/blog/otkryli-zapis-na-avgust/">
<meta property="og:type" content="article">
- Картинка горизонтальная, обычная рекомендация 1200x630 пикселей, формат JPG или PNG (разбор требований Open Graph).
- Адрес картинки абсолютный и с https, вида
https://example.ru/img/cover.jpg. Относительный путь мессенджер не подтянет. - Превью кэшируется: после замены обложки старая картинка какое-то время ещё показывается, поэтому проверяйте карточку до рассылки ссылки.
- В конструкторе и в WordPress теги писать не нужно: туда подставляются обложка и описание записи.
По теме: Как сделать сайт отзывов в 2026: блок, страница и разметка
Что сделать, чтобы запись нашли в поиске
Опубликованная запись не появляется в поиске сама и мгновенно. Порядок действий после публикации такой.
- Проверьте адрес записи: короткий, латиницей, по смыслу. После индексации его лучше не трогать.
- Заполните заголовок страницы и описание: заголовок отвечает на вопрос, ради которого запись открывают.
- Добавьте адрес в
sitemap.xml. У конструкторов и WordPress карта сайта собирается сама, на самодельном сайте её генерирует ваш скрипт. - Отправьте адрес в «Переобход страниц» Яндекс Вебмастера. Дневной лимит считается для каждого сайта отдельно и обновляется ежедневно, заявку робот обрабатывает до трёх дней (справка Вебмастера).
- Свяжите Вебмастер со счётчиком Метрики и включите «Обход по счётчикам»: робот узнаёт о новых страницах по посещениям (справка по обходу с помощью Метрики).
- Разметьте запись через JSON-LD типа BlogPosting:
headline,image,datePublished,dateModified,author(схема BlogPosting).
Когда записей станет много, отправлять адреса руками надоест. Для этого есть протокол IndexNow: сайт сам сообщает поиску о новых страницах (справка Яндекса). Про первое попадание в индекс подробнее в статье как сделать сайт активным.
Частые вопросы
Чем пост отличается от страницы?
Датой и лентой. Страница существует сама по себе и живёт годами, запись встаёт в поток и уезжает вниз по мере появления новых. Если материал будет актуален и через год, делайте страницу, если это событие или новость, делайте запись.
Можно ли добавить блог на готовый сайт, который делали не вы?
Зависит от того, на чём он собран. В конструкторе и в WordPress раздел записей включается штатными средствами, доступа в админку достаточно. Если сайт написан кодом и исходников у вас нет, придётся забрать их у подрядчика или поставить блог на отдельном адресе и связать ссылкой из меню.
Обязательна ли картинка к каждой записи?
Формально нет, практически да. Без обложки карточка в ленте выглядит пустой, а ссылка в мессенджере разворачивается без картинки и теряется в переписке. Проще держать пару нейтральных обложек про запас, чем публиковать запись без изображения.
Можно ли публиковать посты с телефона?
В конструкторе и в WordPress да: админка работает в мобильном браузере, у WordPress есть и приложение. На самодельном сайте всё зависит от того, как хранятся тексты: файл с записями редактируется в веб-интерфейсе GitHub прямо с телефона, а вот правка вёрстки с экрана смартфона удовольствие сомнительное.
Если хочется, чтобы сайт с лентой записей приносил заявки, а не просто существовал, приходите на воркшоп «Сайты с ИИ»: собираем сайт и разбираем, как превратить его в источник клиентов.
Пойти на воркшоп