Как сделать блог с ИИ: посты, редактор, SEO и хостинг

Блогу нужны три вещи: посты, которые читатели открывают по собственному URL, способ писать и публиковать эти посты и страницы, которые поисковые системы могут понять. ИИ-конструктор может собрать все три по описанию на простом языке. Главное решение — где будут храниться посты: файлами в проекте или в базе данных с редактором. От этого выбора зависит остальное.

Что нужно блогу

Страницы

• Главная или список постов — сначала самые новые, с заголовком, датой, коротким анонсом и обложкой.
• Страница поста — сама статья с собственным URL, например /blog/how-we-roast-coffee.
• Страницы категорий или тегов — чтобы читатели могли просматривать одну тему.
• Страница «О блоге» — кто пишет и зачем.
• Поиск (необязательно) — стоит добавить, когда постов станет несколько десятков.
• RSS-лента — небольшой файл, благодаря которому программы для чтения лент и некоторые сервисы рассылок автоматически получают новые посты.

Данные

Пост — это небольшая запись: заголовок, slug (часть URL), текст, анонс, обложка, автор, категория, теги, статус (черновик или опубликован), дата публикации и дата обновления. Если авторов несколько, добавьте таблицу авторов с именем, фото и короткой биографией.

Права доступа

Читатели видят только опубликованные посты. Авторы создают и редактируют черновики. Публиковать может кто-то один — часто тот же человек. Для блога одного человека это просто «я и все остальные»; для команды нужны вход в систему и хотя бы две роли.

Главное решение: файлы или база данных

CMS (система управления контентом) — это та часть, где вы пишете и управляете содержимым. Подробнее см. что такое CMS.

Для большинства личных и корпоративных блогов начните с Markdown-файлов. Переходите на базу данных и редактор, когда написание через конструктор начинает тормозить работу или когда публиковать должен человек, который не пользуется конструктором.

SEO-решения, которые стоит принять заранее

Ценность блога обычно складывается из трафика поисковиков, поэтому несколько технических решений важнее дизайна.

• Страницы должны читаться без JavaScript. Многие приложения, созданные с ИИ, — одностраничные приложения (SPA): браузер загружает почти пустую страницу, а JavaScript её наполняет. Поисковики часто это обрабатывают, но медленнее и менее надёжно. Для блога попросите отрисовывать посты в статический HTML или на сервере, чтобы текст был в странице сразу после загрузки.
• Один URL на пост, и его не меняйте. Выбирайте короткие понятные slug. Если менять их позже, ссылки сломаются, пока вы не добавите перенаправления.
• Заголовок и описание для каждого поста. У каждого поста должны быть свой <title> и meta-описание, а также теги Open Graph, чтобы ссылки хорошо выглядели при публикации.
• Карта сайта. Файл sitemap.xml со всеми опубликованными постами помогает поисковикам находить новые.
• Структурированные данные. Разметка Article (из schema.org) сообщает поисковикам заголовок, автора и дату. Размечайте только то, что действительно есть на странице.

Наш гид по SEO для сайтов, созданных с ИИ разбирает это подробнее.

Пример первого промпта

Сделай блог для моей обжарочной кофейни с особыми сортами. Страницы: главная со списком постов от новых к старым (заголовок, дата, анонс, обложка), страница поста по адресу /blog/[slug], страницы категорий и страница «О нас». Храни посты как Markdown-файлы с front matter: заголовок, дата, анонс, категория и обложка, а каждую страницу поста заранее отрисуй в статический HTML, чтобы поисковики читали её без JavaScript. У каждого поста свой заголовок и meta-описание, теги Open Graph и разметка Article. Сгенерируй sitemap.xml и RSS-ленту из постов. Чистая, удобная для чтения типографика, ширина строки около 70 символов, отлично работает на телефонах. Добавь три примера постов, чтобы я видел дизайн.

Шаги сборки

1. Дизайн на примерах постов. Сначала сделайте правильной страницу поста: размер шрифта, длина строки, отступы, как выглядят изображения и цитаты. Люди проводят там больше всего времени.
2. Списки и страницы категорий. Проверьте анонсы, даты и обложки, а также то, что происходит, когда у поста нет картинки.
3. Базовое SEO. Попросите заголовки, описания, теги Open Graph, карту сайта и RSS-ленту. После публикации откройте пост и посмотрите исходный код страницы, чтобы убедиться, что текст есть в HTML.
4. Ваши настоящие посты. Замените примеры. Первые несколько напишите сами — они задают тон.
5. Подписка на рассылку (необязательно). Форма в конце каждого поста, которая сохраняет адреса почты в базе данных или отправляет их вашему сервису рассылок. См. как сделать сайт-рассылку.
6. Редактор и вход (только если нужно). Если переходите на базу данных, попросите административную зону с черновиками, кнопкой предпросмотра и загрузкой изображений, и защитите её входом.
7. Собственный домен. Блог на собственном домене накапливает репутацию именно для него. См. как подключить собственный домен.

Использование ИИ для написания текстов

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

Если вы добавляете в свой редактор помощника на базе ИИ — кнопку «предложи заголовок» или «сократи этот абзац», — API-ключ должен оставаться на сервере. Ограничьте и его использование, потому что каждая подсказка стоит денег.

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

• Отрисовка постов только на клиенте. Текст поста должен быть в HTML, а не добавляться позже через JavaScript.
• Смена slug после публикации. Все старые ссылки ломаются. Если без этого не обойтись, добавьте перенаправление со старого URL.
• Огромные изображения. Обложка весом 5 МБ замедляет каждую страницу. Попросите уменьшенные и сжатые изображения с заданными шириной и высотой.
• Нет черновиков. Без статуса «черновик» полупрочитанные посты попадают в эфир.
• Комментарии без модерации. Открытые комментарии привлекают спам за считаные дни. Начните без комментариев или требуйте одобрения перед появлением.
• Нет дат. И читатели, и поисковики хотят знать, когда текст написан и когда обновлён.

Когда лучше готовая платформа для блога

Если вам нужно только писать, хостинговая платформа для блогов или WordPress поможет быстрее. У них есть готовый редактор, темы, комментарии, а иногда и рассылки, плюс годы плагинов. Платформы в стиле Substack приносят готовую аудиторию и доставку писем.

Собственный блог стоит делать, когда он находится внутри большего продукта (сайт компании, SaaS-приложение, магазин), когда посты должны использовать ваши данные — карточки товаров, рецепты, объявления — или когда нужен полный контроль над дизайном и URL. Это также хороший способ понять, как устроены сайты. Если нужно добавить блог на уже существующий сайт, см. как добавить блог на свой сайт.

Как сделать блог в Mythex

В Mythex вы описываете блог в чате, проверяете дизайн в живом предпросмотре (включая вид в рамке телефона) и публикуете его по адресу <slug>.mythex.app; собственные домены доступны на тарифе Pro. Стандартный стек — приложение на Vite и React, которое отрисовывается в браузере, поэтому для блога попросите предварительно отрисованные страницы постов или Next.js и следуйте рецепту по SEO для заголовков, мета-тегов и карты сайта. Если нужен редактор в браузере, Mythex добавляет базу данных и файловое хранилище для изображений, когда приложению это нужно. Вход для авторов организуете сами: вы выбираете подход, а агент его подключает. Для быстрого старта посмотрите шаблоны блог о еде и блог-рассылка.

Вопросы