Премиум шаблон Atiframe для WordPress

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

Если вы решили создать собственный сайт, определились с тематикой, но не знаете, с чего начать – поздравляем, вы обратились по адресу! Безусловно, всегда можно обратиться к профессиональному разработчику, но стоит это недешево, в особенности для начинающего вебмастера. А потому сегодня мы подробно расскажем, как сделать сайт на WordPress, приведем пошаговую инструкцию и разложим все по полочкам, с нуля. Если будете следовать этой инструкции, то гарантированно не столкнетесь с проблемами касаемо того, как воплотить свою мечту в жизнь. Но для начала предупредим: будьте готовы к тому, что придется много работать, ведь успех, как говорится, не дается просто так!

На заметку! Также стоит отметить, что ниже рассматриваются только самые ОСНОВНЫЕ этапы и настройки, благодаря которым ваш сайт начнет работать, а вы сможете приступить к публикации статей.

Почему WordPress? Разбираемся с преимуществами системы управления контентом

Итак, речь о том, как бесплатно создать ресурс на Вордпресс, но те из вас, кто отличается любопытством, наверняка спросят – почему нужно отдать предпочтение именно этой системе управления (CMS)? Ведь существуют и другие, при помощи которых также можно создавать веб-сайты. К примеру, Joomla, Drupal и прочие. В данном вопросе неоднократно проводились аналитические работы и результатом сравнения разных систем стал простой вывод: WordPress является самой дружелюбной, если можно так выразиться, CMS для начинающих, и вот почему:

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

Обратите внимание! Если вы имеете опыт работы с текстовым редактором, то никаких трудностей с оформлением/публикацией статей точно не будет. Вместе с тем, у того же «движка» Drupal даже с такой, казалось бы, простой опцией могут возникнуть некоторые трудности.

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

Этап №1. Хостинг

Кто не знает, хостинг – это, если говорить простым языком, место на сервере, где и будет размещаться ваш веб-ресурс. Сегодня многие фирмы предлагают подобные услуги (к примеру, Beget.ru, HTS.ru, Sprinthost.ru, REG.RU), но при выборе конкретного хостера обращайте внимание на следующие важные моменты:

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

Таблица №1. Последовательность действий при покупке хостинга (на примере Relevate.ru). Не сочтите за рекламу.

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

Теперь нужно нажать на «Личный кабинет» в верхней части экрана.

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

Справа вы увидите список услуг («Наши услуги»), найдите и выберите там хостинг сайтов.

Выберите подходящий тариф. На первое время «Начального» будет вполне достаточно, в будущем при желании тариф можно сменить в любое время.

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

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

Заказ в корзине, теперь пополните баланс на требуемую сумму.

Доступно несколько способов оплаты – выбирайте наиболее подходящий, оплачивайте заказ. Все, теперь вы успешно приобрели хостинг для своего будущего сайта на Вордпресс!

Этап №2. Доменное имя

Сложного здесь ничего нет, необходимо лишь, чтобы домен отображал тематику будущего сайта. Плюс – многие звучные домены уже давно зарегистрированы, а потому на подбор придется потратить некоторое время. Хотя на REG.RU, например, вам обязательно с этим помогут.

Можете выбрать одну из самых дешевых доменных зон — ***.RU (199 рублей на момент написания статьи).

На заметку! Если планируете создание личного блога, то можете просто взять свою фамилию – к примеру, Ivanov.ru.

Обычно для названия сайтов русские слова пишут латиницей (к примеру, futbol.ru), но, конечно же, предпочтительнее использовать для этого правильные, написанные без ошибок английские слова (скажем, dreams-expert.ru, хотя использование дефиса – это вообще отдельный разговор) для пущей солидности. Не забудьте указать DNS сервера для нормальной работы домена!

Этап №2. Установка WordPress на сайт

Начинается все с установки CMS, но делать это лучше сначала на своем компьютере, а потом, когда все будет готово, уже перенести сайт на приобретенный хостинг. В самом переносе ничего сложного нет, нужно лишь следовать подсказкам. Если возникнут какие-то трудности, сотрудники компании вам обязательно помогут. Или, как вариант, пишите свои вопросы в комментариях к данной статье – постараемся всем ответить.

