Читать книгу «Создание сайта от А до Я. Книга 1» онлайн полностью📖 — Владимира Вдовиченко — MyBook.
image

Алгоритм создания сайта на WordPress

Вот обязательные пункты, которые отделяют вас от готового и хорошо функционирующего проекта:

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

2.Изучение данной (или иной) инструкции по созданию сайта новичком с нуля.

3.Создание макета сайта и его дизайна

4.Создание семантического ядра (СЯ). Разработка структуры сайта

5.Подготовка контента (заголовки, тексты, фоны, медиафайлы).

6.Создание почтовых ящиков на Яндексе и Google. Наличие аккаунтов Яндекса и Google позволяет получить доступ ко всем необходимым сервисам.

7.Регистрация и покупка места на удалённом сервере (хостинге).

8.Покупка и регистрация доменного имени. Подключение доменной почты вида info@имя_сайта.

9.Установка WordPress на сервер.

10.Выбор и установка темы-шаблона WordPress, адаптивной к ПК и смартфонам

11.Базовые настройки WordPress

12.Подключение основных плагинов, необходимых любому проекту.

13.Установка и настройка Яндекс Метрики

14.Установка и настройка плагина Yoast SEO

15.Установка и настройка плагина-конструктора Элементор

16.Подготовка сайта к Заполнению контентом (содержанием).

17.Создание страниц.

18.Создание рубрик.

19.Создание записей (постов).

20.Создание карты сайта (блога).

21.Установка Метрики на сайт.

22.Защита сайта от взлома. Резервное копирование сайта.

23.Проверка сайта требованиям SEO.

24.Проверка работоспособности сайта.

25.Проверка адаптивности сайта для ПК и смартфонов.

26.Продвижение молодого сайта в интернете.

27.Монетизация сайта и извлечение прибыли.

28.Установка платёжной системы на сайт.

29.Регистрация сайта в поисковых системах

30.Комплексный аудит сайта

Выполнив последовательно шаги 1—30, вы получите работоспособный и оптимизированный сайт.

Не пугайтесь этого списка и не спешите закрывать книгу. Не пройдёт и месяца, как у вас уже будет готовый полнофункциональный сайт. Львиную долю времени у вас конечно отнимут первые четыре пункта, которые никто, кроме вас самих, лучше не сделает. Пункты 5—9, займут у вас всего два-три дня. Пункты 10—12 отнимут у вас ещё один – пару дней. Пункты 13—22 займут у вас ещё неделю (если вы будете следовать инструкции). Дальнейшее продвижение сайта в интернете у всех занимает примерно полгода и зависит от правильности настроек сайта и от поисковых систем пока они к вам присматриваются. Все расходы отнимут у вас пункты 6 и 7. Они не такие уж большие (минимальные ~115 руб./месяц) и зависят от вашего выбора хостинга и условий предоставления услуг. Об этом мы уже говорили выше.

Нужен ли локальный сервер типа Denwer или OpenServer?

Иногда можно услышать такой совет: «Если вы хотите потренироваться делать сайт бесплатно и не выходя в интернет, то устанавливайте WordPress и базы данных для него на локальный сервер (типа Denwer или OpenServer) на вашем компьютере. Это позволит вам пройти всю полноценную процедуру создания, настройки и отладки сайта, прежде чем выставлять его в интернет на удалённый сервер.»

Да, такая возможность есть. Для этого вам необходимо:

– Скачать и установить на компьютер программу локальный сервер, типа Denwer или OpenServer, с поддержкой всех необходимых инструментов (PHP, базы данных MySQL, Apache).

– Установить WordPress на неё.

– Создать и настроить сайт.

– Перенести готовый сайт на внешний хостинг.

Однако, исходя из своей практики автор убеждён, что вообще нет смысла изучать ни Denwer, ни OpenServer, так как это пустая и бесполезная трата времени новичка при создании сайта. Дело в том, что:

– Во-первых, Denwer устарел, давно не обновлялся и не поддерживает php8, а OpenServer не поддерживает 32-битные системы.

– Во-вторых, у многих хостеров есть бесплатный технический домен (без выхода в интернет, как и у Denwer или OpenServer) с неограниченным сроком действия для тестовых работ и ещё есть от 2-х недель до 2-х месяцев срок бесплатного пользования рабочим доменом на сервере. За это время можно создать, настроить/отладить и проверить в действии свой сайт.

– В-третьих, у обязательного плагина Yoast SEO есть функция, где вы можете на любой период указать: «Мой сайт ещё создаётся и не должен быть индексирован в поисковых системах». И в этот период проводить любые тестовые настройки вашего сайта.

Встаёт вопрос: «Зачем вообще нужны локальные серверы и последующие проблемы с переносом сайта с локального сервера на хостинг?» Разумный ответ я вижу только один – если в вашем районе нет интернета и вы, сидя дома на печи, хотите потренироваться в создании сайта. Но это всё равно, что пытаться самому собрать автомобиль у себя в лоджии на 10-м этаже, а затем вызывать МЧС, чтобы его опустить на землю.

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

Удачи вам!

Глава 1. Конструктор сайтов или CMS движок

Для создания сайта новичку, без знания HTML кода, существует большое количество конструкторов сайта и CMS движков.

На вопрос что выбрать – конструктор сайтов или CMS движок – однозначного ответа дать нельзя. Всё зависит от ваших требований к сайту.

Что такое Конструктор сайтов?

