Курс по Wordpress

Как создать сайт на WordPress в 2024 году. Пошаговое руководство с советами и ссылками

wp Разработка сайта
almazwptemplates.ru

Привет. Меня зовут Илья. В этой статье я собрал пошаговую инструкцию по созданию сайта на CMS WordPress. С Вордпресс я работаю более 7 лет (мои кейсы) и эта статья является выжимкой моих знаний в кратком изложении.

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

WordPress крутой движок, с помощью него можно разработать сайт любого формата:

  1. Блог
  2. Новостной сайт
  3. Лендинг (мой гайд про лендинг)
  4. Сайт визитка
  5. Интернет магазин (мой гайд про разработку магазина)
  6. Портфолио
  7. Онлайн школа (мой гайд про школу)

Содержание
  1. Видеоинструкция по разработке сайта
  2. Пошаговое руководство по созданию сайта на CMS WordPress для новичков
  3. Определяемся с тематикой
  4. Выбор домена и хостинга. Регистрация
  5. Домен
  6. Хостинг
  7. Видеоинструкция
  8. Установка SSL-сертификата
  9. Установка движка WordPress
  10. Базовые настройки
  11. Общие
  12. Написание
  13. Чтение
  14. Обсуждение
  15. Медиафайлы
  16. Постоянные ссылки
  17. Выбор шаблона оформления для сайта
  18. Подборки шаблонов Вордпресс:
  19. Советы по выбору шаблона
  20. Установка и настройка шаблона
  21. Плагины
  22. Как установить плагин
  23. Плагины, которые я рекомендую для каждого сайта:
  24. Настройки для улучшения СЕО
  25. Плагин Clearfy Pro — мега плагин для сайта
  26. Плагин Yoast SEO — улучшаем СЕО
  27. Плагин кэширования (WP Super Cache)
  28. Файл robots.txt
  29. Настройка защиты на сайте
  30. Antispam Bee — плагин для борьбы со спамом
  31. All In One WP Security — плагин для борьбы со злоумышленниками
  32. Дополнения для сайта
  33. Приём оплаты
  34. Контактная форма
  35. Форма подписки на рассылку
  36. Модальное окно (попап)
  37. Картинки в модальном окне
  38. Похожие записи
  39. Кнопки соцсетей
  40. Баннеры
  41. Делаем начальное наполнение сайта
  42. Меню (структура сайта)
  43. Страницы
  44. Политика конфиденциальности
  45. Записи (статьи)
  46. Рубрики
  47. Метки
  48. Пример работы рубрик и меток
  49. Заключение

Видеоинструкция по разработке сайта

Пошаговое руководство по созданию сайта на CMS WordPress для новичков

Определяемся с тематикой

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

Для вдохновения и поиска идей вы можете посмотреть каталоги сайтов, рейтинги:

  1. Рейтинг сайтов от LiveInternet — liveinternet.ru/rating/ru
  2. Рейтинг сайтов от Rambler (с разбивкой по тематикам) — top100.rambler.ru

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

Выбрали тематику? Отлично, идем дальше.

Выбор домена и хостинга. Регистрация

Домен

Домен (доменное имя) — это имя сайта, то название, по которому посетители будут попадать на ваш блог. У моего сайта домен ichigarev.ru, у вас будет свой.

Как выбрать домен? 3 рекомендации
  1. Чем короче слово, тем лучше;
  2. Если нужный домен занят, попробуйте добавить цифры или тире, если подходит по логике и продолжает понятно читаться;
  3. Если домен на английском, то желательно без использования шипящих букв, иначе это выглядит так (ч — ch, ж — zh и пр.).

Хотите научиться зарабатывать в интернете? Написал большой гайд, где показал 41 метод заработка через интернет — статья по ссылке.

Проверка на занятость

Сервис для проверки занятости домена — timeweb.com/ru/services/domains

Хотите научиться делать сайты?

Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс "Идеальный сайт на Wordpress" и "Лендинг в Elementor", где рассказал пошаговый план как создавать крутые сайты.

Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты.

Подробнее читайте по ссылке.

Впишите интересующий вариант и нажмите «Проверить домены».

Проверка домена на занятость
Проверка домена на занятость
Проверка истории

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

У меня раньше был другой сайт по адресу http://ilyachigarev.ru, давайте сделаем проверку на его примере.

Для проверки предлагаю использовать два метода:

1. Проверка через сервис web.archive.org

Впишите домен и посмотрите покажет какую-либо историю домена или нет. Можно даже увидеть как выглядел сайт и какие были публикации.

Проверка сайта через архив
Проверка сайта через архив

Давайте выберем например 26 августа 2013 года и увидим как в это время выглядел сайт

Как выглядел сайт в 2013 году
Как выглядел мой старый сайт в 2013 году

2. Впишите интересующий домен в поисковик

Если находятся записи с таким доменом, значит он уже ранее был зарегистрирован. И тут уже выбор за вами регистрировать его повторно или нет.

Проверка домена через поиск
Проверка домена через поиск

Как выберите домен, не спешите его регистрировать, сначала давайте купим хостинг.

Хостинг

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

Обычный хостинг

Его еще называют share (виртуальный) хостинг, это самый дешевый вариант хостинга, отлично подходит для новых проектов, потому что:

  • сайт пока что мало весит, то есть нужно мало места;
  • и пока что маленькая посещаемость, нужно немного ресурсов для обработки запросов.

Но когда посещаемость сайта перевалит за 1000 посетителей в сутки, вам придется или покупать тариф подороже или переезжать на VDS хостинг. Я так и сделал, когда трафик на моем блоге вырос. Вы же можете сразу купить VDS, если в дальнейшем не хотите заморочек с переносом сайта. Средняя цена обычного хостинга 150 руб./мес.

Я всем советую хостинг Timeweb.

Видеоинструкция

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

Видео было записано в рамках моего курса «Идеальный сайт на WordPress». Подробнее про курс можете почитать тут.

Заметка: На обычном хостинге также важно использовать выделенный ip адрес. Если этого не сделать, то ваш сайт будет находится в одном «месте» с сайтами других разработчиков.

Репутация вашего сайта будет зависеть от «соседей» и если эти соседние проекты некачественные или используют запрещенную информацию, то они будут тянуть ваш сайт вниз. Поэтому если вы хотите успешно продвигать свой ресурс в интернете, то выделенный ip это необходимость.

VDS/VPS

Если в двух словах, то VDS хостинг выдерживает больше нагрузки и трафика, а еще у ваших сайтов будет выделенный ip адрес. На обычном хостинге тоже можно купить отдельный ip, но за это нужно доплатить, в среднем 100 руб./мес. Средняя цена VDS хостинга 500 руб./мес.

Заметка: VDS и VPS это одно и тоже.

На моем блоге есть отдельная статья, которая посвящена вопросам домена и хостинга, в конце вы найдете видео уроки как зарегистрировать хостинг и домен — открыть статью в новой вкладке.

Что такое хостинг домен сайт
Пример регистрации хостинга на примере Timeweb:
  1. Выберите вкладку Хостинг;
  2. Выберите тариф. Для начала можно выбрать самый простой, если планируете размещать только один сайт;
  3. Впишите свой емейл и ФИО, которые требуются при регистрации;
  4. После успешной регистрации вам на почту придут данные для входа, логин и пароль;
  5. Зайдите с помощью них в панель управления хостингом и пополните баланс. Оплатить можно 1 месяц, можно сразу на год вперед. Лучше платить на год, так получается экономнее;
  6. Хостинг готов к работе.
Покупка хостинга
Регистрация хостинга
Оплата хостинга
Оплата хостинга
Пример регистрации домена:
  1. На главном экране в панеле управления хостингом выберите Домены и поддомены > Зарегистрировать домен;
  2. Впишите нужный домен, после проверки на занятость появится зеленая галочка, домен свободен, нажимаем Зарегистрировать:
  3. Далее нужно нажать Создать нового администратора и вписать свои правдивые данные, чтобы домен был закреплен за вами, за настоящим человеком. Если вы делаете сайт для кого-то, то вписывайте данные владельца;
  4. После всех настроек оплачиваем домен и ждем его активации.

Бонус. Если вы оплатите любой тариф хостинга сразу на 1 год, то вам дадут домен в зоне .ru в подарок! И еще тариф выйдет дешевле, имейте ввиду :)

Регистрация домена
Регистрация домена
Впишите название домена
Впишите название домена
Добавьте данные администратора
Добавьте данные администратора

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

Установка SSL-сертификата

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

В итоге ваш проект будет доступен по ссылке https://, а не просто http://.

Привет ssl сертификата на моем блоге
Пример установленного ssl-сертификата

Сертификат я устанавливаю перед установкой WordPress, чтобы в последствии не появилась проблема «смешанный контент», это некоторые файлы сайта открываются по http:// и если есть хотя бы один такой файл, то браузер будет ругаться, пока мы это не исправим.

Для новичков я рекомендую устанавливать бесплатный сертификат Let’s encrypt. Сегодня он почти ничем не отличается от платного. Установили один раз и хостер сам будет его обновлять. Но если все же хотите установить платный, то обойдется он примерно в 1000 руб./ год. Его нужно будет обновлять, либо же сразу купить на 2-3 года и забыть на это время.

Купить платный SSL можно сразу на хостинге.

Выбор сертификата на хостинге Timeweb
Выбор сертификата на хостинге Timeweb

Бесплатный можно и нужно установить прямо из админки хостинга.

Смотрите также: Как создать онлайн-школу с нуля в 2024 годуподробный гайд (+ мой пример).

Как создать онлайн школу

Установка движка WordPress

Есть два метода установить WordPress.

1 — вручную
2 — с помощью инструментов хостинга (если такая функция есть у хостера)

Я чаще выбираю первый, потому что все данные ты создаешь самостоятельно, а хостинг часть процесса автоматизирует. В любом случае, независимо от того какой метод вы выберите, он займет у вас не более 10-ти минут.

Видеоинструкция по созданию базы данных (видео с моего курса)

Создание базы данных

Видеоинструкция по установке WordPress (видео с моего курса)

Установка WordPress

Поздравляю! Ваш сайт уже виден в интернете и можно публиковать статьи. Но мы можем его сделать еще лучше, если сделаем дополнительные настройки.

Базовые настройки

Переходим в раздел Настройки и по очереди настраиваем:

Заметка: Я не буду рассказывать за что отвечает каждый пункт, сделаю акцент только на важных моментах. Каждая настройка написана на русском языке, если будет что-то не понятно, пишите в комментариях или попробуйте поискать ответы в сети.

Общие

  • Название сайта — пишем как будет называться ваш проект.
  • Краткое описание — пишем 1-2 предложения с использованием ключевых слов по вашей тематике, о чем ваш сайт.
Базовые настройки » Вкладка Общие
Базовые настройки » Вкладка Общие

Остальные настройки как правило автоматически сделаны правильно. Сохраняемся и идем дальше.

Написание

  • Форматирование — здесь я убираю галочки
  • Сервисы обновления — тут вставляю такие значения (можете также скопировать и вставить на своем сайте):

https://blogsearch.google.ru/ping/RPC2
https://blogsearch.google.com/ping/RPC2
https://ping.blogs.yandex.ru/RPC2

Базовые настройки » Вкладка Написание
Базовые настройки » Вкладка Написание

Больше ничего не меняю. Сохраняемся.

Чтение

  • На главной странице отображать — здесь можно задать что мы покажем на главной странице, ленту блога или статическую страницу. Я выбираю второй вариант и создаю лендинг, вы же можете пока что оставить ваши последние записи.
  • Видимость для поисковых систем — галочка не должна стоять.
Базовые настройки » Вкладка Чтение
Базовые настройки » Вкладка Чтение

Обсуждение

Выставите настройки как на скриншоте. Я делаю так, чтобы одобрять все комментарии вручную. Потому что как только у вас начинает появляться посещаемость, начинают писать комментарии с попыткой прорекламировать свой сайт на вашем проекте, и такие комментарии нужно изменять или удалять, перед тем как они будут опубликованы.

Базовые настройки » Вкладка Обсуждение
Базовые настройки » Вкладка Обсуждение

Медиафайлы

Я ставлю все значения на 0. Потому что мне не нужна автоматическая обрезка картинки, я ее сам изменяю через редактор Photoshop, и если оставить цифры, то с каждой загруженной картинкой, WordPress будет создавать еще три копии с разными размерами, будет занято больше места на хостинге, а это нам не нужно.

Базовые настройки » Вкладка Медиафайлы
Базовые настройки » Вкладка Медиафайлы

Постоянные ссылки

Ставим чекбокс на «Произвольно» и добавляем запись в строку: /%category%/%postname%.html

Либо просто выбираем пункт «Название записи», это тоже достойный вариант.

Базовые настройки » Вкладка Постоянные ссылки
Базовые настройки » Вкладка Постоянные ссылки

Сохраняемся!

Выбор шаблона оформления для сайта

Охх, когда я только начинал создавать сайты, то на этом этапе я очень долго тормозил. Мне нравились многие шаблоны, но не везде попадался нужный для меня функционал. Чтобы не соврать, но пару месяцев я не мог определиться это уж точно. Не желаю такого никому :)

Где вообще искать шаблоны и какой выбрать платный или бесплатный?

Я всем рекомендую использовать платные шаблоны и сам на своих сайтах использую только покупные шаблоны. Как правило, в платных шаблонах больше функций, больше настроек, чтобы сделать сайт максимально удобным. Средняя цена за шаблон ≈4000 руб.

Почти все последние проекты я сделал на шаблоне Reboot и конструкторе Elementor. Это лучшая связка для создания любого формата сайта.

Но если вы новичок и/или не хотите тратить деньги, то выбирайте для начала бесплатный вариант. Большая галерея шаблонов находится на официальном сайте https://ru.wordpress.org/themes/

Каталог бесплатных шаблонов WordPress
Каталог бесплатных шаблонов WordPress

Для удобства я собрал список из 30+ неплохих бесплатных шаблонов на WordPress, можете там поискать вариант для себя.

Когда меня спрашивают порекомендовать хороший платный шаблон для блога, я всегда даю ссылку либо на

  • Reboot — универсальный шаблон
  • Root — для блога
  • JournalX — для новостного сайта
  • CookIt — если блог на кулинарную тематику

Эти шаблоны разработали русскоязычные ребята из компании WPShop и на сегодня это лучшее решение для быстрого старта сайта на WordPress.

Шаблоны идеальные, подробнее о них я говорил в этой статье, если интересно почитайте.

Шаблоны от WPShop
Шаблоны от WPShop

Помимо многих преимуществ, одно из главных это админ панель на русском языке. То, что многих тормозит в начале пути создания сайта.

Второй сайт, где я рекомендую покупать шаблоны это ThemeForest. Это уже англоязычный магазин, где продаются тысячи шаблонов. Чтобы не блуждать среди них, посмотрите подборку про 45+ лучших шаблонов для блога на WP.

Шаблоны в магазине ThemeForest
Шаблоны в магазине ThemeForest

Подборки шаблонов Вордпресс:

Остальные подборки на разные тематики ищите тут.

Когда я выбирал, еще не знал про шаблоны от WPShop, иначе сразу выбрал бы Reboot и сэкономил 2 месяца жизни :)

Советы по выбору шаблона

  1. Смотрите как отображается лента статей;
  2. Смотрите как выглядит отдельная статья, есть сайдбар (боковая колонка или нет), если вы решите использовать его на блоге;
  3. Если есть документация или описание к шаблону, прочитайте какие настройки вы сможете делать после его установки;
  4. Если решите использовать бесплатный шаблон, то устанавливайте его через админ панель Внешний вид — Темы. Если скачать со стороннего ресурса, велик шанс словить вирус;
  5. Если устанавливаете платный шаблон, то читайте отзывы которые пишут те кто купил тему;
  6. Посмотрите когда было последнее обновление шаблона, если больше года назад, то я бы подумал насчет такого варианта. WordPress постоянно обновляется и шаблонам периодически требуются обновления.

Я подготовил отдельную статью с частыми ответами на вопросы по премиум шаблонам, также там есть видео, в котором я рассказываю как правильно выбрать и купить шаблон на ThemeForest — FAQ по премиум шаблонам.

Установка и настройка шаблона

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

  1. Настройки темы находятся во вкладке «Внешний вид» — «Настроить», либо «Внешний вид» — [Название темы], либо отдельной вкладкой с названием темы;
  2. Настройте заголовок и описание сайта в левом верхнем углу, либо загрузите логотип;
  3. Выберите размер и семейство для шрифтов (заголовков и наборного текста);
  4. Выберите основные цвета сайта для элементов и шрифта;
  5. Сделайте настройки нижней части сайта (подвала).

Примеры панели настроек у шаблонов:

Пример панели настроек у шаблона The7
Пример панели настроек у шаблона The7
Пример панели настроек у шаблона CookIt
Пример панели настроек у шаблона CookIt

Плагины

Плагины это дополнения для сайта.

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

Как установить плагин

В админке сайта выберите Плагины » Добавить новый » Выберите из каталога WordPress или загрузите свой.

Процесс установки плагина
Процесс установки плагина

Плагины, которые я рекомендую для каждого сайта:

  1. Clearfy Pro
  2. Yoast SEO
  3. WP Super Cache
  4. Antispam Bee
  5. All In One WP Security

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

Настройки для улучшения СЕО

Подготовить сайт для СЕО продвижения важно, посетители из поисковых систем это основной источник трафика.

плагин clearfy pro

Плагин Clearfy Pro — мега плагин для сайта

Сразу скажу что он платный, но это мега вложение в ваш сайт. В нем сочетается два качества, он легкий, не нагружает систему и сочетает в себе много важных настроек для правильной работы сайта, СЕО, очистки лишнего мусора и защиты от злоумышленников. Подробнее о плагине вы можете прочитать в моем обзоре или на сайте разработчиков.

Это все те же WPShop, чьи шаблоны я рекомендовал выше.

Если не ставить Clearfy Pro, взамен тогда нужно установить:

  • Cyr to Lat enhanced — делает транслитерацию символов с русских на латиницу, ссылка на плагин.
  • С другими плагинами для чистки кода от мусора я не работал, поэтому информацию можете поискать самостоятельно.
Как выглядят настройки плагина Clearfy Pro
Как выглядят настройки плагина Clearfy Pro

Но! Имейте ввиду, если даже вы не установите этот плагин на блог, ничего страшного не произойдет, это не панацея, блог будет также работать. Просто если его установить, то сайт будет более привлекательным для поисковых систем, по сравнению с вашими конкурентами. Можете установить его со временем.

Плагин Yoast SEO — улучшаем СЕО

Основной плагин для СЕО. С помощью него мы будем прописывать Заголовок и Описание для каждой статьи, страницы, рубрики. Это мега важно для продвижения.

Также с помощью плагина мы создадим карту сайта XML, которая важна для ПС (поисковых систем).

Ссылка на плагин Yoast SEO

Пример настроек для статьи плагина Yoast SEO
Пример настроек для статьи плагина Yoast SEO

Плагин кэширования (WP Super Cache)

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

Ссылка на плагин WP Super Cache

Файл robots.txt

Важный файл для ПС, он показывает какие файлы и страницы на сайте можно индексировать, а какие нет. В сети много вариантов сборки файла Роботса, я вам прикреплю свой вариант, который использую на своих блогах и для клиентов.

Ссылка на архив с файлом robots.txt. Файл нужно сначала извлечь из архива, откройте его через блокнот и отредактируйте в двух местах, там где site.ru замените на свой домен, а затем сохраните файл и закачайте в корень сайта.

Настройка защиты на сайте

Защищать сайт нужно от двух бед, это спам и взлом.

Antispam Bee — плагин для борьбы со спамом

Для борьбы со спамом я использую плагин Antispam Bee.

All In One WP Security — плагин для борьбы со злоумышленниками

Основной плагин для защиты от взлома. Имеет множество полезных функций. Ссылка на плагин All In One WP Security.

Примечание. Всегда помните, что на 100% защититься от злоумышленников вы не сможете, всегда найдется кто-то более проворный, кто сможет взломать сайт, если захочет. Но и не нужно этого бояться, на моей практике пока что ни мои, ни сайты клиентов не взламывали.

В любом случае вам нужно научиться делать бэкапы сайта (резервные копии), чтобы всегда иметь возможность восстановить сайт, если с ним что-то произойдет. Как правильно делать бэкап я сделаю отдельную статью.

Дополнения для сайта

Итак, сайт мы создали, настроили шаблон, СЕО и защиту. Теперь давайте посмотрим какие дополнительные элементы мы можем поставить на наш проект, чтобы он был еще более эффективным.

Наиболее популярные дополнения:

Приём оплаты

Если у вас интернет-магазин или вы что-то продаёте с блога, например курсы, то можете подключить сервис приёма оплаты. Это делается для удобства посетителей и для соблюдения закона об оплате товаров и услуг через интернет.

Контактная форма

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

Пример контактной формы на моем блоге
Пример контактной формы на моем сайте

Форма подписки на рассылку

Чтобы начать собирать базу подписчиков, нужно сначала зарегистрироваться на сервисе рассылок. Сегодня на рынке много предложений, самые популярные это:

  • MailChimp
  • SendPulse
  • Getresponse
  • MailerLite
  • Unisender

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

Пример блока с формой подписки
Пример блока с формой подписки

Модальное окно (попап)

В данном окне вы можете что-то предложить или перенаправить посетителя на нужную вам страницу, например страницу с акцией или интересной свежей статьей. Также можно добавить форму заявки /подписки в модальное окно. Наиболее популярный плагин из бесплатных это Popup Maker.

Пример попап окна
Пример попап окна

Картинки в модальном окне

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

Похожие записи

После каждой статьи мы можем выводить блок с похожими статьями. Это улучшит поведенческие факторы, т.к. посетитель может переходить по другим страницам блога и больше времени проведет на сайте. Также это важно для СЕО, потому что получается внутренняя перелинковка.

Этот элемент есть почти в каждом шаблоне.

Пример виджета похожих записей после статьи
Пример виджета похожих записей после статьи

Кнопки соцсетей

Связь с соцсетями тоже важный пункт для продвижения блога. Вы можете добавить два вида кнопок:

  1. Кнопки соцсетей, которые будут вести на ваши профили/группы, канал на Ютубе. Можно также использовать виджеты.
  2. Кнопки, с помощью которых можно поделиться в соцсетях статьей с вашего сайта.

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

Пример виджета соцсетей для репостов
Пример виджета соцсетей для репостов

Баннеры

Рекламные баннеры можно добавлять в сайдбар или в тело статьи: до, в середине или после статьи.

Онлайн чат

Онлайн чат однозначно повысит конверсию вашего сайта, чем бы вы не занимались.

Могу посоветовать сервис JivoSite. У него есть как бесплатная версия, так и платная версия, которую вы можете в течении двух недель протестировать. Подробный гайд по Живосайту я сделал в отдельной статье — Обзор сервиса Jivosite.

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

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

Делаем начальное наполнение сайта

Сайт готов и еще рано идти отдыхать, сейчас начинается самая работа, то ради чего и создавался сайт, теперь его нужно наполнить, давайте сделаем первоначальное и самое основное наполнение.

Меню (структура сайта)

Как правило у сайта горизонтальное меню, которое ведет на различные страницы. Что именно добавить в меню каждый решает сам, вот пункты которые встречаются почти на каждом сайте:

  • Главная — ведет на главную страницу сайта. Можно такой пункт меню не делать, т.к. пользователи привыкли что при клике на логотип попадаем на главную;
  • Обо мне / О сайте — страница на которой рассказываете о себе или проекте;
  • Блог / Новости — отдельный пункт в меню стоит делать если у вас на главной не лента статей. а например лендинг;
  • Контакты — страница с информацией как с вами связаться.

Это база, дополнительно можно придумать миллион других вариантов, например:

  • Кейсы / Примеры работ / Портфолио — страница с вашими работами, например у меня так;
  • Услуги — описываете свои услуги, у меня так;
  • Реклама — тут расскажите какие варианты рекламы у вас есть, у меня так;
  • Бесплатно — материалы, которые посетители могут получить/скачать бесплатно, возможно подписавшись на рассылку;
  • Курсы / Обучение / Магазин — страница где показываете свой товар, у меня так;
  • Полезные ссылки — любые полезные ссылки по теме, я сделал так;
  • Видео — страница с видео;
  • Инфографика — страница или рубрика с какой-то инфографикой;
  • и пр.
Пример меню сайта
Пример меню на сайте

Добавляйте пункты в меню в зависимости от ваших целей.

Меню настраивается во вкладке Внешний вид » Меню.

Задайте название для меню и выберите страницы, которые будут в меню. Помимо страниц можно также добавлять Записи, Произвольные ссылки или Рубрики.

Страницы

Давайте создадим первую страницу и добавим ее в меню. Страницы создаются в панели Страницы » Добавить новую. Задайте название и заполните необходимой информацией, нажмите Опубликовать. Теперь чтобы на сайте ее стало видно, добавьте ее в меню.

Пример создания страницы
Пример создания страницы

По аналогии создайте и остальные страницы.

Политика конфиденциальности

Не забудьте про страницу Политика конфиденциальности, если собираете какие-либо данные с посетителей сайта. Пример моей политики можете посмотреть тут, я ее делал через сервис 152фз.рф, подробнее про этот сервис я писал тут. Но не обязательно собирать такой документ платно, можете сгенерировать версию попроще на бесплатных сервисах, например на Тильде.

Когда страница будет готова добавьте ссылку на нее в нижнюю часть сайта (подвал).

Записи (статьи)

Главный инструмент для контентного сайта это конечно же статьи. Добавляются они из панели Записи » Добавить новую. Пока что также можете задать Заголовок и наполнить текстом, нажмите Опубликовать и посмотрите как статья появится на сайте.

Подробнее про написание статей можете почитать тут:

Как писать СЕО статьи

Как правильно писать статьи для сайта

Как написать популярную статью

Рубрики

Чтобы не запутаться в десятках и сотнях статей, в Вордпресс вы можете из разбить на категории (рубрики). Создать их можете в панели Записи » Рубрики. Когда их создадите и по новой зайдете в редактор статьи, то справа можете выбрать рубрику за которой статья будет закреплена.

Пример раздела Рубрики
Пример раздела Рубрики

Метки

Еще один вариант чтобы объединять статьи по ключевым словам, это метки. Метки можете указывать при редактировании статьи или в панели Записи » Метки. Метки, как правило, отображаются после статьи и при клике на метку открывается список статей в которых также была указана эта метка.

Пример работы рубрик и меток

Разберем пример. У нас есть статья на кулинарном блоге «Как правильно сварить манную кашу на завтрак». Статья будет находится в рубрике «Каши», а метки можем задать «Завтрак», «Детское меню».

Тем самым посетитель сайта может выбрать что ему интересно дальше изучить после прочтения статьи, перейти в рубрику и посмотреть другие каши или посмотреть другие рецепты по меткам Завтрак или Детское меню.

Заключение

Давайте в заключении я еще раз напишу весь план разработки сайта в краткой форме:

  1. Выбираем тематику для сайта, можно подсмотреть варианты в каталогах;
  2. Подбираем домен, проверяем его историю, чтобы ранее он не был регистрирован;
  3. Регистрируем хостинг и домен;
  4. Устанавливаем SSL сертификат, платный или бесплатный;
  5. Устанавливаем CMS WordPress;
  6. Делаем базовые настройки: Общие, Написание, Чтение, Обсуждение, Медиафайлы, Постоянные ссылки;
  7. Выбираем шаблон оформления для сайта, покупаем или качаем бесплатный;
  8. Устанавливаем и настраиваем шаблон;
  9. Устанавливаем необходимые плагины для СЕО, Защиты, Дополнений;
  10. Выбираем какие фишки будут на сайте и настраиваем их;
  11. Делаем начальное наполнение, создаем страницы;
  12. Создаем политику конфиденциальности;
  13. Добавляем меню;
  14. Добавляем рубрики;
  15. Продумываем будущие метки для статей;
  16. Пишем первую статью;
  17. Урааа! Мы сделали сайт на WordPress.

Дорогой читатель, вот такой получился подробный гайд по созданию сайта на CMS WordPress, будь другом напиши в комментариях было ли полезно, остались какие-то вопросы, с чем нужна помощь, что подсказать по этой теме? Пиши, не стесняйся :)

Также читайте статью по теме: Как сделать лендинг за 9 шагов в 2024 году

Гайд написал автор блога Чигарев Илья. Успехов.

Заказать сайт
Поделитесь в соцсетях? Благодарю ✌
Илья Чигарев

Привет. Меня зовут Илья и я автор сайта. Делаю на заказ: сайты, блоги, лендинги на Wordpress и Tilda. Веду блог, где рассказываю все секреты и фишки, которые мне принесли результат в онлайн-маркетинге.

Оцените автора
( 46 оценок, среднее 4.54 из 5 )
Добавить комментарий

Отправляя данную форму вы соглашаетесь с политикой конфиденциальности сайта

  1. Владиммр

    В принципе все верно описали .

    Только я бы предостерёг на покупку домена с .рф :) Я в том смысле, что посто крокозябры будут в url: xn83637-Heidi такого типа.

    Ответить
    1. Илья Чигарев автор

      Эти кракозябры только в Google Chrome, да и не страшно, много интересных сайтов есть в зоне .рф

      Ответить
  2. Игорь

    ДЛя начинающего (меня) очень полезная статья. Основной смысл : или плати -и будет тебе
    красиво, или вовсе вникай сам — путь проб и ошибок не для кого не заказан. Как Вы считаете.

    Ответить
  3. Ольга

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

    Ответить
    1. Илья Чигарев автор

      Отлично, Ольга. Напишите обязательно :)

      Ответить
  4. Анна

    Спасибо большое! Очень полезная информация и доступно написана, особенно для меня — полного нуля)) буду пробовать.
    Подскажите, а как сделать такие ишки, как выплывающие окошки или плавно появляющаяся информация, меняющийся слайдер под меню? Это через плагины?

    Ответить
    1. Илья Чигарев автор

      Зависит от шаблона, который Вы используете, иногда этот функционал уже включен. Но если нет, тогда используете плагины. Почти все что Вы написали можно сделать с помощью Элементора

      Ответить
  5. Zorbasmedia.ru

    Давно хотел попробовать. Хорошая статья. Спасибо большое.

    Ответить
  6. Виктор

    Далеко шагнул движок! В свое время забросил его из за не понятной архитектуры. Как не понимал, так и до сих пор не понимаю. Статья, страница и рубрика. Если к примеру сайт запчастей для авто, то страница — это марка авто, статья — определенная запчасть ( к примеру двигатель), то рубрику как идентифицировать?

    Ответить
    1. Илья Чигарев автор

      Если это магазин, то лучше использовать WooComemrce, там проще сделать такое разделение. Если это блог на автотематику, то лучше делать рубрику — маркой авто, а не страницу. Тогда все будет правильнее структурировано.

      Ответить
  7. екатерина

    У меня все получилось, но до создания ворд пресс((

    Ответить
  8. Владимир

    Хорошая статья!

    Ответить
  9. Михаил

    Статья для меня очень полезная. Всё по полочкам расставлено. Для меня WordPress казалась очень сложной. Сейчас когда прочитал статью стало попроще. Спасибо Илья за твой благородный труд!

    Ответить
  10. Андрей

    Спасибо, статья интересная. Но надо учиться дальше.
    Ну, к примеру: «как делать некоторые страницы доступными только зарегистрировавшимся», «как организовать такую регистрацию», «как сделать удобным просмотр картинок в галерее (стрелочки на картинках для перехода)» и т.д. Вопросов много.
    Что Вы посоветуете в качестве дальнейшего образования по теме создания сайтов?
    Спасибо!

    Ответить
  11. Омак

    Akismet используешь в бесплатной версии?

    Ответить
    1. Илья Чигарев автор

      Да, но уже перешел на Antispam Bee, тоже бесплатный плагин.

      Ответить
  12. Рафит

    Довольно подробно и интересно изложил, наконец-то нашел нормальную статью, за что большое спасибо! Но для меня все равно тяжело, делаю первые шаги в этом направление. Буду учиться по твоей статье! У в закладках.

    Ответить
    1. Илья Чигарев автор

      Спасибо, Рафит. Я на днях запустил новый курс, где как раз пошагово для новичков в видео формате показываю как делать сайт на WordPress. Может Вам будет интересно, тут можете почитать подробнее https://ichigarev.ru/ideal-course

      Ответить
  13. Ольга

    Здравствуйте, Илья! Посоветуйте, пожалуйста. Если первое время вести блог в WordPress в бесплатной версии, статьи будут выдаваться в поиске? Можно подключать рекламу? Какое существенное отличие платного варианта от вообще бесплатного? Меня интересует сейчас не красота, а практическая сторона. Так как очень ограничен бюджет.

    Дело в том, что начала вести недавно блог по копирайтингу на blogspot. И задалась вопросом: можно ли будет его перенести потом на другую платформу — тот же WordPress?
    Спасибо.

    Ответить
    1. Илья Чигарев автор

      Здравствуйте, Ольга. Про Blogspot ничего не скажу, т.к. никогда не делал блог на данной платформе, но в поиске такие сайты мне попадались. Под бесплатной версией что Вы имеете ввиду? Можно оплатить только хостинг (150 р./мес) и домен (150 р./год), WordPress сам по себе бесплатный, шаблон можно также установить из бесплатных вариантов (посмотрите подборку тут https://ichigarev.ru/wordpress-themes/besplatnye-shablony-wordpress.html) и сразу уже ведите качественный блог на движке. Я также начинал. Установил платный шаблон только с первых денег заработанных с сайта.

      Ответить
  14. Алёна

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

    Ответить
  15. Evgeny

    Давно интересуюсь заработком в интернете и долго ищу чем можно заняться. И вот решил остановится на блогинге. Прочитал данную статью и сделал свой сайт

    Ответить
  16. Александр

    Здравствуйте Илья! Подскажите пожалуйста , я занимаюсь сборкой мебели и для оказания услуг в данной сфере хотел бы создать сайт на WordPress для привлечения клиентов, скажите это возможно сделать на WordPress или для такого сайта услуг нужен какой-то другой движок? Спасибо.

    Ответить
    1. Илья Чигарев автор

      Здравствуйте. На WordPress можно сделать любой тип сайта, WordPress подойдёт.

      Ответить
  17. Евгений

    После прочтения данной статьи решил сделать сайт на Вордпресс и не жалею. Каждый день получаю по 500 посетителей, пока не много но есть тенденция к росту

    Ответить
  18. Елена

    Спасибо за статью!
    У меня есть маленький оффлайн бизнес, который связан с репетиторством по английскому языку. А сейчас такое время, что нужно переводить бизнес в онлайн. И благодаря Вашей статье поняла, что нужно делать сайт. Теперь мой бизнес точно пойдет в гору!

    Ответить
  19. Алексей

    Приветствую, Илья
    Спасибо за последовательное и структурированное изложение. Материал подан компактно и емко, отражая самую суть.
    До этого я также изучал WP на других курсах, и столкнулся с проблемой выбора шаблонов — их сотни и среди этого многообразия непонятно, как выбрать наилучший для конкретной цели. У Вас же даны ссылки на статьи с подборками шаблонов в разрезе конкретных сфер, это снимает вопрос муки выбора. Буду изучать и применять!

    Ответить
    1. Илья Чигарев автор

      Рад подсказать :)

      Ответить
  20. Роберт

    Спасибо за отличный пост Илья полезный урок, хоть и не новичок в плане плагинов да их много всяких, но по моему можно было добавить еще один важный плагин All in one SEO 2021

    Ответить
    1. Илья Чигарев автор

      Вместо него Yoast Seo указан в статье.

      Ответить
  21. incraft3d

    Каким образом можно ускорить загрузку сайта по гугл PageSpeed ? Сайт на битрикс

    Ответить
    1. Илья Чигарев автор

      Не знаю, с Битрикс не работаю.

      Ответить
  22. prog

    Все плагины перечисленные здесь бесплатные?

    Ответить
    1. Илья Чигарев автор

      Не все.

      Ответить
  23. Денис

    я прочел несколько ваших статей. они меня вдохновили, и я решился. Купил уже шаблон по вашей ссылке на WPshop. Установил и первые настройки сделал по вашим материалам. Теперь я на стадии плагинов. и у меня вот какой вопрос.
    Мне кажется где-то у вас я читал, что в самом шаблоне JournalX уже встроен функционал некоторых плагинов.
    если возможно, напишите, пож., для моего случая (или даже что-то общее), что надо иметь новичку для начала работы:
    1. шаблон я уже купил (JournalX)
    2. мне нужно еще купить ваш учебник. И хоть он про Reboot, но, вы где-то писали, он вполне подойдет и моему шаблону.
    3. какие плагины необходимо купит? (чтобы не дублировался функционал)
    4. какие бесплатные плагины скачать?
    5. мне кажется на этом все. Или что-то еще?
    заранее благодарен вам

    Ответить
    1. Илья Чигарев автор

      Здравствуйте, Денис.
      1. Да, JournalX и Reboot очень похожи в настройке.
      2. Вы про курс? Да, там есть все ответы по настройке сайта.
      3. Clearfy Pro и Elementor Pro, если планируете делать лендинги.
      4. Все плагины есть в курсе, если планируете его купить, то сразу в уроках и узнаете. Сейчас на вскидку все и не вспомню.
      5. Нюансов много, можете на странице с описанием курса посмотреть названия уроков, все эти моменты и нужно настраивать.

      Ответить
  24. Влад Чигарев

    Не реклама но как тебе идея открыть веб студию с шаблонными сайтами? По типу https://x0ct.com/ru/ — попрет ли?

    Ответить
    1. Илья Чигарев автор

      Если будут качественные шаблоны, то попрёт. Отличный пример это студия WPshop.

      Ответить
  25. Валентин

    Привет, Илья! Меня зовут Валентин, возраст -85 лет, но я с большим интересом прочёл эту вашу статью, так как 11 лет кое-как, урывками наполнял свой сайт своими же переводами американских новостей о здоровье человека.
    Потом всё забросил, так как понял, что уже не смогу разгрести кучу накопившихся ошибок (budzdorovstarin
    a.ru}.
    Но кроме фитнеса старую голову чем-то надо загружать, и я сейчас опять новичок — сделал на хостинге Beget.com новый сайт с темой Reboot (пока без статей). Кое-что настроил, а сейчас решил не торопясь, по шагам следовать вашим рекомендациям, которые мне очень понравились. Вопросы:
    1. Фавиконка. Почему всё так сложно? .jpg, .ico, .svg — чертовщина какая-то. Как сделать попроще для новостного сайта?
    2. Спецы говорят, что с темой Reboot можно отказаться от всех плагинов, кроме Akismet. Это так?
    В целом, большое спасибо за вашу замечательную статью для новичков и не только!

    Ответить
    1. Илья Чигарев автор

      Здравствуйте, Валентин. Такие результаты в 85 лет — это круто.
      1. Можете добавить в jpg или png формате, шаблон Reboot понимает любой формат.
      2. У меня стоит еще 10-12 плагинов, но Reboot да, закрывает примерно 5 плагинов.

      Пишите, если будут вопросы, отвечу Вам всегда.

      Ответить
  26. Семен

    Спасибо за Ваши труды! Перечитал весь сайт!
    Как думаете, вот делаю сайт, стоит ли его продвигать, например, через запрещенную сеть в своем блоге когда на сайте 1 статья? Или набить какой-то минимум?

    Ответить
    1. Илья Чигарев автор

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

      Ответить
  27. Валерия

    Добрый вечер! Подскажите пожалуйста, а как можно реализовать свой дизайн нв платформе ворд прес? Например в тильде есть зеро блок, а как у ворд пресс с этим? Заказчик сначала хотел просто сайт -визитку, а сейчас передумал немного и решил сделать многостраничник

    Ответить
    1. Илья Чигарев автор

      Здравствуйте, Валерия. Через конструктор Elementor.

      Ответить