Перейти к содержимому

WordPress. Создание сайта

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

  1. Доменное имя и хостинг
  2. Установка WordPress
  3. Установка обязательных плагинов
  4. Первоначальная настройка сайта
  5. Добавление контента и карты сайта
  6. Генерация и установка SSL-сертификата
  7. Улучшение SEO
  8. Добавление рекламы AdSense

Доменное имя и хостинг

Самые первые шаги при создании любого сайта, а не только на WordPress:

  1. Регистрация доменного имени
  2. Аренда виртуального хостинга

Регистрация доменного имени

Зарегистрировать доменное имя можно у регистратора дешевых доменов Dnar.Ru. Проверить, свободен ли домен, можно без регистрации, вписав его имя в поле ввода и нажав значок лупы. Имя домена задается без пробелов, для разделения слов предпочтительнее использовать дефис, чем нижнее подчеркивание, а можно слова не разделять, например: horoshiy-sayt.ru или horoshiysayt.ru. Если доменное имя занято, можно изменить одну или пару букв, например: khoroshiysayt.ru или horoshijsayt.ru.

Для регистрации доменного имени необходимо создать аккаунт на сайте регистратора Dnar.Ru и воспользоваться подробной инструкцией в разделе «Вопросы и ответы» на главной странице сайта.

Аренда виртуального хостинга

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

Виртуальный хостинг (shared hosting) стоит дешевле, чем VDS/VPS, и для начинающих веб-мастеров его вполне достаточно, тем более, что перейти на VDS/VPS не составит большого труда. Я арендую хостинг у провайдера Евробайт. Выбор сделан по достаточно низким ценам и возможности генерации бесплатного SSL-сертификата от удостоверяющего центра Let’s Encrypt непосредственно на виртуальном хостинге. Бессрочные сертификаты от Let’s Encrypt, которые не нужно самим генерировать, предоставляют хостинг-провайдеры Beget и Timeweb.

Чтобы удобнее было работать с файлами на хостинге, устанавливаем на свой компьютер бесплатный FTP клиент FileZilla. Однажды мне не удалось с первой попытки загрузить при создании нового сайта дистрибутив WordPress на хостинг через ISPmanager, повторная загрузка через FileZilla прошла чисто.

Установка WordPress

1. Создаем на хостинге Евробайт через ISPmanager новый WWW-домен с именем, зарегистрированным на Dnar.Ru, в разделе «Доменные имена» запись будет создана автоматически.

2. Там же добавляем новую базу данных.

3. Дистрибутив WordPress скачиваем с официального сайта wordpress.org и распаковываем его.

4. Открываем FTP клиент FileZilla (путь к хостингу уже должен быть добавлен в Менеджер сайтов), находим каталог с распакованными файлами дистрибутива WordPress и копируем все содержимое каталога в папку с именем сайта, расположенную на хостинге.

Дистрибутив WordPress
Распакованные файлы дистрибутива WordPress, которые необходимо скопировать и передать по FTP на хостинг в папку с именем сайта

5. Из папки с дистрибутивом WordPress на компьютере открываем файл «readme.html» и проводим «Знаменитую 5-минутную установку». Автоматическая установка работает не на всех серверах, но на серверах хостинг-провайдера Евробайт она работает.

Установка обязательных плагинов

1. All in One SEO Pack или Yoast SEO - предназначены для добавления тегов «title» и «description» к записям и страницам сайта на WordPress. Устанавливаем один из плагинов и сразу активируем. Какой из них выбрать - сложно сказать, но если необходимо добавлять произвольные теги в раздел «head» записей и страниц, это может только «All in One SEO Pack». «Yoast SEO» позволяет настроить "Хлебные крошки" на сайте (в разделе интерфейса плагина «Дополнительно»).

Если будет выбран и установлен плагин «Yoast SEO», следует отключить создание динамической XML-карты сайта, которая может быть включена по умолчанию, так как для ее создания мы будем использовать другой плагин - «Google XML Sitemaps».

2. AMP for WP - предназначен для создания ускоренных мобильных страниц на сайте WordPress, активно продвигаемых компанией Google в своем поисковике. Устанавливаем, сразу активируем, включаем перенаправление на AMP для мобильных устройств в разделе «Advance Settings».

3. Google XML Sitemaps - предназначен для создания XML-карты сайта. Устанавливаем, но не активируем.

4. PS Auto Sitemap - предназначен для создания ссылочной карты сайта на WordPress. Устанавливаем, но не активируем.

5. Really Simple SSL - предназначен для перенаправления адресов с «http» на адреса с «https» после генерации и установки SSL-сертификата. Устанавливаем, но не активируем.

Первоначальная настройка сайта

1. Выбор темы и создание дочерней темы для сайта на WordPress.

Мои темы:

  • использующиеся - Tiny Framework и Twenty Seventeen,
  • на рассмотрении - xMag и Iconic One.

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

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

3. Отключение ревизий (и удаление, если успели наделать).

Добавление контента и карты сайта

1. Запрещаем на время поисковым системам индексировать сайт, если не сделали этого при настройке плагина «Yoast SEO», - в настройках чтения админпанели WordPress отмечаем галочкой квадратик «Попросить поисковые системы не индексировать сайт».

Запретить индексацию можно добавлением в корневой каталог сайта файла robots.txt со следующим содержанием:

User-agent: *
Disallow: /

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

2. Пишем несколько статей: 1, 10, 25 или 50, кого на сколько хватит. Некоторые авторы считают, что, если открыть для индексации новый сайт сразу с 50 страницами, то он лучше будет представлен в поиске, чем если начать индексировать его с одной или нескольких статей. Меня на третьем сайте хватило на 20 страниц, а первые индексировались с самого начала.

3. Добавляем новую страницу, называем ее «Карта сайта», активируем плагин «PS Auto Sitemap» и вставляем на страницу шорт-код.

Генерация и установка SSL-сертификата

Генерируем бесплатный SSL-сертификат, применяем его для своего домена и активируем плагин «Really Simple SSL».

Улучшение SEO

1. Активируем плагин «Google XML Sitemaps» для создания динамической XML-карты нашего сайта на WordPress.

2. Добавляем в корневую директорию своего сайта файл robots.txt с примерно следующим содержанием (или заменяем, если он уже есть):

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-json
Disallow: /search/
Disallow: /author/
Disallow: /users/
Disallow: /category/
Disallow: /tag/
Disallow: /?
Disallow: */page/
Disallow: */trackback
Disallow: */feed
Disallow: */rss
Disallow: */embed
Disallow: /xmlrpc.php
Disallow: /wp-login.php
Disallow: /wp-register.php
Allow: /*/*.js
Allow: /*/*.css
Allow: /wp-admin/admin-ajax.php

Sitemap: https://horoshiysayt.ru/sitemap.xml

Host: https://horoshiysayt.ru

3. Добавляем счетчик LiveInternet в один из виджетов основного сайта и в плагин «AMP for WP» для подсчета посещений AMP-страниц. LiveInternet генерирует для AMP отдельный код счетчика, но вставлять его нужно без верхней строки, так как она стандартна для всех счетчиков и плагин «AMP for WP» генерирует ее автоматически.

4. Разрешаем поисковым системам индексировать сайт, если, конечно, запрещали раньше.

5. Добавляем сайт в Яндекс Вебмастер. Проверяем файлы «robots.txt» и «sitemap.xml». Загружаем тексты статей в сервис «Оригинальные тексты». В разделе «Переобход страниц» отправляем на индексирование все страницы и записи.

6. Добавляем сайт в Search Console. Проверяем и отправляем файлы «robots.txt» и «sitemap.xml». В разделе «Просмотреть как Googlebot» отправляем на индексирование страницу «Карта сайта», выбрав индексирование URL и всех связанных страниц.

Добавление рекламы AdSense

Если планируется раскручивать сайт с помощью платной рекламы, можно добавить код AdSense на основной сайт и в плагин «AMP for WP», чтобы частично компенсировать расходы. Добавить рекламный код на новый сайт получится только если уже есть рабочий аккаунт AdSense, иначе новый сайт до достижения определенной посещаемости одобрен не будет. При вставке кода AdSense в плагин «AMP for WP» необходимо заключить в парные кавычки числовые значениям атрибутов там, где покажет ошибку виджет «HTML-код».