Конструктор сайтов или – WYSIWYG конструктор – это онлайн софт, позволяющий самостоятельно разрабатывать веб-сайты в онлайн режиме, не имея каких-либо навыков в PHP, HTML, JavaScript и т. д. Аббревиатура WYSIWYG означает What You See Is What You Get – с английского: «что видишь, то и получишь». Принцип работы сводится к визуальному передвижению (перетягиванию) элементов сайта так, как это пожелает вебмастер. Прямая аналогия – перетягивание иконок на рабочем столе компьютера с помощью мыши. Такие возможности достигаются задействованием современных drag and drop редакторов – что кардинально упрощает разработку веб сайтов.

Обзор конструкторов сайта дан в

http://www.webbuildersguide.com/best-builders-russia/

Среди конструкторов сайтов лидером является конструктор Wix.

Wix.

https://ru.wix.com/ Русская версия

Неспроста именно Wix многие называют лучшим конструктором, поскольку его возможности часто на порядок выше чем у конкурентов. Во многом это обусловлено тем, что этот конструктор сайтов существует с 2006 года и за этот период времени Wix проделал большую работу по совершенствованию своего сервиса и эта работа продолжается и сейчас. Команде Wix удалось создать действительно мощный инструмент для разработки сайтов и при этом не утратить простоту и удобство использования для пользователей. Что очень немало важно на наш взгляд. Wix использует HTML5, имеет один из наиболее совершенных веб редакторов, удобный интерфейс и самый большой выбор веб шаблонов из всех конструкторов сайтов. Все Wix шаблоны разбиты по категориям – выбор категорий также впечатляет. Таким образом можно найти подходящий шаблон почти для каждого: для музыканта, тренера фитнес зала или просто коммерческой компании. Также немаловажно, что эти шаблоны разработаны профессиональными веб дизайнерами и выглядят они соответственно, несмотря на то, что Wix все же является бесплатным конструктором сайтов и все его шаблоны – бесплатные. При этом вы можете сперва выбрать понравившийся шаблон и только потом приступить к регистрации, что также весьма удобно. Старания Wix не остались не замеченными пользователями – на данный момент на этой бесплатной веб платформе построено более 75 миллионов сайтов по всему миру. Wix конструктор сайтов

Преимущества Wix:

– Бесплатный.

– Огромный выбор шаблонов – более 1000 штук, выполненных на HTML5;

– Качество шаблонов – одно из лучших среди конструкторов;

– Наличие полностью адаптивных шаблонов;

– Широкие возможности по редактированию шаблонов;

– Функциональный и интуитивно понятный интерфейс;

– Наличие удобного Drag and Drop редактора;

– Множество готовых решений: Форум, блог, чат, мобильная версия сайта и многое другое; Отличная индексация сайтов поисковыми системами;

– Наличие «SEO-мастера», позволяющего отдельно настраивать SEO параметры сайта; Доступная стоимость платных тарифов;

– Наличие работающих скидочных купонов;

– Большой ассортимент приложений в AppMarket;

– Возможность подгружать свои собственные шаблоны;

– Возможность отдельно настраивать обычную и мобильные версии сайта;

– Возможность перенести Wix сайт на другой хостинг (для платного тарифа);

– Высокий уровень работы технической поддержки.

– Наличие большого количества обучающих материалов и видео-уроков;

– Локализация конструктора на русский язык.

Недостатки Wix:

– Отсутствует возможность редактировать HTML/CSS для тонкойдоработки сайта;

– Разработка интернет магазинов доступна только для платных тарифов.

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

Где найти шаблоны для WIX смотри в Приложении.

Что такое CMS движок?

CMS движок или Content Management System – это система управления контентом (содержимым) сайта.

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

Обзор CMS движков для сайта можно посмотреть здесь:

http://ktonanovenkogo.ru/seo/dvizhok-dlya-sajta-cms-besplatnye-cms-sistemy-upravleniya-kontentom-sajta.html

https://internet-marketings.ru/chto-takoe-cms/

Доля популярности CMS на мировом рынке такова:

– 1-е место: WordPress – 58,8%

– 2-е место: CMS Joomla – 6,5%

– 3-е место: CMS Drupal – 4,8%

WordPress

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

У WordPress есть масса преимуществ:


Конечно у WordPress есть и недостатки, но они легко решаются плагинами, которых у WordPress уже десятки, а то и сотни тысяч.

Заходите на сайты, сравнивайте, выбирайте.

Терминология

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

Контент – Содержимое сайта: текст, графика, видео, заголовки, обратная связь и т. д.

Блог —сайт с переменным во времени контентом

Движок сайта (CMS – это невидимый элемент сайта, который обрабатывает запросы от пользователей и переводит их на запрашиваемые страницы. Это система управления контентом сайта), специальное скриптовое программное обеспечение, позволяющее в полуавтоматическом режиме работать с базами данным и контентным наполнением сайта. Расширяется с помощью дополнительных модулей – плагинов, разделённых по функционалу и назначению.

Это своего рода универсальный конструктор, подобный Lego. Имея огромный запас деталей, мы собираем из него все, что потребуется. Лишнее оставляем в коробке, придаём своей поделке именно тот облик, который требуется. А главное – всегда можем внести коррективы в изобретение.

Движков сегодня огромное количество. Вот рейтинг CMS движков в июле 2014 год (слева) и в июне 2017 (справа):



WordPress – это самая популярная система управления контентом (CMS).

– Бесплатный «движок». CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие.

– Практически неограниченные возможности. С помощью WordPress вы можете создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа.

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

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

Внимание! Очень часто понятия шаблон и тема объединяют, вернее не разделяют.

Хостинг – удалённый сервер, где хранится ваш сайт

Домен (доменное имя) – это иерархический адрес сайта. Домен можно сравнивать с адресом проживания. Чтобы понять, где живёт человек, нужно знать город, улицу, номер дома и квартиры. Так и с сайтом. Чтобы зайти, нужно знать его адрес.

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