Как создать сайт на Вордпресс самостоятельно

Как создать сайт на WordPress с нуля самостоятельно [Полная инструкция для новичков]

Собираетесь создать свой полноценный сайт на WordPress в 2022 году? Тогда вы попали точно по адресу.

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

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

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

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

Навигация по статье:
1. Почему CMS WordPress: немного цифр + преимущества
2. Что потребуется для создания сайта на WordPress
3. Как создать сайт на WordPress в 2022 году: пошаговая инструкция
Шаг #1. Регистрация хостинга
Шаг #2. Выбор и регистрация домена
Шаг #3. Заказываем SSL-сертификат
Шаг #4. Создаем новую директорию сайта
Шаг #5. Установка CMS WordPress на сайт
4. Как настроить новый сайт на WordPress: основные этапы
Этап #1. Обновляем текущую версию WordPress
Этап #2. Устанавливаем шаблон
Этап #3. Удаляем ненужные шаблоны
Этап #4. Общие настройки сайта
Этап #5. Настраиваем постоянные ссылки
Этап #6. Устанавливаем плагины
Этап #7. Создаем страницы и рубрики
Этап #8. Добавляем меню
5. Подготовка сайта к продвижению
6. Публикуем первую запись: краткий гайд по редактору Gutenberg
7. Как сделать и настроить сайт на WordPress самостоятельно: чек-лист для новичков
8. Мини-FAQ: ответы на частые вопросы
9. Итоги

Почему CMS WordPress: немного цифр + преимущества

WordPress — самая популярная CMS во всем мире. Практически все блоги и информационные ресурсы работают на Вордпрессе.

По данным builtWith, в России WordPres используют более 399 000 проектов — это 21.91% от общего числа конструкторов и CMS.

Статистика сайтов на WordPress в России
Статистика WordPress-сайтов в России в процентном соотношении: ТОП-3 платформы (по данным builtWith)

И это не удивительно, так как у WordPress есть много плюсов, которые выгодно выделяют эту CMS среди конкурентов.

Преимущества CMS WordPress:
Большой выбор шаблонов — как платных, так и бесплатных.
Установить CMS можно за 2-3 минуты.
Простая и удобная панель управления, где можно быстро создавать страницы, рубрики, меню.
Большой выбор плагинов, которые расширяют базовый функционал WP.
Сайты на WP легко продвигать в поисковых системах.
Для создания веб-сайта не нужны навыки программирования.
На WordPress можно сделать практически любой проект: портфолио, блог, информационный портал, корпоративный сайт, интернет-магазин.

Что потребуется для создания сайта на WordPress

Теперь давайте поговорим о том, что вам потребуется для создания сайта на WordPress:

  • Свободное время. Банально, но главное, что вам необходимо — это свободное время. Весь процесс создания сайта займет 3-4 часа.
  • Финансы. Конечно, можно создать сайт бесплатно: например, использовать бесплатный хостинг и домен от самого WordPress. Но я рекомендую не пожалеть деньги на собственный домен и хостинг. Также, вероятнее всего вам потребуется платный шаблон, чтобы создать веб-сайт с уникальным дизайном.
    По примерным расчетам, для старта хватит 5-6 тысяч рублей. Этих денег хватит, чтобы оплатить хостинг на один год, зарегистрировать домен, купить премиум-шаблон и один-два полезных плагина.
  • Идея. Перед тем, как приступить к созданию веб-сайта, вам нужно определиться с нишей собственной площадки. Например, если вы хотите создать блог или информационный сайт, то выберите тематику проекта.

Как создать сайт на WordPress в 2022 году: пошаговая инструкция

Перейдем к практической части статьи — создадим сайт на WordPress с нуля. В этом разделе описаны 5 основных шагов: регистрация хостинга и домена, создание директории сайта на хостинге, заказ SSL-сертификата и установка Вордпресса.

Шаг #1. Регистрация хостинга

На первом этапе создания веб-сайта нужно зарегистрировать хостинг.

Хостинг — это площадка, на которой пользователи размещают файлы сайта. Покупая услуги хостинга, вы арендуете пространство на сервере, где хранятся базы данных и файлы, которые нужны для правильной работы веб-платформы (сайта или приложения).

Для вашего первого сайта я рекомендую использовать хостинг Timeweb.

