Итак, вы решили создать свой сайт-блог на CMS WordPress.
Потом его раскрутить, продвинуть в поисковиках, наполнить полезным контентом, сделать очень популярным и получать пассивный доход от размещенной на сайте рекламы.
Звучит очень заманчиво, не так ли?)
Только вот вопрос: с чего начать, как продолжить и что собственно делать дальше)))
Давайте по порядку. Эта статья — пошаговая инструкция по созданию собственного сайта на WordPress.
Возможно сначала вам покажется все слишком сложным для понимания, но просто читайте и делайте, читайте и делайте. Этот простой рецепт приведет вас к гарантированному результату — вашему собственному сайту. Такому о каком многие только мечтают.
WordPress реально самый крутой движок из всех мне известных.
С помощью него можно разработать сайт любого формата:
- Блог
- Лендинг
- Сайт визитка
- Интернет магазин
- Новостной сайт
- Онлайн школа
Определите тематику вашего будущего сайта.
Это может быть тема в которой вы уже являетесь компетентным специалистом. Второй вариант – тема которая вам очень интересна самому для изучения.
Ведь писать на сайт и наполнять его контентом вам. Поэтому выбор тематики так важен. Вам самим должно быть интересно это делать.
Выбрали тематику? Отлично, идем дальше.
Подбор домена
Домен (доменное имя) — это имя сайта, то название, по которому посетители будут попадать на ваш блог. То, что написано в адресной строке браузера. У этого сайта домен blog.volgo-prime.ru, у вас будет свой, личный. Стоимость домена от 150 руб в зоне .ru и от 500 руб в зоне .com.
Как и какой выбрать домен?
4 рекомендации:
- Выбирайте предпочтительной латиницу в доменном имени. Кириллица пока хороша далеко не везде;
- Чем короче слово или словосочетание в названии домена, тем лучше. Посетителям проще его запомнить;
- Если нужный вам домен занят, добавьте в название домена цифры или тире, если подходит по логике и продолжает понятно читаться;
- Если домен на латинице, то постарайтесь обойтись без шипящих букв, иначе это выглядит так (ч — ch, ж — zh и пр.).
Проверка на занятость
https://2domains.ru/ — сервис для проверки занятости домена. Впишите интересующий вариант и нажмите «Подобрать».
Если домен свободен, следующим шагом лучше проверить историю домена. Бывает так что домен раньше использовался и у него может быть плохая история, которая навредит вашему сайту.
Как проверить историю домена
- Проверка через сервис https://web.archive.org
Впишите домен и посмотрите покажет какую-либо историю домена или нет. Можно даже увидеть как выглядел сайт и какие были публикации.
- Впишите интересующий домен в поисковик яндекс или google. Если находятся записи с таким доменом, значит он уже ранее был зарегистрирован. И тут уже выбор за вами регистрировать его повторно или нет.
Итак, вы выбрали и проверили домен. Не спешите его регистрировать, сначала приобретите хостинг.
Хостинг
Хостинг — это место в интернете, где хранятся все файлы и база данных сайта. Эдакий виртуальный жесткий диск на виртуальном компьютере. Средняя цена обычного хостинга 150-200 руб./мес.
Я уже более 7 лет пользуюсь хостингом Sprinthost.
Заметка: На хостинге также важно использовать выделенный ip адрес. Если этого не сделать, то ваш сайт будет находится в одном «месте» с сайтами других разработчиков. Репутация вашего сайта будет зависеть от «соседей» и если эти соседние проекты некачественные или используют запрещенную информацию, то они будут тянуть ваш сайт в низ. Поэтому если вы хотите успешно продвигать свой ресурс в интернете, то выделенный ip это необходимость.
Второй вид хостинга – VDS (Virtual Dedicated Server) или VPS (Virtual Private Server) — это хостинг-услуга, где пользователю предоставляется виртуальный сервер с максимальными привилегиями. VDS или VPS эмулирует работу реального физического сервера. VDS хостинг выдерживает больше нагрузки и трафика, а еще у ваших сайтов будет выделенный ip адрес. На обычном хостинге тоже можно купить отдельный ip, но за это нужно доплатить, в среднем 100 руб./мес.
Средняя цена VDS хостинга 500 руб./мес.
Пример регистрации хостинга на примере Sprinthost:
Выберите вкладку Хостинг;
Выберите тариф. Для начала можно выбрать самый простой, если планируете создать свой блог и только. Нажмите «Заказать»;
Впишите свой адрес email и нажмите «Получить аккаунт»;
После этого вам на почту придёт письмо активации и подтверждения заявки;
После успешной активации вы получите еще одно письмо с данными для входа, логином и паролем;
Зайдите с помощью них в панель управления хостингом и пополните баланс. Оплатить можно 1 месяц, можно сразу на год вперед. Лучше платить на год, так получается экономнее;
Хостинг готов к работе.
Пример регистрации домена:
На главном экране в панели управления хостингом выберите Сайты и домены → Добавить сайт;
Впишите нужный домен и поставьте галочку Зарегистрировать этот домен, после проверки на занятость появится зеленая галочка, домен свободен, нажимаем Зарегистрировать;
Далее нужно Создать нового администратора и вписать свои правдивые данные, чтобы домен был закреплен за вами, за настоящим человеком. Если вы делаете сайт для кого-то, то вписывайте данные владельца;
После всех настроек оплачиваем домен и ждем его активации.
Активация домена в некоторых случаях может занимать до 24х часов. Поэтому наберитесь терпения 🙂
Заметка: Если у вас что-то не получится при регистрации домена или хостинга, смело пишите им в поддержку, помогут. Также если вас беспокоит переезд с одного хостинга на другой, то могу вас успокоить, в большинстве случаев хостинг заинтересован чтобы ваш сайт обслуживался именно у него и с радостью предоставляет бесплатную услугу по переносу вашего сайта на свой хостинг.
Установка SSL-сертификата
SSL сертификат обеспечивает безопасное соединение между сайтом и посетителем. Сейчас это обязательная настройка для сайтов, чтобы и поисковые системы и обычные посетители считали ваш сайт безопасным.
В итоге ваш сайт будет доступен по ссылке https://, а не просто http://.
Я устанавливаю бесплатный сертификат Let’s Encrypt Wildcard. Установили один раз и хостинг сам будет его обновлять. Установка сертификата на Sprinthost занимает одну секунду и один клик мышки. Для этого в разделе Сайты и домены, перейдите на вкладку Управление сайтами. Там напротив вашего домена переведите переключатель ssl в положение вкл. Всё)))
Установка движка WordPress
Есть два метода установить WordPress.
1 — вручную
2 — с помощью инструментов хостинга.
Я как разработчик со стажем всегда пользуюсь первым, потому что все данные создаю самостоятельно сначала у себя на локальном сервере.
Вы можете совершенно спокойно использовать возможности хостинга.
В панели управления хостингом на вкладке Дополнительно выберите пункт Установка приложений.
Далее выберите свой сайт и нажмите Установить WordPress.
Поздравляю! Ваш сайт уже виден в интернете и можно публиковать статьи.
Но можно его сделать еще красивее и удобнее с помощью дополнительных настроек.
Каждая настройка написана на русском языке, если будет что-то не понятно, пишите в комментариях или попробуйте поискать ответы в сети.
Переходим в административную панель WordPress по ссылке https://название-вашего-сайта/wp-admin. Вводим логин и пароль указанный вами при установке WordPress.
Общие
В боковой панели меню переходим в Общие → Название сайта — пишем как будет называться ваш сайт. Краткое описание — пишем 1-2 предложения с использованием ключевых слов по вашей тематике, о чем ваш сайт.
Остальные настройки как правило автоматически сделаны правильно. Сохраняемся и идем дальше.
Написание
Форматирование — здесь убираем галочки
Сервисы обновления — тут вставляем такие значения (можете также скопировать и вставить на своем сайте):
https://blogsearch.google.ru/ping/RPC2
Чтение
На главной странице отображать — здесь можно задать что мы покажем на главной странице, ленту блога или статическую страницу. Для блога вы же можете выбрать пункт Ваши последние записи.
Видимость для поисковых систем — галочка не должна стоять.
Обсуждение
Выставите настройки как на скриншоте. Я делаю так, чтобы одобрять все комментарии вручную. Потому что как только у вас начинает появляться посещаемость, начинают писать комментарии с попыткой прорекламировать свой сайт на вашем проекте, и такие комментарии нужно изменять или удалять, перед тем как они будут опубликованы.
Медиафайлы
Я ставлю все значения на 0. Потому что мне не нужна автоматическая обрезка картинки, я ее сам изменяю через редактор Photoshop, и если оставить цифры, то с каждой загруженной картинкой, WordPress будет создавать еще три копии с разными размерами, будет занято больше места на хостинге, а это нам не нужно.
Постоянные ссылки
Ставим чекбокс на «Название записи»
Выбор темы оформления сайта
Я всем рекомендую использовать платные шаблоны. Как правило, в платных шаблонах больше функций, больше настроек, чтобы сделать сайт максимально удобным. Средняя цена за шаблон от 3000 руб. Но если вы новичок и/или не хотите тратить деньги, то выбирайте для начала бесплатный вариант.
Много шаблонов находится на официальном сайте https://ru.wordpress.org/themes/
Второй сайт, где я рекомендую покупать шаблоны это ThemeForest. Это уже англоязычный магазин, где продаются тысячи шаблонов с большим количеством фильтров для подбора нужного именно вам.
Советы по выбору шаблона
Смотрите как отображается лента статей;
Смотрите как выглядит отдельная статья;
Есть сайдбар (боковая колонка или нет), если вы решите использовать его на блоге;
Если есть документация или описание к шаблону, прочитайте какие настройки вы сможете делать после его установки.
Если решите использовать бесплатный шаблон, то устанавливайте его через административную панель Внешний вид — Темы. Скачивая тему со стороннего ресурса, шанс словить вирус всегда есть.
Приобретая платный шаблон, читайте отзывы, которые пишут те, кто купил тему. Посмотрите дату последнего обновления шаблона. Если больше года назад, то я бы подумал насчет такого варианта. WordPress постоянно обновляется и шаблонам периодически требуются обновления.
У каждого шаблона настройки будут отличаться, особенно у платных.
В этом разделе я дам только общие рекомендации.
Настройки темы находятся во вкладке «Внешний вид» → «Настроить», либо «Внешний вид» → [Название темы], либо отдельной вкладкой с названием темы;
Настройте заголовок и описание сайта в левом верхнем углу, либо загрузите логотип;
Выберите размер и семейство для шрифтов (заголовков и наборного текста);
Выберите основные цвета сайта для элементов и шрифта;
Сделайте настройки нижней части сайта (подвала).
Плагины
Плагины — это дополнения для сайта. Изначально система Вордпресс не настроена должным образом для продвижения и дополнения сайта нужным функционалом. Чтобы сделать сайт настроенным под свои нужды, мы добавим необходимые плагины. Плагинов для Вордпресс очень много, десятки тысяч, их разрабатывают обычные люди, пользователи, компании.
Как установить плагин
В админке сайта выберите Плагины → Добавить новый. Выберите из каталога WordPress или загрузите свой.
Плагины, которые я устанавливаю для каждого сайта:
Classic Editor – Классический редактор текста (типа Word)
TinyMCE Advanced – Расширение функционала редактора текста
Yoast SEO – Настройка seo параметров сайта и статей в нем. Мега важен для продвижения сайта.
Cyr-To-Lat — Преобразует кириллические символы в ярлыках записей, страниц и рубрик в латинские.
Akismet Anti-Spam – Антиспам плагин
All In One WP Security – хорошая защита сайта от взлома и/или воровства контента.
На мой взгляд, это «стандартный набор», который должен быть на каждом ресурсе.
Файл robots.txt Важный файл для поисковых систем, он показывает какие файлы и страницы на сайте можно индексировать, а какие нет. В сети много вариантов сборки файла robots.txt. Здесь мой вариант, который использую на своих сайтах и для клиентов.
Файл сохраните, откройте через блокнот и отредактируйте в двух местах, blog.volgo-prime.ru замените на свой домен, а затем сохраните файл и закачайте в папку на хостинге с вашим сайтом.
Также нужно научиться делать бэкапы сайта (резервные копии), чтобы всегда иметь возможность восстановить сайт, если с ним что-то произойдет. Хостинг Sprinthost делает ежедневные автоматические бекапы базы данных и файлов сайта. Вы всегда их можете скачать себе на компьютер.
Итак, сайт мы создали, настроили шаблон, СЕО и защиту. Теперь давайте посмотрим какие дополнительные элементы мы можем поставить на наш проект, чтобы он был еще более эффективным.
Наиболее популярные дополнения :
Контактные формы
Чтобы получать сообщения или заявки с сайта, нужно поставить плагин для формы. Я использую Contact Form 7.
Чтобы начать собирать базу подписчиков, нужно сначала зарегистрироваться на сервисе рассылок. Сегодня на рынке много предложений, самые популярные это:
- MailChimp
- SendPulse
- Getresponse
- Unisender
После регистрации на любом из сервисов и создании списка для подписчиков, вы создадите форму и код данной формы сможете добавить на сайт. Например, можно поставить после статьи или в сайдбар.
Модальное окно (попап)
В данном окне вы можете что-то предложить или перенаправить посетителя на нужную вам страницу с акцией или интересной свежей статьей. Также можно добавить форму заявки/подписки в модальное окно. Popup Maker плагин для создания модальных окон.
Кнопки соцсетей
Связь с соцсетями тоже важный пункт для продвижения блога. Вы можете добавить два вида кнопок:
Кнопки соцсетей, которые будут вести на ваши профили/группы, канал на Ютубе.
Кнопки, с помощью которых можно поделиться в соцсетях статьей с вашего сайта. Sassy Social Share — плагин для репостов в соцсети.
Турбо страницы
Скорость загрузки сайта очень важный фактор ранжирования поисковыми системами. Чтобы увеличить скорость загрузки страницы есть функционал «Турбо страницы» от Яндекса. Эти технологии позволяют упростить страницы вашего сайта для показа только на мобильных устройствах, чтобы загрузка была практически мгновенной. Сайты с использованием «Турбо страницы» любят поисковики, поэтому советую их тоже использовать. Яндекс.Турбо – плагин для создания RSS-ленты страниц сайта и выгрузки их в Яндекс.
При добавлении всяческих плюшек и фишек в блог стоит помнить о балансе.
Не перегружайте визуально, чтобы не пестрило в глазах и удобно было читать статьи. И не нагружайте в плане скорости загрузки, чтобы она была максимально быстрой. Ведь чем больше плагинов на сайте, тем дольше они все будут загружаться.
Наполняем сайт контентом
Сайт готов, но еще рано идти отдыхать. Сейчас начинается самая интересная работа. То — ради чего и хотели создать свой блог. Теперь его нужно наполнить. Давайте сделаем первоначальное и самое основное наполнение.
Меню (структура сайта)
Как правило у сайта всегда есть меню, которое ведет на различные страницы. Что именно добавить в меню каждый решает сам.
Вот пункты, которые встречаются почти на каждом сайте:
- Главная — ведет на главную страницу сайта. Можно такой пункт меню не делать, т.к. пользователи привыкли что при клике на логотип попадаем на главную;
- Обо мне / О сайте — страница на которой рассказываете о себе или проекте;
- Блог / Новости — отдельный пункт в меню стоит делать если у вас на главной не лента статей;
- Контакты — страница с информацией как с вами связаться.
Это база, дополнительно можно придумать миллион других вариантов, например:
Кейсы / Примеры работ / Портфолио — страница с вашими работами; Услуги — описываете свои услуги;
Реклама — какие варианты размещения рекламы на вашем блоге;
Курсы / Обучение / Магазин — страница где показываете свой товар;
Полезные ссылки — любые полезные ссылки на другие ресурсы;
Видео — страница с видео;
И т.д. и т.п.
Меню настраивается во вкладке админ-панели сайта Внешний вид » Меню. Задайте названию для меню и выберите страницы, которые будут в меню. Помимо страниц можно также добавлять Записи, Произвольные ссылки или Рубрики.
Страницы
Давайте создадим первую страницу и добавим ее в меню. Страницы создаются в панели Страницы » Добавить новую. Задайте название и заполните необходимой информацией, нажмите Опубликовать. Теперь чтобы на сайте ее стало видно, добавьте ее в меню.
По аналогии создайте и остальные страницы.
Политика конфиденциальности
Не забудьте про страницу Политика конфиденциальности, если собираете какие-либо данные с посетителей сайта. Добавьте ссылку на нее в нижнюю часть сайта (подвал).
Записи (статьи)
Главный инструмент для контентного сайта – это конечно же статьи. Добавляются они из панели Записи » Добавить новую. Пока что также можете задать Заголовок и наполнить текстом, нажмите Опубликовать и посмотрите как статья появится на сайте.
Рубрики
Чтобы не запутаться в десятках и сотнях статей, в Вордпресс вы можете из разбить на категории (рубрики). Создать их можете в панели Записи » Рубрики. Когда их создадите и по новой зайдете в редактор статьи, то справа можете выбрать рубрику, за которой статья будет закреплена.
Метки
Еще один вариант чтобы объединять статьи по ключевым словам – это метки. Метки можете указывать при редактировании статьи или в панели Записи » Метки. Метки, как правило, отображаются после статьи и при клике на метку открывается список статей в которых также была указана эта метка.
Заключение
Давайте в заключении я еще раз напишу весь план разработки сайта в краткой форме:
Выбираем тематику для сайта;
Подбираем домен, проверяем его историю;
Регистрируем хостинг и домен;
Устанавливаем SSL сертификат;
Устанавливаем CMS WordPress;
Делаем базовые настройки: Общие, Написание, Чтение, Обсуждение, Медиафайлы, Постоянные ссылки;
Выбираем шаблон оформления для сайта, покупаем или качаем бесплатный;
Устанавливаем и настраиваем шаблон;
Устанавливаем необходимые плагины;
Выбираем какие фишки будут на сайте и настраиваем их;
Делаем начальное наполнение, создаем страницы;
Создаем политику конфиденциальности;
Добавляем меню;
Добавляем рубрики;
Продумываем будущие метки для статей;
Пишем первую статью;
Урааа! Мы хотели создать свой блог и сделали сайт на WordPress.
Вопросы и уточнения в коментариях приветствуются! 🙂