Настройка блога на WordPress: 13 простых шагов (Подробная инструкция 2020)

ЧИТАТЬ ВТОРУЮ ГЛАВУ ЧИТАТЬ ЧЕТВЁРТУЮ ГЛАВУ

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

Ниже я подготовил для вас подробную инструкцию, которая состоит из 13 шагов.

В ней я покажу, как я настраивал свой блог (который вы сейчас читаете).

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

13 шагов, о которых пойдёт речь в третьей главе:

  1. Постоянные ссылки
  2. URL латиницей
  3. SSL-сертификат
  4. Настройка темы
  5. Создание меню
  6. Настройка сайдбара
  7. Яндекс Метрика и Google Analytics
  8. Файл robots.txt
  9. Перевод сайта
  10. Политика конфиденциальности
  11. Анти-спам
  12. Официальная почта блога
  13. Яндекс Вебмастер и Google Search Console

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

Первым шагом сделаем нашим записям и страницам удобные и красивые URL-ы.

Переходим в «Настройки» — «Постоянные ссылки».

Выбираем «Название записи» и нажимаем на «Сохранить изменения».

Теперь при создании страницы ссылка будет дублировать заголовок статьи.

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

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

Например, ссылка на статью выглядит красиво: https://plotnikov.info/тестовая-статья. Но при копировании превращается в https://plotnikov.info/%d1%82%d0%b5%d1%81%d1%82%d0%be%d0%b2%d0%b0%d1%8f-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8f.

Конечно, это нужно исправить.

2. URL латиницей.

Наши ссылки должны быть написаны латиницей, а не кириллицей.

Эту проблему поможет решить плагин «Cyr to Lat».

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

В поисковой строке вводим название плагина: «Cyr to Lat».

Нажимаем на кнопку «Установить» на найденном плагине, затем «Активировать».

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

3. SSL-сертификат.

Поисковые системы требуют, чтобы на каждом сайте был установлен SSL-сертификат.

Хостинг Beget позволяет подключить этот сертификат за пару кликов.

Переходим на хостинг в раздел «Домены и поддомены».

Здесь напротив нашего домена нажимаем на значок с надписью «SSL».

Затем на вкладке «Бесплатный SSL сертификат» нажимаем на «Установить».

Всё, бесплатный сертификат заказан.

Остаётся только подождать, пока он будет выпущен. Обычно ожидание составляет 1-2 часа.

Когда сертификат заработает, статус заявки изменится на «Сертификат Let’s Encrypt установлен». Нам также придёт уведомление об этом на почту.

Теперь наш сайт будет открываться по 2 адресам: через http и https.

Чтобы это исправить, нужно сделать редирект.

Самый простой способ — воспользоваться плагином «Easy HTTPS (SSL) Redirection«.

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

Находим плагин через поиск и нажимаем «Установить», а затем «Активировать».

Теперь этот плагин нужно настроить.

Для этого нажимаем на «Settings».

На странице настроек ставим галочки напротив следующих пунктов:

  • Enable automatic redirection to the «HTTPS»
  • Force resources to use HTTPS URL

После этого сохраняем изменения.

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

4. Настройка темы.

Каждый шаблон настраивается по-своему, но можно выделить основные принципы.

Иногда в административной панели появляются дополнительные пункты с настройкой темы. Если их нет, то переходим «Внешний вид» — «Настроить».

Переходим к настройке элементов внешнего вида блога:

  • Логотип

Есть 2 варианта:

  1. Написать адрес или название нашего сайта буквами
  2. Вставить изображение

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

Получилось так:

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

  • Header.

Что такое хэдер?

На схеме ниже показано расположение этих элементов на сайте:

Как можно увидеть, хэдер — это верхняя часть сайта, на которой размещаются логотип и меню.

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

Я рекомендую оставить в хэдере только логотип, меню и поле поиска по сайту.

Лично я так и сделал.

  • Footer.

Футер — самая нижняя часть сайта.

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

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

  • Прочие настройки.

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