Почему Timeweb — особенности платформы:
→ Быстрая загрузка сайтов.
→ Наличие бесплатного SSL-сертификата.
→ Круглосуточная поддержка.
→ Инновационная панель управления.
→ Данные сайтов надежно защищены системой резервирования.
→ Тестовый период на 10 дней.
→ Домен в подарок на годовых тарифах.
→ Есть бесплатная почта.
→ Доступно мобильное приложение (iOS и Android) для управления хостингом.

Чтобы зарегистрировать хостинг, перейдите на главную страницу платформы Timeweb. На главной странице зайдите в раздел «Виртуальный хостинг».

Виртуальный хостинг Таймвеб

Далее нужно выбрать тарифный план. Для первого сайта достаточно тарифа «Year+». Если вам нужен хостинг для нескольких проектов — например, вы собираетесь сделать 3-4 проекта, — то тогда выберите тариф «Optimo+».

Чтобы начать регистрацию, нажмите кнопку «Начать бесплатно».

Тарифный план Year+

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

Регистрация на хостинге Timeweb

Дальше укажите:

  • Фамилию, имя и отчество.
  • Электронную почту.
  • Номер телефона.

Также вы можете указать имя пользователя (5-10 символов, латинские буквы и цифры) — оно будет использоваться для входа в систему.

Чтобы продолжить, нажмите кнопку «Стать клиентом».

Если у вас возникли вопросы по теме регистрации на хостинге, то вот инструкция в формате видео:

Регистрация на хостинге Timeweb: инструкция в формате видео

На электронную почту, которую вы указали при регистрации, придет письмо от Timeweb. В этом письме — данные для входа в панель управления: логин и пароль.

Письмо от Timeweb с логином и паролем

Войдите в панель управления. На этом процесс регистрации хостинга завершен.

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

Стоимость тарифа «Year+»:

  • При оплате за год: 169 ₽ в месяц.
  • При помесячной оплате: 197 ₽ в месяц.

Выберите любой удобный формат оплаты: например, вы можете сразу пополнить баланс на 2 028 ₽ и оплатить хостинг на один год.

Это важно: если вы оплатите хостинг на год, то в подарок получите домен в зоне .ru и .рф.

Шаг #2. Выбор и регистрация домена

Обычно этот этап описывают первым — сначала вебмастеры регистрируют домен, а потом — хостинг.

Мы поступим иначе, так как регистрировать домен будем в панели управления Timeweb.

Домен — это URL-адрес сайта в формате https://sitename.ru. По этому URL-адресу пользователи будут заходить на веб-сайт.

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

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

Я рекомендую регистрировать домен в зоне .ru. Но если вы создаете сайт для англоязычной аудитории, то тогда регистрируйте доменное имя в другой зоне: например, .com.

Проверка домена

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

Для этого воспользуемся сервисом Whois от Timeweb. Это бесплатная услуга, которая позволяет получить сведения о регистрации доменов.

Чтобы проверить домен, перейдите по этой ссылке — вы попадете в раздел «Whois-сервис» на сайте Timeweb.

Введите выбранный URL-адрес в строку и нажмите «Проверить домены».

Whois-сервис от Таймвеб

Если URL-адрес свободен, то переходим к процессу регистрации домена.

Регистрируем домен

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

Для этого перейдите в раздел «Домены и поддомены» → «Администраторы доменов».

Администраторы доменов

Сейчас список администраторов пуст. Нажмите кнопку «Добавить администратора».

Добавить нового администратора

Откроется окно создания нового администратора.

Здесь нужно:

  • Выбрать свой юридический статус: физическое лицо, юридическое лицо или ИП.
  • Указать свои фамилию, имя, отчество и дату рождения.
  • Выбрать гражданство.
  • Ввести паспортные данные.
  • Указать свой почтовый индекс и адрес.
  • Ввести номер телефона и E-mail.
Создание администратора доменов

Указывайте реальные данные. В обратном случае, если с доменом что-то случится, вам будет трудно восстановить к нему доступ.

Не бойтесь за конфиденциальность персональной информации: паспортные данные хранятся в зашифрованном виде и не будут переданы третьим лицам.

Также вы можете посмотреть видео на тему того, как создать нового администратора на хостинге Timeweb:

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

После того, как вы создали нового администратора, можно регистрировать домен. Для этого зайдите в раздел «Домены и поддомены» → «Зарегистрировать домен».

Кнопка «Зарегистрировать домен»

Введите название домена и нажмите кнопку «Зарегистрировать». Стоимость домена в зоне .ru на год: 179 ₽.

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

Регистрация нового домена для сайта на Вордпресс

Далее откроется раздел «Настройка и оплата заказа».

Здесь выполните следующие действия:

  • Выберите срок регистрации домена: например, на 1, 2 или 3 года.
  • Отключите опцию защиты сайта с помощью SSL Timeweb Pro. Дальше мы подключим бесплатный SSL-сертификат.
  • Выберите администратора. Или создайте нового «админа».
Покупка доменного имени

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

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

Также вы можете изучить видеоинструкцию по регистрации домена для вашего первого сайта на WordPress:

Регистрация домена на хостинге Timeweb: видеоинструкция
Важно: домен будет доступен не сразу. Вы сможете начать работать с ним после обновления информации на DNS-серверах. Обычно это занимает не больше 3 часов, реже — до 24 часов. Поэтому перед тем, как продолжать работу, рекомендую подождать 2-3 часа.

Шаг #3. Заказываем SSL-сертификат

Сразу после регистрации домена, мы переходим к следующему этапу — установка SSL-сертификата.

SSL-сертификат — это виртуальный документ, который подтверждает безопасность сайта. После установки сертификата, домен будет доступен по протоколу безопасного соединения HTTPS (по умолчанию сайт доступен по протоколу HTTP).

Что гарантирует SSL-сертификат:

  • Подлинность ресусра. Это повышает доверие пользователей и поисковых роботов к сайту.
  • Целостность передаваемой информации.
  • Повышенный уровень конфиденциальности.

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

Заказать SSL-сертификат можно через панель управления Timeweb. Для этого зайдите в раздел «SSL-сертификаты» → «Магазин сертификатов».

Нам нужен бесплатный SSL-сертификат «SSL Let’s Encrypt». Нажмите кнопку «Заказать».

Заказываем бесплатный SSL-сертификат

Откроется раздел «Заказ сертификата».

Здесь все просто: выберите домен, на который нужно установить сертификат → отключите платную опцию настройки защищенного соединения → установите галочку возле строки «Я согласен с правилами предоставления услуги» → нажмите кнопку «Заказать».

Окно заказа сертификата

Через какое-то время SSL-сертификат будет установлен на выбранный домен.

Шаг #4. Создаем новую директорию сайта

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

Для этого зайдите в раздел «Сайт» и нажмите кнопку «Создать новый сайт».

Создание новой директории сайта

Укажите название директории — на латинице и без пробелов — и нажмите кнопку «Создать».

Теперь к созданной директории сайта нужно привязать домен. Это просто: справа от названия директории есть кнопка «Привязать домен» — нажмите на нее.

Привязываем домен к директории WP-сайта

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

Шаг #5. Установка CMS WordPress на сайт

Последний этап создания сайта — установка WordPress. Для этого перейдите в раздел «Каталог CMS» и выберите WordPress.

WordPress в каталоге CMS (Timeweb)

Откроется небольшое окно с описанием Вордпресса. Нажмите кнопку «Установить приложение».

Установить приложение WordPress

Выберите домен, на который хотите поставить CMS и нажмите кнопку «Начать установку».

Кнопка «Начать установку»

После того, как завершится установка WordPress, откроется небольшое окно с данными от админки: логин и пароль.

Сохраните эту информацию в отдельном файле — логин и пароль понадобятся для того, чтобы войти в панель администратора WP.

Также эти данные будут отправлены на ваш E-mail.

Как настроить новый сайт на WordPress: основные этапы

После того, как вы создали сайт, его нужно настроить. Для этого зайдите в панель администратора WordPress.

Чтобы попасть в админку, введите в браузер URL-адрес панели администратора — https://site.ru/wp-admin. Вместо site.ru — ваш домен.

Откроется окно входа в админку: введите логин и пароль, которые вы получили после установки WP на веб-сайт.

Входим в админку Вордперсс

После этого вы попадете в панель администратора. Здесь выполняются все настройки сайта.

Панель администратора — интерфейс
Важно: мы рассмотрим только самые важные этапы настройки нового веб-сайта. Здесь не будет подробного обзора каждого раздела админки.

Этап #1. Обновляем текущую версию WordPress

Сразу после входа в админку вас встретит уведомление о том, что нужно обновить текущую версию WordPress. Не откладывайте этот процесс.

Чтобы обновить WordPress, перейдите в раздел «Консоль» → «Обновления».

В верхней части экрана есть строка «Свежая версия WordPress доступна для обновления». Нажмите на синюю кнопку «Обновить сейчас».

Обновляем Вордпресс

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

Этап #2. Устанавливаем шаблон

Теперь давайте сменим стандартный шаблон сайта. По умолчанию установлена тема «Twenty Twenty». Вряд ли она подойдет для вашей площадки.

Посмотреть список бесплатных шаблонов можно в разделе «Внешний вид» → «Темы» → «Добавить новую».

Каталог шаблонов
Каталог бесплатных шаблонов для сайта на WP

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

Выберите нужную категорию — например, «Избранное» — и подберите тему, которая подходит для вашего проекта. После этого наведите курсор мыши на шаблон и нажмите кнопку «Установить».

Установка темы для сайта на WordPress

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

Поэтому я рекомендую обратить внимание в сторону премиум-шаблонов (платные темы). Например, блог SMMtips работает на теме Root (разработчик — WPShop).

Для информационных сайтов и блогов я рекомендую тему Reboot.

Почему Reboot — особенности шаблона:
→ Есть конструктор главной страницы.
→ Доступно 12 полезных встроенных модулей.
→ Высокая скорость загрузки.
→ SEO-оптимизация: правильные теги, разметка, код, описание рубрик.
→ Полностью адаптивный шаблон Mobile-first — сайты отлично работают на мобильных устройствах.
→ Нет циклических ссылок.
→ Отдельные настройки для каждой карточки постов.
Цена шаблона для одного домена: 3 800 ₽.
Видеообзор шаблона Reboot

Больше премиум шаблонов вы найдете на следующих площадках:

  1. WPShop — магазин премиум плагинов и тем. Все темы — на русском языке.
  2. TemplateMonster — огромный маркетплейс шаблонов.
  3. ThemeForest — платформа с тысячами различных тем.

Загружаем сторонний шаблон

Если вы купили или скачали сторонний шаблон — например, Reboot от WPShop, — то его нужно установить на сайт. После покупки темы вам будет доступен .zip-файл с файлами шаблона — скачайте его на компьютер.

После этого зайдите в панель администратора WordPress и перейдите в раздел «Внешний вид» → «Темы» → «Добавить новую».

В верхней части экрана есть кнопка «Загрузить тему». Нажмите на нее.

Загружаем стороннюю тему

Выберите файл с темой с компьютера и нажмите кнопку «Установить». Шаблон автоматически установится на веб-сайт. Далее — просто активируйте шаблон.

Этап #3. Удаляем ненужные шаблоны

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

Удалить ненужный шаблон просто: перейдите в раздел «Внешний вид» → «Темы».

Откроется список тем, которые установлены на сайт.

Список установленных тем

Нажмите на нужный шаблон — откроется список с информацией о теме. В нижней части окна с описанием есть кнопка «Удалить» — нажмите на нее.

Удаляем шаблон Вордпресс

Этап #4. Общие настройки сайта

На четвертом этапе нужно выполнить общие настройки сайта.

Читайте также:  ТОП-7: Лучшие бесплатные CMS для сайтов [Независимый рейтинг движков]

Для этого зайдите в раздел «Настройки» → «Общие».

Здесь выполните следующие действия:

  • Введите название сайта. Например, «Сайт о маркетинге» или «Сайт компании “Свет Для Дома”».
  • Сделайте краткое описание сайта — 120-140 символов. Объясните в нескольких слова, о чем этот сайт.
  • В строках «Адрес WordPress (URL)» и «Адрес сайта (URL)» нужно сделать одно изменение — добавьте букву «s» в http. Должно получиться так: https://site.ru. Не забывайте, что вместо site.ru — ваш домен.
  • Укажите E-mail администратора.
Общие настройки сайта

Остальные пункты оставьте без изменений.

Этап #5. Настраиваем постоянные ссылки

На этом этапе нужно настроить постоянные ссылки. Это влияет на то, какие URL-адреса будут у страниц сайта.

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

Это неправильно.

Зайдите в раздел «Настройки» → «Постоянные ссылки». Выберите опцию «Произвольно».

В пункте «Доступные элементы» оставьте только «%postname».

Настройка постоянных ссылок

Таким образом у статей и страниц будет такой URL: https://site.ru/post-name. Ссылка получится короткой и легкочитаемой — без дополнительных слов в виде названия рубрик, дат, цифр.

Этап #6. Устанавливаем плагины

На шестом этапе установим плагины, которые расширят функционал сайта и помогут при продвижении проекта.

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

Перейдите в раздел «Плагины» → «Добавить новый».

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

Чтобы установить плагин нажмите кнопку «Установить». А после завершения установки, нажмите кнопку «Активировать».

Установка плагинов

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

Загружаем сторонние плагины

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

Список нужных плагинов

Теперь перейдем к списку плагинов, которые я рекомендую установить в первую очередь:

Название плагинаОписание
Yoast SEOПлагин для SEO-продвижения веб-сайта.
С помощью Yoast SEO можно:
— Прописать SEO-заголовки (Title) и Мета-описание (Description) для записей и страниц.
— Создать sitemap.xml.
— Настроить хлебные крошки.
— Настроить отображение веб-сайта в поисковой выдаче.
Подробнее о том, как настроить этот плагин, мы поговорим в разделе «Настраиваем Yoast SEO».
Cyr-to-LatПлагин, который преобразует кириллицу в URL на латиницу. Например, изначально все страницы и записи будут отображаться так: https://site.ru/название-записи.
После установки и активации Cyr-to-Lat URL станет таким: https://site.ru/nazvanie-zapisi.
WP Fastest CacheПлагин для кэширования. Он ускоряет работу сайта.
Clearfy PROПлатный плагин от WPShop.
Что делает Clearfy PRO:
— Удаляет лишний код и мусор с исходного кода.
— Улучшает SEO на сайте.
— Удаляет дубли страниц.
— Усиливает защиту сайта.
— Защищает контент.
Стоимость плагина для одного домена: 970 ₽.
WPS Hide LoginРасширение позволяет изменить URL-адрес входа в админку — с https://site.ru/wp-admin на любой другой: например, https://site.ru/my-admin.
Это повышает безопасность сайта — злоумышленникам будет сложнее получить доступ к панели администратора путем подбора логина и пароля.
UpdraftPlus WordPress Backup PluginЭто плагин, который создает резервные копии (бэкапы) веб-сайта.
Titan Anti-spam & SecurityМощный плагин для защиты веб-сайта от спама в комментариях.

Этап #7. Создаем страницы и рубрики

На седьмом этапе создания WordPress-сайта мы создадим страницы и рубрики для сайта.

Страницы — это разделы, в которых можно указать любую информацию: например, подробное описание ресурса; также можно создать служебные страницы для корпоративных сайтов: например, «О компании», «Доставка и оплата», «Контакты».

Рубрики — это разделы для записей. Например, если вы создали блог, то для каждого формата контента можно сделать свою рубрику. Для новостей — «Новости», для обзоров — «Обзоры».

Страницы

Чтобы создать страницу, перейдите в раздел «Страницы» → «Добавить новую».

В открывшемся редакторе укажите заголовок страницы: например, «Контакты для связи».

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

Добавляем страницу в WordPress

Чтобы завершить создание страницы нажмите кнопку «Опубликовать».

Рубрики

Чтобы добавить рубрики, перейдите в раздел «Записи» → «Рубрики».

В левой части интерфейса есть подраздел «Добавить новую рубрику».

Введите название рубрики: например, «Статьи». Нажмите кнопку «Добавить новую рубрику».

Добавляем рубрики в WordPress

В строке «Ярлык» будет указано название рубрики, которое будет отображаться в URL-адресе. Вы можете изменить ярлык. Пишите ярлык на латинице. Можно использовать цифры и дефисы.

Таким образом вы можете добавить любое количество рубрик.

Этап #8. Добавляем меню

Последний — восьмой — этап настройки сайта — создание меню. В меню можно добавить рубрики и страницы: например, в шапке или футере.

Пример меню на сайте WordPress
Так выглядит меню на блоге SMMtips

Меню заметно упрощает навигацию по сайту.

Чтобы создать меню, перейдите в раздел «Внешний вид» → «Меню». Откроется редактор меню.

Создаем меню

В левой часть экрана находится окно «Добавьте элементы меню». Здесь вы можете выбрать нужные элементы, которые хотите добавить в меню: записи, страницы, рубрики.

В правой части экрана расположено окно «Структура меню». Здесь вы видите, какие элементы уже добавлены в меню.

Чтобы добавить какой-либо элемент — например, страницу или рубрику, — отметьте его галочкой в левом окне. После этого нажмите кнопку «Добавить в меню».

Добавляем элементы в меню

Теперь этот раздел будет отображаться в меню.

Важно: стиль отображения меню зависит от установленного шаблона. Например, есть темы, которые позволяют создавать меню в шапке и «подвале» веб-сайта; у некоторых тем есть только одна зона для меню.

Подготовка сайта к продвижению

В этом разделе мы немного затронем тему продвижения сайта: подключим аналитику, добавим веб-сайт в Вебмастер и GSC, создадим robots.txt, отправим sitemap.xml поисковым роботам, настроим плагин Yoast SEO.

Создаем файл robots.txt

Первым делом, давайте создадим файл robots.txt.

Robots.txt — это файл, который показывает поисковому роботу, как правильно индексировать сайт. Какие страницы нужно «обойти» и добавить в поиск, а какие — исключить.

Файл размещают в корневом каталоге сайта. Он доступен по URL-адресу https://site.ru/robots.txt.

Robots.txt — текстовый документ в кодировке UTF-8.

Чтобы создать индексный файл, откройте обычный блокнот.

Я не буду вдаваться в мельчайшие подробности того, как правильно составлять robots.txt. Лучше просто предоставлю вам готовый шаблон, который будет оптимален для нового сайта на WordPress.

Просто скопируйте текст ниже и добавьте его в блокнот:

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/cache
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: */*/feed/*/
Disallow: */feed
Disallow: /*?*
Disallow: /tag
Allow: /*.css
Allow: /*.js
Allow: /wp-content/uploads/
Allow: /wp-content/themes/
Allow: /wp-content/plugins/

User-agent: Yandex
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: */*/feed/*/
Disallow: */feed
Disallow: /*?* Disallow: /tag

Host: https://site.ru
Sitemap: https://site.ru/sitemap.xml

В последней строке — там, где Host и Sitemap — измените site.ru на свой домен.

Теперь сохраните текстовый файл и назовите его robots.

Сохраняем файл robots.txt

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

Перейдите в раздел «Файловый менеджер». Откроется список папок — это директории, которые вы создали для сайтов. Выберите нужную директорию сайта и откройте ее.

Файловый менеджер Таймвеб

В директории расположена папка public_html — зайдите в этот раздел. Сюда нужно загрузить файл robots.txt. Это просто: в верхнем меню нажмите «Файл» → «Загрузить на сервер».

Загрузить на сервер

Откроется небольшое окно, в котором нужно прикрепить файл robots.txt и загрузить его на сервер.

Готово, теперь перейдите по ссылке https://site.ru/robots.txt. Здесь вы увидите следующую картину:

Пример robots.txt
Пример robots.txt

Добавляем сайт в Вебмастер и GSC

Теперь нужно добавить сайт в Яндекс.Вебмастер и Google Search Console. Это инструменты, которые дают возможность владельцам сайтов отслеживать статус индексации веб-страниц.

В личном кабинете Вебмастера или GSC можно:

  • Посмотреть, сколько страниц сайта находятся в индексе поисковых систем.
  • Отправить страницу на переобход.
  • Посмотреть наличие критических ошибок на сайте.
  • Посмотреть, по каким запросам пользователи переходят на веб-сайт.
  • Изучить внешние и внутренние ссылки.
Важно: чтобы добавить сайт в Вебмастер, обязательно создайте аккаунт в Яндексе; для добавления площадки в GSC — создайте аккаунт Google.

Яндекс.Вебмастер

Первым делом добавим сайт в Яндекс.Вебмастер. Для этого зайдите на главную страницу Вебмастера и нажмите кнопку «Перейти».

Главная страница Яндекс.Вебмастер

Сейчас у вас нет активных площадок в Вебмастере, поэтому нажмите кнопку «Добавить сайт».

Добавить сайт в Вебмастер

Укажите URL-адрес сайта и нажмите кнопку «Добавить».

Указываем URL-адрес

Теперь нужно подтвердить права на площадку.

Подтверждение прав на сайт

Самый простой вариант — загрузить HTML-сайт в корневой раздел сайта. Здесь все также, как в случае с robots.txt:

  1. Откройте корневой раздел веб-сайта через панель управления Timeweb.
  2. Загрузите HTML-файл в корневой раздел.

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

Google Search Console

Чтобы добавить сайт в Google Search Console, зайдите на главную страницу инструмента. На первой странице с описанием инструмента, нажмите кнопку «Попробовать».

Главная страница Google Search Console

На следующем этапе нужно выбрать тип ресурса. Рекомендую второй вариант — «Ресурс с префиксом в URL».

Введите ссылку на свой URL-адрес в формате https://site.ru и нажмите «Продолжить».

Ресурс с префиксом в URL

Подтвердите права на сайт. Рекомендую использовать первый вариант — загрузку HTML-файла в корневой каталог площадки.

Подтверждение прав собственности

Это просто:

  1. Скачайте HTML-файл.
  2. Откройте корневой каталог сайта через панель управления Timeweb.
  3. Загрузите HTML-файл на сервер.
  4. Нажмите кнопку «Подтвердить», а потом — «Готово».

Вы успешно добавили свой сайт в Google Search Console.

Настраиваем Yoast SEO

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

После установки и активации плагина, в панели управления появится раздел «SEO» — перейдите в него.

Первый подраздел, который нас встречает — «Общие». Здесь ничего делать не нужно.

Переходите в подраздел «Отображение в поисковой выдаче». Как правильно настроить этот плагин я покажу на примере своего блога SMMtips.

Во вкладке «Общие» нужно:

  • Выбрать разделитель для заголовка — символов, который будет показан между вашим названием сообщения (страницы или записи) и названием сайта.
  • Указать SEO-заголовок (это tilte) и Мета-описание (это description) для главной страницы. Например, в качестве заголовка используйте название своего блога или компании; в описании кратко расскажите о веб-площадке — 120-140 символов будет достаточно.
  • Социальные настройки, и Knowledge и Schema.org можете оставить без изменений.
Общие настройки Yoast SEO

Следующая вкладка — «Типы содержимого»:

  • Первые два пункта — «Показать Записи в результатах поиска?» и «Показать настройки SEO для Записи?» оставьте включенными.
  • В строке SEO-заголовок используйте три переменные: «Название», «Разделитель», и «Название сайта». Это значит, что title ваших записей будет выглядеть так: «Название записи — Название сайта».
  • Блок Мета-описание оставляем пустым.
  • В разделе «Страницы» делаем все то же самое: включаем первые 2 пункта, выбираем 3 переменные для SEO-заголовка.
Типы содержимого

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

Важно: также плагин автоматически генерирует sitemap.xml. Эта функция включена автоматически, поэтому вам не нужно устанавливать дополнительные плагины для создания карты сайта.

Добавляем файлы Sitemap в Вебмастер и GSC

После установки и настройки плагина Yoast SEO у вас есть раздел sitemap.xml — это XML-карта сайта. Она нужна для поисковых роботов: они анализируют этот раздел, находят новые и старые страницы, и добавляют их в индекс.

Чтобы поисковые роботы знали о карте сайта, ее нужно добавить в Вебмастер и Google Search Console.

Добавляем Sitemap в Вебмастер

Зайдите в Яндекс.Вебмастер и перейдите в раздел «Индексирование» → «Файлы Sitemap».

В строке ввода URL укажите адрес своего sitemap — https://site.ru/sitemap.xml и нажмите кнопку «Добавить».

Сайтмап в Вебмастер

Добавляем Sitemap в Google Search Console

Зайдите в Google Search Console и перейдите в раздел «Файлы Sitemap».

Здесь еще проще, чем в Вебмастере: просто допишите «sitemap.xml» к своему URL-адресу и нажмите кнопку «Отправить».

Sitemap в Google Search Console

Подключаем веб-аналитику

На финальном этапе подготовки к продвижению установим веб-аналитику на сайт. В качестве основного инструмента аналитики рекомендую использовать Яндекс.Метрику.

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

С помощью Метрики можно узнать:

  • Количество посетителей за любой период времени.
  • Процент отказов.
  • С каких устройств посетители захоядт на сайт.
  • Из каких поисковых систем идет трафик.
  • Как посетители ведут себя на сайте.

И это только малая часть полезных функций Метрики.

Чтобы установить счетчик Яндекс.Метрики на собственную площадку, перейдите на сайт инструмента аналитики.

В разделе «Счетчики» нажмите «Добавить счетчик».

Добавить счетчик метрики

Настройте счетчик:

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

Далее — примите условия Пользовательского соглашения и дайте согласие на получение рекламных материалов от ООО «ЯНДЕКС».

Чтобы продолжить нажмите «Создать счетчик».

Теперь нужно подключить счетчик к сайту. Так как у нас сайт на WordPress, то я рекомендую подключить Метрику с помощью плагина VDZ Yandex Metrika.

О том, как это сделать, смотрите в видео:

Видеоинструкция по установке Метрики на сайт через плагин VDZ Yandex Metrika

Публикуем первую запись: краткий гайд по редактору Gutenberg

После настройки сайта можно переходить к последнему этапу — к публикации первой записи. У CMS WordPress есть свой текстовый редактор — Gutenberg.

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

Чтобы начать публикацию записи, зайдите в админку WordPress и перейдите в раздел «Записи» → «Добавить новую». Откроется редактор Gutenberg.

В верхней строке введите название записи — это заголовок H1.

Редактор Gutenberg

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

Добавляем блоки в Gutenberg

Самые полезные блоки в Gutenberg:

  • Изображение. Этот блок дает возможность добавить изображение в текст — его можно загрузить с компьютера или выбрать из библиотеки медиафайлов.
  • Таблица. С помощью этого блока можно добавить таблицу в статью. При создании этого блока, вам предложат настроить таблицу: выбрать количество столбцов и строк.
  • Абзац. Этот блок нужен для написания текста.
  • Список. Это блок для создания списков: маркированных и нумерованных.
  • Заголовок. С помощью этого блока можно добавить заголовки разных размеров: H1, H2, H3, H4, H5.

Именно эти 5 блоков вы будете использовать постоянно.

Как сделать и настроить сайт на WordPress самостоятельно: чек-лист для новичков

Давайте рассмотрим все основные этапы и шаги для создания сайта на WordPress. Но теперь в формате чек-листа.

Этот чек-лист поможет вам не забыть важные этапы создания собственного веб-проекта:

Чек-лист: как сделать и настроить сайт на Вордпресс самостоятельно
Чек-лист по созданию сайта на WordPress с нуля

Мини-FAQ: ответы на частые вопросы

В этом разделе — ответы на частые вопросы новичков по теме создания сайта на WordPress с нуля. Чтобы посмотреть ответ, нажмите на «плюсик» в блоке с вопросом.

Нужны ли знания HTML и CSS для создания сайта на WordPress?
Можно ли создать сайт полностью бесплатно?
Можно ли создать интернет-магазин на WordPress?
Можно ли создать на WordPress полноценную социальную сеть — как ВКонтакте?

Итоги

Краткие итоги статьи:

  • WordPress — самая популярная CMS в мире. По данным ресурса builtWith в России на этом движке работают почти 400 000 платформ — сюда входят блоги, корпоративные сайты, информационные проекты.
  • Чтобы создать свой сайт на WordPress с нуля, нужно: зарегистрировать хостинг (например, Timeweb), купить домен и установить CMS WP на сайт. Все действия можно выполнить самостоятельно — просто следуйте пошаговой инструкции.
  • Дальше идут настройки веб-сайта: установка шаблонов и плагинов, настройка постоянных ссылок и т.д.
Понравилась статья? Поделиться с друзьями:
Нужны ли знания HTML и CSS для создания сайта на WordPress?
Нет, для создания веб-сайта на Вордпресс не требуются навыки программирования.

Например, изменить оформление веб-площадки можно с помощью настроек шаблона; добавить новую страницу, запись или сделать меню можно через панель администратора.
Можно ли создать сайт полностью бесплатно?
Да, можно.

Например, зайдите на сайт wordpress.com. На этой платформе можно быстро «собрать» веб-сайт.

Он будет размещаться на бесплатном хостинге, а также у него будет бесплатный домен второго уровня: https://site.wordpess.com
Можно ли создать интернет-магазин на WordPress?
Такая возможность есть. Для WordPress есть много плагинов и шаблонов, с помощью которых можно создать полноценный интернет-магазин: сделать карточки товаров, подключить сервисы для приема платежей.
Можно ли создать на WordPress полноценную социальную сеть — как ВКонтакте?
Нет, WordPress точно не подходит для создания проектов таких масштабов.