eckit

Оставьте заявку

Мы свяжемся с вами в кратчайшие сроки!

eckit

Спасибо за вашу заявку

Доверьтесь нам и мы сможем сделать
еще один сайт лучше!

eclit

Eckit
Закажите бесплатный аудит и Ваш сайт в топ полетит!

Если вас еще не достали звонки клиентов - значит Вы еще не обращались в нашу компанию!

Закажите бесплатный SEO аудит сайта и мы покажем на что мы способны!

eckit

Руководство для новичков по созданию сайта на WordPress

Логотип ВордПресс с рукой

Если вы читаете это, скорее всего вы ознакомились с актуальными расценками специалистов, разочаровались в нынешних реалиях и в попытке сэкономить решили узнать, как сделать свой сайт на WordPress. Забегая наперед – задача максимально непростая. Особенно – в отсутствие базовых знаний в html, php, web-дизайне.

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

Мы же решили немного облегчить эту задачу и рассказать, как проходит установка WordPress, настройка «движка», что такое шаблоны, плагины, ssl-сертификаты. То есть – составить инструкцию по созданию собственного сайта «Для чайников».

WordPress — что это? Причины использовать для создания сайта

ВордПресс – настоящий рекордсмен среди «движков» для сайтов. Под управлением WordPress работают сайты Sony Music, The New Yorker, Республиканской партии США, а также большинства крупных СМИ, корпораций и организаций.

Wordpress

По информации независимого агентства Web Technology Surveys, в июле 2020 года, CMS использовался в 38,2% сайтов, созданных на основе систем управления контентом, охватив более половины таких ресурсов.

Исследования той же группы показывают, что всего за 5 лет, количество проектов, созданных на основе WordPress выросло более чем на 14%. В чем причина такого стремительного роста? Все просто:

1.Абсолютно бесплатный «движок».

CMS WordPress распространяется по открытому лицензионному соглашению GNU GPL. То есть, его можно использовать абсолютно в любых целях, в том числе – коммерческих;

2.Отсутствие каких-либо ограничений.

Изначально, ВордПресс использовался для создания личных блогов, корпоративных сайтов и информационных ресурсов. Но благодаря своей «гибкости», CMS позволяет творить настоящие “чудеса” и может использоваться в разработке интернет-магазинов, отраслевых ресурсов, галерей мультимедиа и т.д.

3.Разнообразие шаблонов и подключаемых плагинов

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

4.Простота администрирования

Работать с CMS можно без специальных знаний в области программирования: интерфейс «движка» максимально прост и интуитивно понятен. На знакомство с особенностями, нюансами и тонкостями системы управления контентом уходит не более 1 дня.

5.Возможность «поднять» любой сайт и опубликовать первые материалы за 5 минут

Конечно же, речь идет о «шаблонном» ресурсе с простейшим дизайном. Превращать его во что-то кардинально новое и интересное придется гораздо дольше. Но на установку и запуск действительно требуется не более 5 минут.

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

Как самостоятельно сделать сайт: этапы создания

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

В поисках информации о том, как сделать быстро сайт на WordPress, вы не найдете единой инструкции: все программисты подходят к этому процессу по-своему. Но общий алгоритм действий един во всех случаях:

Этап № 1: выбор хостинга и регистрация домена

Для некоммерческих проектов на WordPress хостинг бесплатно найти не составит труда. Но с ростом аудитории, когда сайт «обрастет» постоянным трафиком, для подключения монетизации со временем придется подключаться к «платным» хостерам, коих тысячи.

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

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

  1. Выбирать домен, совпадающий с названием сайта. Например, для магазина с одеждой лучшее доменное имя – odezhda.ru или odejda.com. Использование нерелевантного (не отвечающего содержанию) имени непременно отразится на поисковом продвижении в будущем;
  2. Хорошее доменное имя должно быть коротким. С десяток лет назад, большинство пользователей «гуляли» по интернету с компьютеров. Сегодня же, доля мобильного трафика продолжает расти в геометрической прогрессии. И если ваш потенциальный клиент серфит сеть с телефона, скорее всего он не будет вводить длинный адрес в строку браузера. Хороший вариант «сокращения» — пример соцсети «Вконтакте», сменившей длинное vkontakte.ru на коротенькое vk.com;
  3. Адрес сайта должен быть запоминающимся. Те же vk.com или ok.ru показывают, что вы переходите на страницы известных соцсетей и стойко ассоциируются с ними.
Домен вашего сайта выбор

При этом стоит отметить, что в теории, доменная зона не влияет на характеристики самого сайта или его перспективы на попадание в топы поисковой выдачи. Но на практике, аудитория «доверяет» сайтам с адресами, заканчивающимися на .com или .ru гораздо охотнее, чем ресурсам, размещенным на бесплатных .wordpress.com или .blogspot.com.

Поэтому для коммерческих проектов важно размещаться на доменах верхнего уровня – com, org, net, ru, ua, by и т.д. Кроме того, в последние годы возможностей для подбора правильного адреса стало намного больше: хостеры начали предлагать домены по типу .club, .market, .expert, .pro и т.д.

Дочитав до этого места, вы узнали, что:

  1. Для некоммерческих проектов можно использовать бесплатный хостинг;
  2. Адрес сайта должен соответствовать названию, отражать суть работы компании;
  3. Домены высшего или первого уровня вызывают доверие аудитории.

Теперь перейдем к задаче посложнее: как установить WordPress на хостинг?

Этап № 2: установка WordPress самостоятельно

Итак, хостинг оплачен, домен зарегистрирован и закреплен за вами. Что дальше? А дальше у вас возникнет логичный вопрос — как установить WordPress?

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

  1. Находим WordPress. Скачать бесплатно с официального сайта дистрибутив можно в два клика;
  2. Распаковываем и сохраняем скачанный архив в любое удобное место на компьютере;
  3. Устанавливаем FTP-клиент (подойдет тот же FileZilla), после чего загружаем распакованные файлы в корневую папку или субдиректорию на сервер хостера;
  4. Открываем ссылку в браузере, указываем информацию для подключения к базе данных (предоставляется хостинг-провайдером);
  5. Заполняем информацию, указав название сайта, имя пользователя, пароль, электронную почту, убираем галочку с пункта «видимость для поисковиков».

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

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

Этап № 3: настройка сайта на CMS WordPress, выбор шаблона

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

Если вы только начинаете работать с этой CMS, для знакомства можно «поставить» любую официальную тему из каталога WordPress, поскольку прежде, чем оказаться в разделе «шаблонов», они проходят строгую проверку на безопасность и соответствие техническим стандартам. Кроме того, там же можно найти ссылки на веб-дизайнеров, одобренных сообществом разработчиков WordPress.

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

Подбор темы также максимально прост: отметьте нужные опции и нажмите кнопку «применить фильтр». Как установить шаблон на WordPress? Добавить понравившуюся тему можно двумя способами:

  1. В админ-панели, раздел «Внешний вид» — «Темы» — кнопка «Добавить новую». Выбираем понравившийся шаблон, наводим курсор на кнопку «Посмотреть», примеряем её на своем сайте, после чего устанавливаем, нажав на соответствующую кнопку;
  2. С компьютера. Скачиваем дистрибутив выбранной темы (архив в формате .zip), переходим в админ-панель, раздел «Внешний вид» — «Темы» — кнопка «Добавить новую», панель «Загрузить тему» — «Активировать».

Поздравляем! Тема загружена и активирована. Далее — настройка шаблона WordPress с помощью базовых параметров, доступных без установки дополнительных плагинов. Делается это следующим образом:

  • Переходим в админ-панель, меню «Настройки». Указываем необходимые данные в каждом разделе:
    • «Общие» — название и краткое описание сайта, адрес WordPress, url сайта, часовой пояс, формат даты, язык сайта;
    • «Написание» — оставляем дефолтные настройки форматирования, главной рубрики, формата записей;
    • «Чтение» — выбираем, что будет отображаться на главной странице: статический контент, обновления в блоге, количество постов и т.д.;
    • «Обсуждения» — можно оставить изначальные настройки, включить модерацию комментариев, «черный список», защиту от спама.
  • Настраиваем тему. Открываем админ-панель, вкладку «Внешний вид» — «Настроить» и попадаем на страницу кастомайзера, где можем задать требуемые параметры в разделах:
    • Свойства сайта – загружаем логотип, указываем название, пишем краткое описание, добавляем фавикон;
    • Цвета – выбираем цветовую схему шаблона, цвет фильтра закрепленного фото;
    • Меню – создает новое меню, размещая его в указанной области (шапка, футер), можно выбрать видимые разделы;
    • Виджеты – ранее, с их помощью организовывался сайдбар, который добавили к дефолтной теме вордпресс в 2019 году.
  • Русифицируем шаблон. Если вы выбрали английскую тему, во избежание проблем её лучше перевести на русский язык. Сделать это можно несколькими способами:
    • Вручную, скачав все файлы на компьютер и поправив их через любой текстовый редактор или редактор кода;
    • Плагинами, не затрагивающими исходный код, а работающими с отдельной копией темы;
    • С помощью специальных программ, выполняющих перевод в автоматическом режиме, без установки на хостинг;
    • Делегировать перевод компетентным специалистам, отдав задачу на аутсорсинг через биржи фриланса.

Подбирая тему для сайта, помните, что:

  1. Адаптивность – наше все. Сайт должен выглядеть привлекательно как на десктопах, так и на мобильных устройствах – смартфонах, планшетах, нетбуках и прочих гаджетах. Ведь в 2020 году (по данным Hootsuite) около 50% от общего количества трафика приходится на мобильные устройства;
  2. А нужно ли мне это? Далеко не всегда куча функционала – это хорошо: если для ваших задач подойдет простейший темплейт – почему бы не воспользоваться им? Тем более, что перегруженный шаблон будет «тормозить» сайт, что скажется на его позициях при ранжировании поисковой выдачи;
  3. Пациент скорее мертв, чем жив. Если шаблон обновляется редко (а то и не обновляется вовсе, в течение нескольких лет), скорее всего она устарела, не соответствует актуальным требованиям к дизайну, не перспективна для поискового продвижения, а также может стать «ключом» для взломщиков.

Этап № 4: установка плагинов WordPress

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

Если подходить к поиску расширений без фанатизма, а также устанавливать только самое необходимое, они помогут:

  1. Повысить уровень безопасности;
  2. Отсечь спам, нежелательные комментарии;
  3. Оптимизировать ресурс под требования поисковиков;
  4. Улучшить юзабилити, функциональность сайта.

Надеемся, что вы внемлете предупреждениям. И переходим к практической части с детальной инструкцией, как установить плагин WordPress (спойлер – ничего сложного):

  • Открываем админ-панель;
  • Переходим на вкладку «Плагины»;
  • В открывшемся меню жмем «Добавить новый»;
  • Вводим название нужного расширения в строку поиска;
  • Устанавливаем расширение, активируем плагин;
  • Переходим в настройки (Вкладка «Инструменты»);
  • Задаем нужные параметры.

«Мастхев» по плагинам для WordPress-сайтов:

  1. WP Database Backup – создает резервную копию сайта на случай взлома или непредвиденных ситуаций;
  2. Loginizer Security – актуален для сайтов с регистрацией, защищает от взлома методом перебора или брутфорсинга;
  3. Antispam Bee – защищает от спама в фоновом режиме, отсекая ботов, переходящих на ваш сайт;
  4. SEO-плагины: Google XML Sitemaps, All in One SEO Pack by Yoast!, Schema APP, тысячи их…

Этап № 5: как создать страницы и записи на сайте в Вордпресс

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

Чтобы создать статическую страницу достаточно:

  1. Перейти в админ-панель;
  2. Выбрать меню «Страницы»;
  3. Нажать на кнопку «Добавить новую».

В открывшемся редакторе добавляем заголовок страницы и следуем подсказкам. Вставляем заранее написанный текст или нажимаем на значок «+» в левом верхнем углу страницы чтобы добавить блок контента с фото, публикациями из соцсетей и т.д. В этом плане, Gutenberg раскрывает широчайшие возможности для редактирования страницы.

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

Публикации создаются немного по другому: чтобы добавить их переходим в меню «Записи», выбираем шаблон, рубрику (или создаем её, воспользовавшись соответствующим меню), указываем заголовок (title), короткое описание (description), копируем заранее написанный контент, выбираем изображение и нажимаем на кнопку «опубликовать».

Этап № 6: подключение SSl -сертификата

Даже не самые внимательные пользователи замечали, что у большинства сайтов, работающих по протоколу HTTP, в строке браузера возникает предупреждение о том, что “Подключение не защищено”. Чтобы убрать её на своем ресурсе необходимо перевести сайт на более защищенный протокол HTTPS с SSL-шифрованием.

SSL (Secure Sockets Layer) выступает «защитной прокладкой» при соединении браузера пользователя с сервером. Он используется в случаях, когда сайт принимает конфиденциальную информацию – персональные данные, пароли, кредитные карты и т.д. SSL “шифрует” их с помощью специальной цифровой подписи, без которой злоумышленник, желающий завладеть ими, не сможет сделать этого.

Организовать защищенное соединение можно с помощью SSL-сертификата – файла, устанавливающегося на сервере. Они бывают бесплатными (выпускаются на 3 месяца с возможностью продления) или платными, применяющимися на сайтах, «отправляющих» важную информацию на сервер.

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

Понравилась статья? Оставь свой голос!

(Пока голосов нет)

Оставить комментарий

Ваш email не будет опубликован.

Последние посты

Вверх