Они зависят от вашего вкуса и выбранной темы. Эти настройки не так важны.

5. Создание меню.

Меню нужно для удобной навигации по сайту.

Для его настройки переходим на «Внешний вид» — «Меню».

Здесь вводим название. Я назвал «Главное меню».

Затем нажимаем на кнопку «Создать меню».

Теперь указываем, где созданное меню будет отображаться.

Выбираем «Main Menu», если хотим, чтобы оно появилось в хэдере сайта.

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

Для того, чтобы добавить страницу, нужно сначала её создать. Я создал страницу «Контакты».

Затем, просто выбираем её из списка и нажимаем на кнопку «Добавить в меню».

Теперь наше меню отобразится в хэдере сайта.

Как можно увидеть, появилась ссылка на страницу с контактами. Нажав на неё, мы перейдём на одноимённую страницу.

6. Настройка сайдбара.

Сайдбар обычно находится в правой части сайта. Реже — в левой.

Для того, чтобы настроить сайдбар, переходим на «Внешний вид» — «Виджеты».

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

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

Мы можем разместить виджеты в сайдбаре, хэдере, футере и других зонах сайта.

Зона, которая отвечает за виджет сайта, называется «Sidebar Widgets».

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

Удаляем все ненужные виджеты из этой зоны.

Оставляем только 2 виджета:

  • Который показывает новые или популярные записи
  • Который показывает категории блога

7. Устанавливаем код Яндекс Метрики и Google Analytics.

Это два самых популярных сервиса для просмотра статистики сайта.

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

Но для начала нам понадобятся аккаунты в Яндекс и Google. Если у вас нет аккаунтов, то зарегистрируйте их.

  • Яндекс Метрика.

Переходим на сайт metrika.yandex.ru и нажимаем на «Добавить счётчик».

На следующей странице заполняем необходимые данные:

  • Имя счётчика. Вводим любое.
  • Адрес сайта. Указываем наш домен.
  • Выбираем часовой пояс.
  • Включаем вебвизор, карту скроллинга и аналитику форм.
  • Принимаем условия.

Затем нажимаем на «Создать счётчик».

Выбираем вкладку «HTML» и копируем код, который расположен внизу страницы.

Есть 2 способа вставить код на сайт: в футер или в хэдер.

Я покажу, как разместить код счётчика в футере.

Переходим на «Внешний вид» — «Редактор тем».

В правой части экрана находится список файлов темы. Выбираем footer.php.

Теперь в коде нужно найти закрывающие тег «/body«. Для этого нажимаем комбинацию клавиш Ctrl+F.

В появившемся окне поиска по сайту вводим /body. Тег найдётся и подсветится автоматически.

Остаётся только вставить скопированный код Яндекс Метрики и нажать на «Сохранить файл».

Код метрики установлен.

Но не спешите закрывать страницу с файлом footer.php. Нам нужно установить сюда код второго сервиса.

  • Google Analytics

Переходим на сайт analytics.google.com и нажимаем на «Настроить бесплатно».

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

На следующей странице нажимаем на «Создать ресурс».

Заполняем все необходимые поля:

  • Название сайта. Пишем любое.
  • URL сайта. Указываем наш домен.
  • Отрасль. Выбираем подходящую отрасль.
  • Выбираем часовой пояс.

Затем нажимаем на «Создать».

После этого копируем код счётчика.

И вставляем его на сайт рядом с кодом Яндекс Метрики.

Всё, на этом установка счётчиков полностью завершена.

Теперь мы можем отслеживать полную статистику сайта.

8. Файл robots.txt.

Этот файл создаётся для поисковых роботов. Из него они узнают, какой контент индексировать, а какой нет.

Существуют разные способы заполнения файла robots.txt.

Я всегда использую один вариант заполнения на всех сайтах, просто меняю домен.

Так что вы тоже можете скопировать код из моего файла по адресу: plotnikov.info/robots.txt.

Только на забудьте поменять мой домен на ваш.

Создаём текстовый файл, называем его robots, расширение .txt.

Копируем в него код из моего файла. Затем меняем следующие строчки:

  • Host: ваш_домен.ru
  • Sitemap: https://ваш_домен.ru/sitemap.xml

Файл создан и теперь нужно разместить его в корневую папку нашего сайта.

Заходим на хостинг и нажимаем на «Файловый менеджер».

Переходим в папку, которая называется, как наш домен. Затем, заходим в папку public_html.

Мой путь к этой папке выглядит так: /plotnikov.info/public_html.

Вставляем наш файл в эту папку.

Для этого нажимаем на «Загрузить файлы» — «Browse». Затем выбираем необходимый файл и нажимаем на кнопку «Загрузка».

Проверяем, правильно ли всё сделали.

Для этого переходим по ссылке: https://ваш_домен.ru/robots.txt. Файл должен открываться корректно.

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

9. Перевод сайта.

Обычно платные темы при установке переводятся на русский язык не до конца.

В таком случае, непереведёнными элементами придётся заняться вручную.

Есть несколько способов перевести сайт. Но самый удобный из них — плагин «Loco Translate».

Устанавливаем плагин и активируем его. Он появится у нас в меню в панели управления.

Нажимаем на него и выбираем «Темы».

На следующей странице выбираем нашу тему.

Создаём новый язык.

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

Всего найдено около 1 000 строк. Но все их можно не переводить.

Ищем на сайте непереведённые слова и вставляем их в поисковую строку плагина.

  • В поле «Исходный код» выбираем нужную строку.
  • В поле «EN Исходный код» указана оригинальная фраза.
  • В поле «Русский перевод» нужно ввести перевод этой фразы.

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

Если в оригинале встречаются символы, например, «/%», то эти символы должны остаться и в переведённой фразе.

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

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

Каждый сайт, который собирает данные пользователей, должен иметь страницу с политикой конфиденциальности.

По большому счёту, это формальность. Но за невыполнение данной формальности можно получить штраф.

Как будут собираться данные на вашем блоге:

  • Форма комментариев. Чтобы оставить комментарий, пользователю нужно указать свой E-mail. А электронная почта является пользовательскими данными.
  • Форма обратной связи. Чтобы отправить вам сообщение через эту форму, пользователь должен будет ввести E-mail.
  • Форма для сбора электронной почты. Скорее всего, вы будете собирать E-mail-ы своих читателей для рассылки — это называется E-mail-маркетинг.

Если на вашем блоге установлена хотя бы одна такая форма, вам нужно создать страницу с политикой обработки персональных данных (политика конфиденциальности) и разместить её на сайте.

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

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

Для начала создаём страницу.

Переходим на «Страницы» — «Добавить новую».

Называем её «Политика конфиденциальности».

Теперь переходим на сервис от Tilda, который поможем нам подготовить текст нашей страницы.

Вводим свои данные:

  • Адрес сайта
  • Адрес страницы с политикой конфиденциальности
  • ФИО

Затем указываем данные, которые мы собираем. И цель сбора этих данных.

Текст сгенерируется автоматически.

Просто проматываем страницу в самый низ и нажимаем на кнопку «Копировать в буфер».

После этого возвращаемся на наш сайт и вставляем этот текст в статью.

Сохраняем изменения и станица с политикой конфиденциальности готова.

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

11. Анти-спам.

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

WordPress борется со спамом. Поэтому анти-спам плагин устанавливается автоматически вместе с CMS.

Называется он Akismet Anti-Spam.

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

Находим его и нажимаем на «Активировать».

На следущей странице нажимаем на кнопку «Настройте свою учётную запись».

Затем нажимаем на кнопку «Activate Akismet».

Выбираем первый бесплатный тариф, который называется «Personal».

Заполняем все необходимые данные:

  • Имя
  • Фамилию
  • Адрес сайта

Затем ставим галочки во все чекбоксы.

В правой части мы увидим надпись: «What is Akismet worth to you?» Нажимаем на «Nothing». Так мы выбрали бесплатный тариф.

Теперь жмём на кнопку «Continue personal subscription».

Мы можем вставить код на наш сайт или просто нажать на кнопку.

После нажатия на кнопку, плагин активировался автоматически. Теперь наш блог защищён от спама.

12. Официальная почта блога.

Мы можем создать себе почту вида логин@наш_домен.ру.

Например, моя официальная почта: vladimir@plotnikov.info.

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

Есть несколько способов создать такую почту, но я расскажу о самом простом — сервисе mail.ru для бизнеса.

Если у вас ещё нет аккаунта на mail.ru, то зарегистрируйте его.

Когда аккаунт создан, переходим на сайт biz.mail.ru и нажимаем на «Продукты» — «Почта для домена».

Затем вводим наш домен в появившееся поле и нажимаем на «Подключить».

Теперь нужно подтвердить, что данный домен принадлежит нам.

Для этого скачиваем HTML-файл по ссылке.

Теперь переходим на хостинг в «Файловый менеджер» и вставляем этот файл в папку public_html.

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

Затем нажимаем на кнопку «Подтвердить».

Домен подтверждён и мы переходим к настройке MX записи на хостинге.

В этом нам поможет инструкция:

Для этого возвращаемся на хостинг в раздел «DNS».

Теперь нужно выбрать наш домен и вставить все данные, как это показано в инструкции.

Но Beget позволяет совершить настройку в 3 клика:

  • Нажимаем на «MX шаблоны» под формой
  • Выбираем mail.ru
  • Сохраняем изменения

После этого возвращаемся на biz.mail.ru и проверяем результаты.

Если всё настроено верно, то остаётся только добавить запись для работы DKIM.

Возвращаемся на хостинг в раздел «DNS».

Создаём новую TXT запись, вставляем в неё код из инструкции и нажимаем на сохранить.

Запись для работы DKIM настроена.

Теперь возвращаемся на почтовый сервис и переходим на вкладку «Пользователи». Здесь нажимаем на «Добавить».

В форме указываем свою фамилию, имя, логин и придумываем пароль. Затем нажимаем на «Создать».

На этом — всё, наша почта создана.

Остаётся только авторизоваться в почте mail.ru, используя свой логин и пароль, указанные при создании пользователя.

13. Яндекс Вебмастер и Google Search Console.

Это два похожих сервиса от Яндекса и Google.

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

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

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

Аккаунт в Яндексе у нас уже есть. Поэтому сразу переходим на webmaster.yandex.ru/sites/ и добавляем новый сайт.

Вводим адрес нашего сайта и наживаем на «Добавить».

Затем, как и в случае с почтой, нужно подтвердить наш домен.

Переходим на вкладку «HTML-файл».

Нам нужно скачать или создать файл с расширением .html. Его название и содержание указаны в инструкции:

Нажимаем на ссылку с файлом и скачиваем его.

Затем вставляем его на хостинг в папку public_html.

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

Всё, наш сайт добавлен в Яндекс Вебмастер и в скором времени будет проиндексирован.

  • Google Search Console.

Переходим на сайт search.google.com и нажимаем «Добавить ресурс».

Теперь у нас есть 2 способа добавить сайт:

  • Как доменный ресурс. В этом случае вводим домен без префикса. Например, plotnikov.info.
  • Как ресурс с префиксом в URL. В этом случае указываем полную ссылку на ресурс: https://plotnikov.info.

Я выберу второй вариант только из-за более лёгкой процедуры подтверждения домена.

Вводим наш домен и нажимаем «Продолжить».

Процедура подтверждения нам уже знакома:

  • Скачиваем файл
  • Размещаем его на хостинге в папке public_html
  • Жмём «Подтвердить»

После этого сайт будет добавлен в Search Console и в ближайшее время проиндексируется.

На этом настройка сайта закончена.

Наш блог почти готов к созданию контента и продвижению.

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

Этим мы займёмся в следующей главе.

ЧИТАТЬ ВТОРУЮ ГЛАВУ ЧИТАТЬ ЧЕТВЁРТУЮ ГЛАВУ

Быстрый доступ ко всем главам статьи: