Собираетесь создать свой полноценный сайт на WordPress в 2024 году? Тогда вы попали точно по адресу.
Также, в некоторых разделах есть небольшие видеоуроки — например, если вам не хочется читать текст, то вы можете посмотреть видео о том, как выполнить то или иное действие.
Благодаря этому, уже через несколько часов вы самостоятельно создадите свой первый веб-сайт с нуля. Вам не потребуется помощь опытных вебмастеров или программистов.
Руководство по созданию сайта на WordPress получилось большим. Поэтому для удобства можете воспользоваться содержанием — если у вас нет времени читать всю статью, то просто переходите к нужному разделу:
1. Почему CMS WordPress: немного цифр + преимущества
2. Что потребуется для создания сайта на WordPress
3. Как создать сайт на WordPress в 2024 году: пошаговая инструкция
→ Шаг #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 есть много плюсов, которые выгодно выделяют эту CMS среди конкурентов.
Что потребуется для создания сайта на WordPress
Теперь давайте поговорим о том, что вам потребуется для создания сайта на WordPress:
- Свободное время. Банально, но главное, что вам необходимо — это свободное время. Весь процесс создания сайта займет 3-4 часа.
- Финансы. Конечно, можно создать сайт бесплатно: например, использовать бесплатный хостинг и домен от самого WordPress. Но я рекомендую не пожалеть деньги на собственный домен и хостинг. Также, вероятнее всего вам потребуется платный шаблон, чтобы создать веб-сайт с уникальным дизайном.
По примерным расчетам, для старта хватит 5-6 тысяч рублей. Этих денег хватит, чтобы оплатить хостинг на один год, зарегистрировать домен, купить премиум-шаблон и один-два полезных плагина. - Идея. Перед тем, как приступить к созданию веб-сайта, вам нужно определиться с нишей собственной площадки. Например, если вы хотите создать блог или информационный сайт, то выберите тематику проекта.
Как создать сайт на WordPress в 2024 году: пошаговая инструкция
Перейдем к практической части статьи — создадим сайт на WordPress с нуля. В этом разделе описаны 5 основных шагов: регистрация хостинга и домена, создание директории сайта на хостинге, заказ SSL-сертификата и установка Вордпресса.
Шаг #1. Регистрация хостинга
На первом этапе создания веб-сайта нужно зарегистрировать хостинг.
Для вашего первого сайта я рекомендую использовать хостинг Timeweb.
→ Быстрая загрузка сайтов.
→ Наличие бесплатного SSL-сертификата.
→ Круглосуточная поддержка.
→ Инновационная панель управления.
→ Данные сайтов надежно защищены системой резервирования.
→ Тестовый период на 10 дней.
→ Домен в подарок на годовых тарифах.
→ Есть бесплатная почта.
→ Доступно мобильное приложение (iOS и Android) для управления хостингом.
Чтобы зарегистрировать хостинг, перейдите на главную страницу платформы Timeweb. На главной странице зайдите в раздел «Виртуальный хостинг».
Далее нужно выбрать тарифный план. Для первого сайта достаточно тарифа «Year+». Если вам нужен хостинг для нескольких проектов — например, вы собираетесь сделать 3-4 проекта, — то тогда выберите тариф «Optimo+».
Чтобы начать регистрацию, нажмите кнопку «Начать бесплатно».
Откроется окно регистрации. В верхней вкладке нужно выбрать тип пользователя: физическое лицо или юридическое лицо — в зависимости от вашего юридического статуса.
Дальше укажите:
- Фамилию, имя и отчество.
- Электронную почту.
- Номер телефона.
Также вы можете указать имя пользователя (5-10 символов, латинские буквы и цифры) — оно будет использоваться для входа в систему.
Чтобы продолжить, нажмите кнопку «Стать клиентом».
Если у вас возникли вопросы по теме регистрации на хостинге, то вот инструкция в формате видео:
На электронную почту, которую вы указали при регистрации, придет письмо от Timeweb. В этом письме — данные для входа в панель управления: логин и пароль.
Войдите в панель управления. На этом процесс регистрации хостинга завершен.
После регистрации вам предоставят бесплатный тестовый период на 10 дней. Поэтому не забудьте оплатить хостинг, пока не закончится пробный период.
Стоимость тарифа «Year+»:
- При оплате за год: 169 ₽ в месяц.
- При помесячной оплате: 197 ₽ в месяц.
Выберите любой удобный формат оплаты: например, вы можете сразу пополнить баланс на 2 028 ₽ и оплатить хостинг на один год.
Шаг #2. Выбор и регистрация домена
Обычно этот этап описывают первым — сначала вебмастеры регистрируют домен, а потом — хостинг.
Мы поступим иначе, так как регистрировать домен будем в панели управления Timeweb.
Перед тем, как зарегистрировать доменное имя, нужно подобрать оптимальное название.
Домен должен быть простым и запоминающимся. Например, если вы создаете сайт компании, то в качестве доменного имени используйте название организации.
Я рекомендую регистрировать домен в зоне .ru. Но если вы создаете сайт для англоязычной аудитории, то тогда регистрируйте доменное имя в другой зоне: например, .com.
Проверка домена
После того, как вы придумали доменное имя для сайта, нужно проверить, доступно ли оно для регистрации.
Для этого воспользуемся сервисом Whois от Timeweb. Это бесплатная услуга, которая позволяет получить сведения о регистрации доменов.
Чтобы проверить домен, перейдите по этой ссылке — вы попадете в раздел «Whois-сервис» на сайте Timeweb.
Введите выбранный URL-адрес в строку и нажмите «Проверить домены».
Если URL-адрес свободен, то переходим к процессу регистрации домена.
Регистрируем домен
Теперь зайдите в панель управления Timeweb. Чтобы зарегистрировать домен, нужно создать администратора.
Для этого перейдите в раздел «Домены и поддомены» → «Администраторы доменов».
Сейчас список администраторов пуст. Нажмите кнопку «Добавить администратора».
Откроется окно создания нового администратора.
Здесь нужно:
- Выбрать свой юридический статус: физическое лицо, юридическое лицо или ИП.
- Указать свои фамилию, имя, отчество и дату рождения.
- Выбрать гражданство.
- Ввести паспортные данные.
- Указать свой почтовый индекс и адрес.
- Ввести номер телефона и E-mail.
Указывайте реальные данные. В обратном случае, если с доменом что-то случится, вам будет трудно восстановить к нему доступ.
Не бойтесь за конфиденциальность персональной информации: паспортные данные хранятся в зашифрованном виде и не будут переданы третьим лицам.
Также вы можете посмотреть видео на тему того, как создать нового администратора на хостинге Timeweb:
После того, как вы создали нового администратора, можно регистрировать домен. Для этого зайдите в раздел «Домены и поддомены» → «Зарегистрировать домен».
Введите название домена и нажмите кнопку «Зарегистрировать». Стоимость домена в зоне .ru на год: 179 ₽.
Не забудьте убрать галочку с «Выгодного предложения» — вам предложат зарегистрировать домен в зоне .рф за 99 ₽. Вряд ли вам потребуется доменное имя в этой зоне.
Далее откроется раздел «Настройка и оплата заказа».
Здесь выполните следующие действия:
- Выберите срок регистрации домена: например, на 1, 2 или 3 года.
- Отключите опцию защиты сайта с помощью SSL Timeweb Pro. Дальше мы подключим бесплатный SSL-сертификат.
- Выберите администратора. Или создайте нового «админа».
Чтобы завершить регистрацию, нажмите кнопку «Зарегистрировать домен» и оплатите услугу: например, банковской картой.
Поздравляю, вы успешно зарегистрировали домен для своего сайта.
Также вы можете изучить видеоинструкцию по регистрации домена для вашего первого сайта на WordPress:
Шаг #3. Заказываем SSL-сертификат
Сразу после регистрации домена, мы переходим к следующему этапу — установка SSL-сертификата.
Что гарантирует SSL-сертификат:
- Подлинность ресусра. Это повышает доверие пользователей и поисковых роботов к сайту.
- Целостность передаваемой информации.
- Повышенный уровень конфиденциальности.
Плюс, когда вы откроете свой сайт в браузере, слева от домена будет отображаться замок, который «говорит» о том, что соединение полностью безопасно.
Заказать SSL-сертификат можно через панель управления Timeweb. Для этого зайдите в раздел «SSL-сертификаты» → «Магазин сертификатов».
Нам нужен бесплатный SSL-сертификат «SSL Let’s Encrypt». Нажмите кнопку «Заказать».
Откроется раздел «Заказ сертификата».
Здесь все просто: выберите домен, на который нужно установить сертификат → отключите платную опцию настройки защищенного соединения → установите галочку возле строки «Я согласен с правилами предоставления услуги» → нажмите кнопку «Заказать».
Через какое-то время SSL-сертификат будет установлен на выбранный домен.
Шаг #4. Создаем новую директорию сайта
Перед тем, как установить Вордпресс, нужно создать директорию сайта — раздел, где будут храниться файлы веб-площадки.
Для этого зайдите в раздел «Сайт» и нажмите кнопку «Создать новый сайт».
Укажите название директории — на латинице и без пробелов — и нажмите кнопку «Создать».
Теперь к созданной директории сайта нужно привязать домен. Это просто: справа от названия директории есть кнопка «Привязать домен» — нажмите на нее.
Откроется небольшое окно, где нужно выбрать домен или поддомен, который вы хотите привязать к сайту.
Шаг #5. Установка CMS WordPress на сайт
Последний этап создания сайта — установка WordPress. Для этого перейдите в раздел «Каталог CMS» и выберите 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». Вряд ли она подойдет для вашей площадки.
Посмотреть список бесплатных шаблонов можно в разделе «Внешний вид» → «Темы» → «Добавить новую».
Здесь расположен каталог бесплатных шаблонов: для блогов, интернет-магазинов, информационных и корпоративных сайтов.
Выберите нужную категорию — например, «Избранное» — и подберите тему, которая подходит для вашего проекта. После этого наведите курсор мыши на шаблон и нажмите кнопку «Установить».
Каталог шаблонов в админке — не единственное место, где вы можете подобрать шаблон для своей площадки. Например, многие бесплатные темы имеют крайне ограниченный функционал.
Поэтому я рекомендую обратить внимание в сторону премиум-шаблонов (платные темы). Например, блог SMMtips работает на теме Root (разработчик — WPShop).
Для информационных сайтов и блогов я рекомендую тему Reboot.
→ Есть конструктор главной страницы.
→ Доступно 12 полезных встроенных модулей.
→ Высокая скорость загрузки.
→ SEO-оптимизация: правильные теги, разметка, код, описание рубрик.
→ Полностью адаптивный шаблон Mobile-first — сайты отлично работают на мобильных устройствах.
→ Нет циклических ссылок.
→ Отдельные настройки для каждой карточки постов.
Цена шаблона для одного домена: 3 800 ₽.
Больше премиум шаблонов вы найдете на следующих площадках:
- WPShop — магазин премиум плагинов и тем. Все темы — на русском языке.
- TemplateMonster — огромный маркетплейс шаблонов.
- ThemeForest — платформа с тысячами различных тем.
Загружаем сторонний шаблон
Если вы купили или скачали сторонний шаблон — например, Reboot от WPShop, — то его нужно установить на сайт. После покупки темы вам будет доступен .zip-файл с файлами шаблона — скачайте его на компьютер.
После этого зайдите в панель администратора WordPress и перейдите в раздел «Внешний вид» → «Темы» → «Добавить новую».
В верхней части экрана есть кнопка «Загрузить тему». Нажмите на нее.
Выберите файл с темой с компьютера и нажмите кнопку «Установить». Шаблон автоматически установится на веб-сайт. Далее — просто активируйте шаблон.
Этап #3. Удаляем ненужные шаблоны
После того, как вы подобрали и установили шаблон, можете смело удалить стандартные темы.
Удалить ненужный шаблон просто: перейдите в раздел «Внешний вид» → «Темы».
Откроется список тем, которые установлены на сайт.
Нажмите на нужный шаблон — откроется список с информацией о теме. В нижней части окна с описанием есть кнопка «Удалить» — нажмите на нее.
Этап #4. Общие настройки сайта
На четвертом этапе нужно выполнить общие настройки сайта.
Для этого зайдите в раздел «Настройки» → «Общие».
Здесь выполните следующие действия:
- Введите название сайта. Например, «Сайт о маркетинге» или «Сайт компании “Свет Для Дома”».
- Сделайте краткое описание сайта — 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-сайта мы создадим страницы и рубрики для сайта.
Страницы — это разделы, в которых можно указать любую информацию: например, подробное описание ресурса; также можно создать служебные страницы для корпоративных сайтов: например, «О компании», «Доставка и оплата», «Контакты».
Рубрики — это разделы для записей. Например, если вы создали блог, то для каждого формата контента можно сделать свою рубрику. Для новостей — «Новости», для обзоров — «Обзоры».
Страницы
Чтобы создать страницу, перейдите в раздел «Страницы» → «Добавить новую».
В открывшемся редакторе укажите заголовок страницы: например, «Контакты для связи».
Под заголовком расположен текстовый редактор. Укажите любую информацию, которая должна отображаться на этой странице: например, контактные данные, описание сайта, способы доставки товаров и услуг.
Чтобы завершить создание страницы нажмите кнопку «Опубликовать».
Рубрики
Чтобы добавить рубрики, перейдите в раздел «Записи» → «Рубрики».
В левой части интерфейса есть подраздел «Добавить новую рубрику».
Введите название рубрики: например, «Статьи». Нажмите кнопку «Добавить новую рубрику».
В строке «Ярлык» будет указано название рубрики, которое будет отображаться в URL-адресе. Вы можете изменить ярлык. Пишите ярлык на латинице. Можно использовать цифры и дефисы.
Таким образом вы можете добавить любое количество рубрик.
Этап #8. Добавляем меню
Последний — восьмой — этап настройки сайта — создание меню. В меню можно добавить рубрики и страницы: например, в шапке или футере.
Меню заметно упрощает навигацию по сайту.
Чтобы создать меню, перейдите в раздел «Внешний вид» → «Меню». Откроется редактор меню.
В левой часть экрана находится окно «Добавьте элементы меню». Здесь вы можете выбрать нужные элементы, которые хотите добавить в меню: записи, страницы, рубрики.
В правой части экрана расположено окно «Структура меню». Здесь вы видите, какие элементы уже добавлены в меню.
Чтобы добавить какой-либо элемент — например, страницу или рубрику, — отметьте его галочкой в левом окне. После этого нажмите кнопку «Добавить в меню».
Теперь этот раздел будет отображаться в меню.
Подготовка сайта к продвижению
В этом разделе мы немного затронем тему продвижения сайта: подключим аналитику, добавим веб-сайт в Вебмастер и GSC, создадим robots.txt, отправим sitemap.xml поисковым роботам, настроим плагин Yoast SEO.
Создаем файл robots.txt
Первым делом, давайте создадим файл robots.txt.
Файл размещают в корневом каталоге сайта. Он доступен по URL-адресу https://site.ru/robots.txt.
Robots.txt — текстовый документ в кодировке UTF-8.
Чтобы создать индексный файл, откройте обычный блокнот.
Я не буду вдаваться в мельчайшие подробности того, как правильно составлять robots.txt. Лучше просто предоставлю вам готовый шаблон, который будет оптимален для нового сайта на WordPress.
Просто скопируйте текст ниже и добавьте его в блокнот:
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.
Этот документ нужно добавить в корневой каталог сайта. Так как мы создали веб-сайт на Timeweb, то для того, чтобы попасть в корневой каталог, зайдите в панель управления.
Перейдите в раздел «Файловый менеджер». Откроется список папок — это директории, которые вы создали для сайтов. Выберите нужную директорию сайта и откройте ее.
В директории расположена папка public_html — зайдите в этот раздел. Сюда нужно загрузить файл robots.txt. Это просто: в верхнем меню нажмите «Файл» → «Загрузить на сервер».
Откроется небольшое окно, в котором нужно прикрепить файл robots.txt и загрузить его на сервер.
Готово, теперь перейдите по ссылке https://site.ru/robots.txt. Здесь вы увидите следующую картину:
Добавляем сайт в Вебмастер и GSC
Теперь нужно добавить сайт в Яндекс.Вебмастер и Google Search Console. Это инструменты, которые дают возможность владельцам сайтов отслеживать статус индексации веб-страниц.
В личном кабинете Вебмастера или GSC можно:
- Посмотреть, сколько страниц сайта находятся в индексе поисковых систем.
- Отправить страницу на переобход.
- Посмотреть наличие критических ошибок на сайте.
- Посмотреть, по каким запросам пользователи переходят на веб-сайт.
- Изучить внешние и внутренние ссылки.
Яндекс.Вебмастер
Первым делом добавим сайт в Яндекс.Вебмастер. Для этого зайдите на главную страницу Вебмастера и нажмите кнопку «Перейти».
Сейчас у вас нет активных площадок в Вебмастере, поэтому нажмите кнопку «Добавить сайт».
Укажите URL-адрес сайта и нажмите кнопку «Добавить».
Теперь нужно подтвердить права на площадку.
Самый простой вариант — загрузить HTML-сайт в корневой раздел сайта. Здесь все также, как в случае с robots.txt:
- Откройте корневой раздел веб-сайта через панель управления Timeweb.
- Загрузите HTML-файл в корневой раздел.
После того, как загрузили файл, нажмите кнопку «Проверить». На этом процесс добавления платформы в Вебмастер завершен.
Google Search Console
Чтобы добавить сайт в Google Search Console, зайдите на главную страницу инструмента. На первой странице с описанием инструмента, нажмите кнопку «Попробовать».
На следующем этапе нужно выбрать тип ресурса. Рекомендую второй вариант — «Ресурс с префиксом в URL».
Введите ссылку на свой URL-адрес в формате https://site.ru и нажмите «Продолжить».
Подтвердите права на сайт. Рекомендую использовать первый вариант — загрузку HTML-файла в корневой каталог площадки.
Это просто:
- Скачайте HTML-файл.
- Откройте корневой каталог сайта через панель управления Timeweb.
- Загрузите HTML-файл на сервер.
- Нажмите кнопку «Подтвердить», а потом — «Готово».
Вы успешно добавили свой сайт в Google Search Console.
Настраиваем Yoast SEO
Еще один важный этап подготовки сайта к продвижению — настройка плагина Yoast SEO. Если вы еще не установили это расширение, то обязательно сделайте это, а потом — переходите к инструкции ниже.
После установки и активации плагина, в панели управления появится раздел «SEO» — перейдите в него.
Первый подраздел, который нас встречает — «Общие». Здесь ничего делать не нужно.
Переходите в подраздел «Отображение в поисковой выдаче». Как правильно настроить этот плагин я покажу на примере своего блога SMMtips.
Во вкладке «Общие» нужно:
- Выбрать разделитель для заголовка — символов, который будет показан между вашим названием сообщения (страницы или записи) и названием сайта.
- Указать SEO-заголовок (это tilte) и Мета-описание (это description) для главной страницы. Например, в качестве заголовка используйте название своего блога или компании; в описании кратко расскажите о веб-площадке — 120-140 символов будет достаточно.
- Социальные настройки, и Knowledge и Schema.org можете оставить без изменений.
Следующая вкладка — «Типы содержимого»:
- Первые два пункта — «Показать Записи в результатах поиска?» и «Показать настройки SEO для Записи?» оставьте включенными.
- В строке SEO-заголовок используйте три переменные: «Название», «Разделитель», и «Название сайта». Это значит, что title ваших записей будет выглядеть так: «Название записи — Название сайта».
- Блок Мета-описание оставляем пустым.
- В разделе «Страницы» делаем все то же самое: включаем первые 2 пункта, выбираем 3 переменные для SEO-заголовка.
Остальные разделы плагина оставьте без изменений.
Добавляем файлы 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-адресу и нажмите кнопку «Отправить».
Подключаем веб-аналитику
На финальном этапе подготовки к продвижению установим веб-аналитику на сайт. В качестве основного инструмента аналитики рекомендую использовать Яндекс.Метрику.
С помощью Метрики можно узнать:
- Количество посетителей за любой период времени.
- Процент отказов.
- С каких устройств посетители захоядт на сайт.
- Из каких поисковых систем идет трафик.
- Как посетители ведут себя на сайте.
И это только малая часть полезных функций Метрики.
Чтобы установить счетчик Яндекс.Метрики на собственную площадку, перейдите на сайт инструмента аналитики.
В разделе «Счетчики» нажмите «Добавить счетчик».
Настройте счетчик:
- Введите имя счетчика.
- Укажите адрес сайта.
- Выберите оптимальный часовой пояс.
- Укажите почту для уведомлений.
- Отключите автоматические цели.
- Включите вебвизор, карту скроллинга и аналитику форм, чтобы смотреть, как пользователи ведут себя на сайте.
Далее — примите условия Пользовательского соглашения и дайте согласие на получение рекламных материалов от ООО «ЯНДЕКС».
Чтобы продолжить нажмите «Создать счетчик».
Теперь нужно подключить счетчик к сайту. Так как у нас сайт на WordPress, то я рекомендую подключить Метрику с помощью плагина VDZ Yandex Metrika.
О том, как это сделать, смотрите в видео:
Публикуем первую запись: краткий гайд по редактору Gutenberg
После настройки сайта можно переходить к последнему этапу — к публикации первой записи. У CMS WordPress есть свой текстовый редактор — Gutenberg.
Gutenberg — это блочный редактор записей и страниц. Каждый элемент — абзац, список, изображение — это отдельный блок, который можно легко перетаскивать из одной части страницы в другую.
Чтобы начать публикацию записи, зайдите в админку WordPress и перейдите в раздел «Записи» → «Добавить новую». Откроется редактор Gutenberg.
В верхней строке введите название записи — это заголовок H1.
Под заголовком расположен текстовый редактор. Просто начните набирать текст, чтобы написать заметку. Также вы можете нажать на плюс и добавить блоки в статью.
Самые полезные блоки в Gutenberg:
- Изображение. Этот блок дает возможность добавить изображение в текст — его можно загрузить с компьютера или выбрать из библиотеки медиафайлов.
- Таблица. С помощью этого блока можно добавить таблицу в статью. При создании этого блока, вам предложат настроить таблицу: выбрать количество столбцов и строк.
- Абзац. Этот блок нужен для написания текста.
- Список. Это блок для создания списков: маркированных и нумерованных.
- Заголовок. С помощью этого блока можно добавить заголовки разных размеров: H1, H2, H3, H4, H5.
Именно эти 5 блоков вы будете использовать постоянно.
Как сделать и настроить сайт на WordPress самостоятельно: чек-лист для новичков
Давайте рассмотрим все основные этапы и шаги для создания сайта на WordPress. Но теперь в формате чек-листа.
Этот чек-лист поможет вам не забыть важные этапы создания собственного веб-проекта:
Мини-FAQ: ответы на частые вопросы
В этом разделе — ответы на частые вопросы новичков по теме создания сайта на WordPress с нуля. Чтобы посмотреть ответ, нажмите на «плюсик» в блоке с вопросом.
Итоги
Краткие итоги статьи:
- WordPress — самая популярная CMS в мире. По данным ресурса builtWith в России на этом движке работают почти 400 000 платформ — сюда входят блоги, корпоративные сайты, информационные проекты.
- Чтобы создать свой сайт на WordPress с нуля, нужно: зарегистрировать хостинг (например, Timeweb), купить домен и установить CMS WP на сайт. Все действия можно выполнить самостоятельно — просто следуйте пошаговой инструкции.
- Дальше идут настройки веб-сайта: установка шаблонов и плагинов, настройка постоянных ссылок и т.д.