Часто на хостинге есть возможность установить Вордпресс в 1 клик в интерфейсе панели управления хостингом.

Если же у вас на хостинге такой возможности нет, то мы установим WordPress с нуля. Загрузите файлы системы через файловый менеджер в вашей панели управления хостингом. После того, как вы загрузили файлы системы Вордпресс, заходите по адресу своего сайта и там вы увидите приглашение мастера установки приступить к началу установки, нажмите кнопку.

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

Введите параметры подключения к вашей MySQL базе данных и нажмите кнопку «Отправить».

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

Заполните название сайта, имя и пароль пользователя, а также ваш емейл и нажмите кнопку «Установить WordPress».

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

Установили? Что же, пора приступать к первоначальным и основным настройкам.

Этап №3. Тема оформления

В Сети доступно огромное множество шаблонов для WordPress – как бесплатных, так и платных. В Вордпресс они называются «темы». Есть среди них и довольно оригинальные варианты. В любом случае, не стоит скачивать тему с подозрительного сайта – пользуйтесь только проверенным ресурсами или же официальным сайтом Вордпресс https://ru.wordpress.org/themes/browse/popular/ (там уж точно все безопасно и корректно функционирует).

Большинство удобных шаблонов и тем для Вордпресс сделаны на английском языке, так как зарубежный интернет начал развиваться гораздо раньше нашего, но и в России есть платный шаблон с удобным визуальным конструктором содержимого и дизайна, где все изменения могут быть сделаны мышкой, включая изменение любых шрифтов и цветов. Пример такого шаблона – Атифрейм, он содержит множество готовых к работе дизайнов и элементов, таких как фотогаллереи, слайдеры, кнопки, формы контактов, вывод новостей из блога, интернет-магазин, отзывы и прочее. Ознакомьтесь со всеми возможностями на странице https://atiframe.ru/. Возможно, это именно тот шаблон, который нужен вам!

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

Этап №4. Ключевые настройки

Шаг 1. Robots.txt

Итак, на хостинг – а именно в корень вашего веб-сайта – следует загрузить файл robots.txt. Это можно сделать и потом, но лучше не откладывать, чтобы не забыть. Как правило, корневой каталог называется /public_html/, именно в этой папке содержатся все файлы ресурса. Сюда и загружайте robots.txt, составлению которого мы обязательно посвятим отдельную статью.

Пример содержимого файла robots.txt

User-agent: *
Disallow: /css
Disallow: /js
Disallow: /index.php
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-login.php
Disallow: /wp-register.php
Disallow: /xmlrpc.php
Disallow: /search
Disallow: */trackback/
Disallow: /feed
Disallow: *?*
Disallow: */comment
Disallow: */tag/*
Disallow: */attachment/*
Disallow: /author/
Disallow: */category/*
Disallow: */print/*
Disallow: *?print=*
Allow: /wp-content/uploads/

Sitemap: http://site.ru/sitemap.xml

Вот примерный вариант этого файла, адрес пишите свой, а при необходимости вносите изменения.

Шаг 2. ЧПУ

Перейдите в административную панель сайта. При наличии доступных обновлений можете сразу обновить «движок» (это занимается порядка десяти секунд). Найдите пункт настроек в боковом меню, выберите там «Постоянные ссылки», отметьте пункт «Произвольно», скопируйте и вставьте в поле это — /%category%/%postname%.html. После этого сохраните изменения. Так у ресурса будут человеко-понятные URL (ЧПУ), т. е. адреса ссылок.

Этап №5. О контенте и структуре сайта

Наполнение контентом – это также тема отдельной статьи, но все же мимо этого момента мы не можем пройти. Кто не знает, контент – это разного рода информация, представленная в виде:

  • статей;
  • картинок;
  • видео;
  • таблиц;
  • диаграмм и прочего.

Работа в админке ничего сложного собой не представляет, главное – ничего не бойтесь! Свой сайт вы уж точно не «сломаете». Что же касается структуры сайта, то она предусматривает наличие следующих ключевых элементов:

  • записи;
  • рубрики (категории);
  • страницы;
  • виджеты.

Страницы – это статические элементы структуры, в частности:

  • главная страница;
  • контакты;
  • «О нас» (возможны другие варианты – «О сайте», например).

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

Главная

В большинстве случаев эта страница является динамической, т. е. она постоянно обновляется (сверху появляются новые материалы). При добавлении новых статей главная перманентно обновляется, а это хорошо для сайта – поисковики ценят обновляемые ресурсы.

Рубрики

Это, грубо говоря, тематики. Так, если ваш сайт о строительстве, то в нем могут быть такие рубрики:

  • «Ремонт»;
  • «Интерьер»;
  • «Строительство дома»;
  • «Придомовые постройки»;
  • «Участок» и т. д.

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

Виджеты

Это блоки в сайдбаре (боковой колонке сайта, как правило – справа), содержащие определенные сведения. Вы можете выводить, к примеру, посредством виджетов такую информацию:

  • список последних записей;
  • рубрики;
  • метки;
  • календарь;
  • форму входа и прочее.

На заметку! Отдельные темы оформления могут поддерживать не все доступные виджеты. Помимо того, не стоит делать слишком много виджетов – это не только перегрузит сайт, но и утомит посетителей.

О чем следует думать до создания сайта?

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

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

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

Этап №6. Плагины

Ниже приведен список плагинов, которые ДЕЙСТВИТЕЛЬНО необходимы для сайта.

BackWPup

Плагин для создания резервной копии сайта и базы данных. ОЧЕНЬ рекомендуем делать резулярные резервные копии, например, 2 раза в неделю, чтобы в случае поломки чего-либо на сайте, вы всегда могли восстановиться из резервной копии и не переживать из-за потери данных.

Cyr-To-Lat

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

All in One SEO

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

Google XML Sitemaps

Также очень важный инструмент, автоматически создает и обновляет XML-карту сайта для поисковых систем (новые статьи индексируются быстрее). Скачивается так же. Хотя у Yoast SEO есть опция создания карты сайта, потому при его использовании необходимость в Google XML Sitemaps автоматически отпадает.

Contact Form 7

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

Akismet

Эффективная защита от спама в комментариях (а его может быть много, уж поверьте).

WordPress Related Posts

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

Hyper Cache

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

О социальных кнопках

Говорить о необходимости кнопок «Поделиться в соц. сетях» на своем сайте, пожалуй, не стоит – это и так понятно. Такие кнопки упрощают взаимодействие посетителей с вашими статьями, а также несколько повышают посещаемость. Ведь если для того, чтобы поделиться публикацией, потребуется всего один клик – пользователь обязательно сделает это!

Есть множество плагинов, которые позволяют установить кнопки шаринга на сайте, но, по сути, они все похожи. Единственное существенное отличие – внешний вид самих кнопок. После установки потребуется лишь:

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

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

Этап №7. Ускорение загрузки сайта

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

Почему сайт работает медленно? Причин много, но главная – это большое количество плагинов. Хотя плагины, описанные выше, функционируют неплохо и чрезмерной нагрузки на сервер не создают. Тем не менее, даже если с загрузкой никаких трудностей нет, оптимизации все равно стоит уделить внимание. Прежде всего, нужно включить кэширование страниц (Hyper Cache в помощь) и уменьшить размеры изображений (уменьшайте их и сжимайте – вот, к примеру, отличный инструмент compressjpeg.com). А чтобы проверить скорость загрузки, можете воспользоваться полезным инструментом от Гугл https://developers.google.com/speed/pagespeed/insights

Этап №8. Установка Яндекс.Метрики (и Google Analytics)

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

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

Шаг 1. Вначале зарегистрируйтесь в Яндексе, если не сделали этого ранее. Если аккаунт у вас уже есть, перейдите на страницу https://metrika.yandex.ru/dashboard

Шаг 2. Нажмите кнопку «Добавить счетчик».

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

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

Шаг 5. Поставьте галочки напротив «Асинхронный код» и «Отслеживание кэша…», как это показано на изображении ниже.

Шаг 6. Информер – это демонстрация числа посетителей и просмотров, ставится, как правило, в футере сайта, хотя многие не активируют эту опцию. Если поставите галочку, то сможете настроить цвет, размеры и разновидность информера. Другие опции можно не трогать.

Шаг 7. Сохраните настройки и скопируйте код счетчика.

Шаг 8. Вставьте код в футер в нужном месте.

К слову, есть еще один популярный сервис, позволяющий мониторить трафик – это liveinternet.ru.

Важно! Перед настройкой счетчика Яндекс.Метрики нужно добавить сайт и подтвердить права одним из предложенных способов – к примеру, вставить на главную мета-тэг.

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

 

Этап №9. Создание первой публикации

Шаг 1. Чтобы создать первую статью, в боковой панели выберите пункт добавления новой записи.

Шаг 2. Как правило, доступно сразу несколько форматов записей. Выбирайте «Стандартный», если речь идет об обычной статье.

Шаг 3. Выберите или создайте подходящую рубрику. Есть еще добавление меток, но при использовании СЕО-плагина в этом нет необходимости.

Шаг 4. Здесь укажите заголовок записи, каким его будут видеть пользователи.

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

Шаг 6. СЕО-заголовок и мета-описание (для поисковых роботов).

Шаг 7. Также есть поле, куда нужно вставлять ключевое слово. Хотя в последние годы этой опцией практически не пользуются.

Шаг 8. Не забудьте установить миниатюру записи.

Шаг 9. В верхней части экрана вы сможете найти кнопки «Сохранить», «Посмотреть» и «Опубликовать». На этом, пожалуй, все.

Этап №10. Продвижение сайта и реклама

Существуют различные способы привлечения посетителей на свой сайт, как платные, так и бесплатные:

  • социальные сети
  • форумы
  • инстаграмм
  • продвижение сайта в поисковых системах
  • контекстная реклама
  • видео канал на Youtube.

Ваши собственные статьи и материалы свобоны привлекать посетителей из поисковых систем. Для создания действительно качественных статей, способных занимать лидирующие позиции в выдаче поисковиков, нужно как минимум знать об основах СЕО-оптимизации. Так вы сумеете оптимизировать ресурс в целом и отдельные его фрагменты в частности.

На заметку! Вообще, СЕО является довольно интересным направлением. Если потратите средства/силы на его изучение, то сможете узнать много полезного и интересного. И, как вариант, даже прилично зарабатывать, занимаясь продвижением не только своих, но и чужих сайтов.

Прежде всего, составляется семантическое ядро – подбираются запросы, по которым посетители будут заходить на сайт из поисковых систем. Для этого можете использовать, например, интернет-сервис https://wordstat.yandex.ru/ и Google AdWords. Смысл этого действия заключается в том, чтобы понять по каким поисковым запросам люди ищут тот или иной материал, тогда вы сможете использовать эти поисковые фразы на своих страницах в описании своих услуг или материалах ваших статей. Так поисковые системы Яндекс и Google поймут о чем идет речь на ваших страницах и поставят ваш сайт по нужным поисковым фразам, что обеспечит вас притоком посетителей. Поисковики любят объемные и детальные статьи и руководства, которые отвечают на вопросы посетителей.

Создание сайта на Вордпресс. В качестве заключения

Итак, мы подробно рассказали об основных этапах создания собственного сайта на WordPress. Если будете следовать нашей пошаговой инструкции, то сможете сделать полноценный высокофункциональный сайт – интересный и удобный для посетителей. Далее останется лишь засучить рукава и приложить максимум усилий, чтобы наполнить и продвинуть свое детище. Если настроены серьезно, то обязательно со всем справитесь!

Также заметим, что в будущем, скорее всего, в функционал и работу ресурса придется вносить некоторые коррективы – это неизбежно и будет зависеть от ваших запросов, потребностей. Если же у вас остались вопросы – задавайте их в комментариях к статье. Постараемся на все ответить!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *