Самое полезное, что я узнал за годы работы с WordPress: дефолтная главная страница — враг любого контентного проекта. Пока вы не замените хронологическую ленту на управляемую сетку, сайт будет выглядеть как личный дневник, сколько бы статей вы ни опубликовали.
WordPress установлен. Тема активирована. На экране одна колонка с записями и «Hello World». А нужно другое. Сетка материалов, рубрики в блоках, ощущение профессионального ресурса. Большинство в такой момент идёт искать «лучшую тему» и через полгода переделывает всё с нуля. Потому что тема — последнее, что стоит выбирать. Первое — понять, как сайт будет устроен изнутри.
Я проведу по всему пути, от пустого хостинга до работающего сайта со статьями. Большинство инструментов здесь бесплатны. Там, где есть платная альтернатива, я объясню, за что именно вы платите и стоит ли оно того на старте.
Чем сайт со статьями отличается от блога на WordPress
Главная страница как витрина, а не лента
Блог показывает записи сверху вниз в порядке публикации. Для авторского дневника такая логика работает. Сайт со статьями устроен иначе. Главная распределяет материалы по значимости и тематике. Главный материал получает крупную карточку с изображением, рубрики группируются в визуальные блоки, боковая колонка показывает популярные записи. Посетитель за три секунды считывает, о чём ресурс и стоит ли задержаться.
В WordPress главная по умолчанию представляет собой хронологическую ленту. Чтобы получить поведение контентного сайта, нужно переключить её на статическую страницу и собрать из блоков или виджетов.
Какие элементы должны быть с самого запуска
Продуманная система рубрик с коротким URL для каждой. Главная с категорийными блоками вместо ленты. Меню с выпадающими разделами. Сайдбар с популярными записями и поиском. Хлебные крошки (breadcrumbs) на каждой странице, чтобы и читатель, и поисковый робот понимали структуру. XML-карта сайта для поисковых систем. Ни один из перечисленных элементов не требует платных инструментов.
Хостинг для WordPress — бесплатные и бюджетные варианты
Бесплатные хостинги, на которых можно поставить WordPress
InfinityFree и GoogieHost предлагают бесплатный хостинг с PHP, MySQL и автоустановщиком WordPress. Без рекламы на сайте. Но нет SSH, нет полноценного cron, скорость ниже платных аналогов. Для тестового проекта подходит, при росте посещаемости оба начнут тормозить.
Oracle Cloud предоставляет бесплатный виртуальный сервер навсегда с полным доступом. Настройка требует технических знаний, но вариант мощный.
Когда стоит платить и сколько
Shared-хостинг с поддержкой WordPress обойдётся в 150-300 рублей в месяц и закроет все потребности старта. VPS от 300 рублей в месяц даёт полный контроль и пригодится для автоматизации.
Домен обойти не получится, 200-600 рублей в год в зоне .ru. Бесплатные поддомены работают для тестов, но выглядят непрофессионально и получают меньше доверия от поисковиков.
Установка WordPress и первые настройки
На большинстве хостингов WordPress ставится через автоустановщик за пару минут. Получаете работающую админ-панель по адресу yourdomain.ru/wp-admin.
Перед тем как трогать оформление, пройдитесь по настройкам. Постоянные ссылки (Settings → Permalinks) переключите на «Название записи», чтобы URL выглядел как yourdomain.ru/nazvanie-stati. Менять структуру потом крайне нежелательно. Включите опцию «не индексировать сайт» в Settings → Reading, чтобы поисковые роботы не трогали незаконченный проект. Удалите дефолтные записи и страницы.
Как активировать SSL
SSL-сертификат переводит сайт на защищённый протокол https. Без него браузер покажет предупреждение «Не защищено» рядом с адресом, а поисковые системы понизят сайт в выдаче.
На shared-хостинге SSL обычно активируется в панели управления. Найдите раздел «SSL/TLS» или «Безопасность» в cPanel, выберите бесплатный сертификат Let’s Encrypt и нажмите «Установить». Через несколько минут сайт начнёт работать по https.
На VPS понадобится Certbot. Подключитесь к серверу по SSH и выполните команду установки (для Ubuntu: sudo apt install certbot python3-certbot-nginx), затем запустите sudo certbot —nginx. Certbot автоматически получит сертификат и настроит веб-сервер. Сертификат обновляется автоматически каждые 60-90 дней.
После активации SSL зайдите в Settings → General и замените http:// на https:// в полях «WordPress Address» и «Site Address». Если этого не сделать, часть ресурсов будет грузиться по старому протоколу, и браузер покажет предупреждение о смешанном контенте.
Как выбрать тему и почему не стоит начинать с неё
Тема отвечает за внешний вид и расположение элементов. Структуру контента она не создаёт, а отображает то, что вы уже настроили. Но раз структуру мы обсудили, теперь можно выбирать.
Бесплатные темы для сайта со статьями
Kadence весит меньше 50 килобайт и включает стартовые шаблоны с сеткой и категорийными блоками. Высокие оценки скорости. Настраивается через визуальный редактор без кода.
Blocksy по функциональности ближе к платным темам. Гибкий конструктор шапки и подвала, быстрая загрузка. Бесплатная версия закрывает потребности старта.
ColorMag заточена под сайты со статьями и насчитывает больше ста тысяч установок. Виджетные зоны на главной, бегущая строка, несколько сеток. Стартовый шаблон импортируется в один клик. Тяжелее предыдущих двух, но и настраивать нужно меньше. Newspack от Automattic (создатели WordPress) использует наработки крупных медиа. Бесплатная, но менее гибкая визуально.
Платные темы и за что именно платишь
Newspaper от tagDiv остаётся лидером продаж. Больше тысячи готовых дизайнов, визуальный конструктор, облачная библиотека. Экономит время, но загружает заметно больше скриптов. На бюджетном хостинге страницы будут открываться медленнее, чем с лёгкой темой.
Мой совет для старта — бесплатная тема. Kadence или Blocksy, если готовы потратить вечер на настройку. ColorMag, если хотите готовый вид сразу после импорта демо.
Импорт демо-контента и настройка главной
После установки темы найдите опцию Starter Sites или Demo Import. Импорт создаст тестовые записи, страницы, меню и виджеты. Заполните своим контентом, тестовые записи удалите.
В Settings → Reading переключите «Your homepage displays» на «A static page» и выберите страницу, созданную импортом. WordPress перестанет показывать хронологическую ленту и начнёт отображать собранную витрину. Без переключения сайт продолжит вести себя как блог, какую бы тему вы ни поставили.
Здесь же, в поле «Posts page», укажите страницу для ленты всех записей. Создайте пустую страницу с названием «Все статьи» или «Блог» и назначьте её сюда. WordPress автоматически будет выводить на ней хронологический список публикаций. Если пропустить этот шаг, пагинация и архивы перестанут работать корректно, а у читателя не будет возможности просмотреть все материалы в одном месте.
Структура рубрик и меню до первой публикации
Частая ошибка на старте — создать пятнадцать рубрик «на будущее». Половина останутся пустыми. Четырёх-семи рубрик на первое время хватит. Каждая должна вмещать минимум пять статей в ближайший месяц. Не получается набрать столько тем — объедините с соседней.
Рубрики создаются в Posts → Categories. Slug укажите на латинице через дефис, он станет частью URL. Теги используйте для уточнения внутри рубрик, не дублируя названия самих рубрик.
Меню собирается в Appearance → Menus. Добавьте рубрики, сгруппируйте в подменю при необходимости, назначьте в позицию Primary. Обязательно проверьте на мобильном, что подменю раскрываются корректно.
Плагины, без которых сайт не работает
SEO и карта сайта
Rank Math (бесплатная версия) проведёт через мастер настройки, поможет подключить Google Search Console и сгенерировать XML-карту. При написании статей плагин оценивает оптимизацию текста под ключевые слова.
Скорость загрузки и кэширование
Без кэширования сервер собирает каждую страницу заново для каждого посетителя. WP Super Cache или LiteSpeed Cache решают задачу, создавая статические копии. ShortPixel или Smush автоматически сжимают изображения при загрузке, и на сайте со статьями именно картинки чаще всего замедляют открытие страниц.
Безопасность и резервные копии
Wordfence (бесплатно) защищает от brute-force атак и мониторит файлы на несанкционированные изменения. UpdraftPlus (бесплатно) делает автоматические бэкапы в облако. Настройте еженедельное копирование на Google Drive. Рано или поздно что-то пойдёт не так, и бэкап вернёт сайт за минуты.
Настройка внешнего вида без знания кода
Как собрать главную страницу в Kadence
Если вы выбрали Kadence и импортировали стартовый шаблон, главная уже содержит базовую структуру. Но чтобы она работала под ваши рубрики, нужно перестроить её вручную. Откройте главную страницу через Pages → All Pages → Edit.
Вы попадёте в блоковый редактор WordPress. Главная собирается из блоков, каждый из которых выводит определённый тип контента. Вот как выстроить структуру сверху вниз.
Верхний блок — главный материал. Добавьте блок «Latest Posts» (через кнопку «+» в редакторе, поиск по названию). В настройках блока справа выберите отображение в виде сетки (Grid View), задайте одну колонку и включите показ Featured Image. Можно ограничить вывод одной записью или выбрать конкретную рубрику «Избранное», куда будете вручную помещать главные материалы. Крупная карточка с изображением и заголовком формирует визуальный якорь страницы.
Следующий ряд — категорийные блоки. Для каждой рубрики добавьте отдельный блок «Latest Posts» или, если хотите больше контроля, блок «Query Loop». В настройках каждого блока укажите конкретную рубрику, задайте количество записей (три-четыре на блок) и выберите сетку в две или три колонки. Перед каждым блоком поставьте заголовок H2 с названием рубрики. Читатель увидит привычную структуру контентного сайта: секция «Технологии» с тремя карточками, секция «Финансы» с тремя карточками и так далее.
Kadence добавляет собственные блоки с расширенными возможностями. Блок «Kadence Posts» (появляется после установки плагина Kadence Blocks, бесплатный) даёт больше вариантов оформления карточек: можно менять расположение изображения относительно текста, добавлять мета-информацию (дата, автор, рубрика), настраивать отступы и типографику. Для главной страницы он удобнее стандартного «Latest Posts».
Между категорийными блоками можно вставить разделитель (блок «Separator») или блок с произвольным текстом, например, короткий анонс подписки или ссылку на популярную подборку.
Если вместо Kadence вы выбрали ColorMag, подход другой. ColorMag использует виджетные зоны. Зайдите в Appearance → Widgets и найдите зону «Front Page» или аналогичную (названия зависят от версии темы). Перетаскивайте туда виджеты темы: «ColorMag: Featured Posts», «ColorMag: Highlighted Posts», «ColorMag: Category Slider». Каждый виджет привязывается к конкретной рубрике, количество записей и стиль отображения настраиваются прямо в виджете.
Как настроить сайдбар
Сайдбар (боковая колонка) по умолчанию либо пустой, либо заполнен стандартными виджетами WordPress, которые бесполезны для контентного сайта. Зайдите в Appearance → Widgets и найдите зону «Sidebar» (или «Primary Sidebar»).
Удалите оттуда всё, что стоит по умолчанию. Добавьте виджеты в таком порядке.
Поиск (Search). Размещается первым, потому что значительная часть посетителей приходит на сайт с конкретным запросом и хочет найти нужный материал быстро.
Популярные записи. В Kadence и Blocksy есть встроенный виджет для вывода записей по количеству просмотров или комментариев. Если встроенного нет, поставьте бесплатный плагин «WordPress Popular Posts», он добавит соответствующий виджет. Выведите пять-семь записей с миниатюрами.
Рубрики (Categories). Стандартный виджет WordPress. Включите отображение количества записей в каждой рубрике, чтобы посетитель видел, насколько активно заполнен раздел. Не включайте иерархическое отображение, если у вас нет подрубрик.
Если планируете email-рассылку, добавьте форму подписки. Плагины вроде MailPoet (бесплатный, до 1000 подписчиков) предоставляют готовый виджет.
Kadence и Blocksy позволяют задать разные сайдбары для разных типов страниц. Например, на странице отдельной записи в сайдбар можно добавить оглавление (Table of Contents), а на главной его убрать. Настраивается через Customizer → Sidebar.
Как включить хлебные крошки
Хлебные крошки (breadcrumbs) показывают путь от главной до текущей страницы: Главная → Рубрика → Название записи. Для поисковых систем они создают дополнительную внутреннюю перелинковку, а для читателя упрощают навигацию.
Rank Math, который мы уже установили, имеет встроенную функцию хлебных крошек. Зайдите в Rank Math → General Settings → Breadcrumbs и включите их. Здесь же можно настроить разделитель (по умолчанию »), текст для главной страницы и поведение на страницах рубрик.
Kadence и Blocksy поддерживают хлебные крошки Rank Math из коробки. В Customizer → Breadcrumbs (или аналогичном разделе темы) выберите источник «Rank Math» и укажите, на каких страницах их показывать. Обычно хлебные крошки включают везде, кроме главной.
Логотип, иконка, цвета и шрифты
Через Appearance → Customize загрузите логотип и фавикон (иконку для вкладки браузера). Задайте один акцентный цвет для ссылок и кнопок, больше двух-трёх превращают страницу в визуальный шум. Шрифты подбирайте парой, один для заголовков, один для текста. Или оставьте системные, они загружаются быстрее.
Как оформить и опубликовать первую запись
Прежде чем думать об индексации, нужно правильно оформить записи. Разница между «написать текст и нажать Publish» и «опубликовать оптимизированную запись» определяет, найдут ли статью в поисковиках и как она будет выглядеть на главной.
Создание записи по шагам
Зайдите в Posts → Add New. Откроется блоковый редактор. Вверху введите заголовок. Ниже начинайте набирать текст. Каждый абзац автоматически становится отдельным блоком. Для подзаголовков используйте блок «Heading» (H2 для основных разделов, H3 для подразделов внутри). Не пропускайте уровни: после H2 идёт H3, не H4.
В правой панели откройте вкладку «Post» (если она не видна, нажмите на иконку шестерёнки в правом верхнем углу). Здесь находятся все метаданные записи.
Рубрика (Categories). Отметьте одну рубрику, к которой относится запись. Можно выбрать несколько, но лучше одну основную — так структура сайта остаётся чистой.
Теги (Tags). Добавьте два-пять тегов, уточняющих тему записи. Не повторяйте название рубрики.
Featured Image (Изображение записи). Нажмите «Set featured image» в правой панели и загрузите изображение. Именно оно появится на главной странице в карточке записи, в результатах поиска и при расшаривании ссылки в мессенджерах. Оптимальный размер зависит от темы, но ориентируйтесь на 1200×630 пикселей — такое соотношение корректно отображается и в карточках на сайте, и при публикации ссылки в соцсетях. Загружайте изображения в формате WebP или JPEG. Если установлен ShortPixel или Smush, плагин сожмёт файл автоматически.
Где брать изображения. Бесплатные фотостоки с лицензией, позволяющей коммерческое использование: Unsplash, Pexels, Pixabay. Если нужны уникальные иллюстрации, можно генерировать через нейросети (Kandinsky от Сбера бесплатен и работает без ограничений по коммерческому использованию).
URL записи (Slug). WordPress автоматически сгенерирует slug из заголовка. Если заголовок на русском, slug может оказаться транслитерированным или слишком длинным. Отредактируйте его вручную: короткий, на латинице, через дефисы, отражающий суть записи. Например, для статьи «Как выбрать ноутбук в 2026 году» slug будет kak-vybrat-noutbuk-2026.
Настройка SEO для записи в Rank Math
Под редактором записи Rank Math показывает блок оптимизации. Нажмите «Edit Snippet» для настройки.
Focus Keyword — введите ключевое слово, под которое написана статья. Rank Math покажет оценку оптимизации и конкретные рекомендации: ключевое слово в заголовке, в первом абзаце, в подзаголовках, плотность вхождений. Зелёный индикатор означает, что базовая оптимизация выполнена.
SEO Title — заголовок, который увидят пользователи в результатах поиска. По умолчанию совпадает с заголовком записи, но его можно переписать. Оптимальная длина 50-60 символов.
Meta Description — описание записи в результатах поиска. Напишите одно-два предложения, которые объясняют, что читатель найдёт в статье. Оптимальная длина 140-160 символов. Если оставить поле пустым, поисковик сам выберет фрагмент текста, и не всегда удачно.
После заполнения всех полей нажмите «Publish». Первую запись опубликуйте сразу, без планирования по времени, чтобы убедиться, что всё работает: карточка на главной отображается с изображением, рубрика назначена верно, URL корректный, хлебные крошки показывают правильный путь.
Как подготовить сайт к индексации в поисковиках
Перед тем как снять галочку «не индексировать», пройдитесь по списку.
[√] Постоянные ссылки переключены на «Название записи»
[√] Главная отображает статическую страницу, а не ленту
[√] Рубрики созданы, slug на латинице
[√] Меню назначено в Primary
[√] SEO-плагин настроен, XML-карта генерируется
[√] Опубликованы минимум пять-десять статей
[√] SSL активен (адрес с https)
[√] Показатель LCP главной страницы менее 2,5 секунд (проверяется в Google PageSpeed Insights)
[ ] Страницы «О сайте» и «Контакты» желательны, но запуск не блокируют
Зарегистрируйтесь в Яндекс.Вебмастер и Google Search Console (оба бесплатны). Подтвердите владение сайтом через Rank Math. Отправьте XML-карту. Первые позиции в поисковой выдаче для нового сайта появляются через одну-четыре недели. Для конкретных страниц можно запросить индексацию вручную через «Проверку URL» в Search Console.
Автоматизация написания статей из списка тем
Когда сайт работает, встаёт вопрос наполнения. Если есть готовый список тем, процесс можно частично автоматизировать.
Как работает связка «список тем + генерация + публикация»
В таблице хранятся темы. Программа-автоматизатор берёт очередную, отправляет языковой модели промпт, получает текст и публикует через WordPress REST API. Для доступа к API нужен application password из Users → Your Profile. Никаких дополнительных плагинов ставить не придётся, REST API встроен в WordPress начиная с версии 4.7.
Бесплатные инструменты для автоматизации
n8n — платформа с открытым кодом, устанавливается через Docker и работает бесплатно. Готовые модули для WordPress и языковых моделей. Визуальный редактор позволяет собрать цепочку «Google Sheets → генерация → публикация» без написания кода.
Ollama запускает языковые модели прямо на вашем компьютере без API-ключей и без оплаты. Поддерживает Llama, Mistral, DeepSeek. Для моделей среднего размера хватает обычного ноутбука. Если локальная генерация не подходит, Google Gemini API предоставляет бесплатный тариф, лимита которого хватает на несколько статей в день.
Подробный разбор настройки pipeline — тема отдельного руководства.
#технологии #IT #полезное #советы #разработка #софт