Шаг № 1: Выберите Платформу Своего Веб-Сайта
Чтобы создать веб-сайт, вам сначала нужно решить, на какой платформе вы собираетесь создавать свой веб-сайт.
Что я подразумеваю под “платформой”?
Ну, еще в 2005 году, когда я начал заниматься веб-разработкой, большинство сайтов создавались с использованием HTML (кода), CSS и PHP. Каждый из них требовал много времени для изучения и был труден в освоении.
Вот почему большинство людей все еще думают, что создание веб – сайта с нуля сложно или требует больших навыков программирования и дизайна, но это уже не так.
В 2021 году системы управления контентом (CMS), такие как WordPress, сделали создание веб-сайта доступным для всех.
Проще говоря, CMS (или платформа для создания веб-сайтов) - это удобная платформа для создания веб-сайтов и управления вашим собственным онлайн-контентом вместо создания веб-сайта с нуля с использованием HTML, PHP и других языков программирования.
Лучшие конструкторы сайтов 2021
В результате вебмастер получает полностью рабочий сайт без багов.
Конструктор сайтов Wix.
Конструктор сайтов Nethouse.
Конструктор сайтов Ukit.
Конструктор сайтов Tilda.
Конструктор сайтов UMI.
Конструктор сайтов Insales.
Конструктор сайтов Site123.
Конструктор сайтов Mozello.
Почему Вы используете WordPress, а не создатели сайтов?
1. Это БЕСПЛАТНО (без повторяющихся подписок, с открытым исходным кодом)
В отличие от разработчиков веб-сайтов или программного обеспечения для веб-дизайна, WordPress не стоит ни копейки за загрузку, установку или использование. Он создан веб-разработчиками, и существует большое сообщество разработчиков, которые разработали бесплатные темы и шаблоны, что облегчает быструю работу.
- 2. Он легко настраивается и удобен в использовании
Если вы знаете, как использовать документы Google, вы уже знаете, как добавлять свой собственный контент. WordPress можно легко расширить с помощью бесплатных дополнений для работы практически с любым сайтом, который вы можете себе представить-от сайтов малого бизнеса до сайтов электронной коммерции. С помощью “плагинов” WordPress вы сможете добавлять контактные формы, формы подписки, галереи изображений, магазины и так далее для своего веб-сайта. И все это довольно просто.
- 3. Ваш сайт будет "отзывчивым’. Это означает, что он будет работать и на смартфонах и планшетах
Веб-сайт, который вы создадите, мгновенно станет отзывчивым и будет отлично смотреться на любом мобильном устройстве, смартфоне и планшете. Для этого не нужно нанимать веб-разработчика.
- 4. Помощь, доступная от сообщества
Поскольку платформой пользуется так много людей (вебмастеры, владельцы малого бизнеса, блогеры), легко найти быструю помощь, когда она вам нужна.
Существуют ли какие-либо хорошие альтернативы WordPress?
Есть несколько.Но я бы все равно использовал WordPress.
- Wix-это простой в использовании конструктор веб-сайтов с простым интерфейсом перетаскивания, но он имеет более высокую стоимость, не подходит для больших сайтов и при необходимости невозможно перенести ваш веб-сайт.
- Squarespace-это очень эстетически красивый конструктор веб-сайтов, который упрощает создание красивых веб-сайтов, но он обходится дороже ежемесячно и не имеет функции переноса вашего веб-сайта.
- Drupal-это мощная платформа, которая популярна среди опытных программистов и веб-разработчиков, но она имеет высокую кривую обучения, что делает ее не лучшим вариантом для начинающих.
- Joomla почти похожа на WordPress и является хорошим инструментом для создания веб-сайтов, но для этого требуется хотя бы некоторое базовое понимание того, как писать код, чтобы все работало так, как вы хотите.
Шаг № 2: Найдите доменное имя и хост
Для того чтобы запустить новый веб-сайт в Интернете, вам понадобятся две вещи:
- Доменное имя (веб-адрес, например yoursitename.ru)
- Хостинг веб-сайтов (услуга, которая подключает ваш сайт к Интернету)
Сама платформа WordPress бесплатна, но хостинг и доменное имя-нет. Однако совокупная стоимость все равно меньше, чем кофе. Конечно если поискать.
Чтобы выглядеть профессионально, вам нужно иметь собственное доменное имя, а не свободный домен, принадлежащий кому-то другому (например, business.my-website.ru)
Кроме того, наличие качественной услуги хостинга также поможет вам убедиться, что ваш сайт не выйдет из строя и быстро загрузится (очень важно для всех, кто посещает ваши страницы).
Какое доменное имя мне следует выбрать?
Когда вы выбираете свое доменное имя, есть несколько правил, которые вы должны иметь в виду:
- Если вы создаете бизнес-сайт, ваше доменное имя должно соответствовать названию вашей компании. Например: YourCompanyName.ru
- Если вы планируете создать личный веб-сайт для себя, то YourName.ru может быть отличным вариантом.
Доменные имена обычно заканчиваются на .ru, .org или .net, но в последнее время появилось большое количество доменных расширений (последняя часть веб-адреса, например .ru или .org), начиная от .blog и заканчивая .party.
Мой лучший совет? Избегайте необычных расширений и используйте .ru, .net или .org, если они точно не описывают ваш веб – сайт-и даже в этом случае обычно лучше использовать более распространенное расширение.
Какие-нибудь дополнительные советы по выбору моего доменного имени?
Есть несколько вещей, которые могут помочь вам выбрать доменное имя:
1) Является ли он брендируемым? Например, если вы создадите сайт о поэзии, то best-poeziya-website.ru это не самый лучший выбор: poeziyaacademy.ru или poeziya.ru это намного лучше.
2) Запоминается ли это? Короткие, выразительные и понятные доменные имена гораздо легче запомнить. Если ваше доменное имя слишком расплывчатое, слишком длинное или написано странным образом, посетители могут забыть его.
3) Это бросается в глаза? Вам нужно доменное имя, которое слетает с языка, описывает, чем вы (или ваш бизнес) занимаетесь, и застревает в голове.
Есть одно правило, которое всегда применяется к доменным именам: если вам это нравится, действуйте.
Шаг № 3: Создайте веб-сайт и начните разработку
1. Установите сайт WordPress
Существует два возможных способа установки WordPress, один из которых НАМНОГО проще другого.
1. ЧТОБЫ СОЗДАТЬ ВЕБ-САЙТ С WORDPRESS, ИСПОЛЬЗУЙТЕ УСТАНОВКУ В ОДИН КЛИК:
В наши дни почти все хорошо зарекомендовавшие себя и надежные веб-хостинговые компании интегрировали установку WordPress в один клик.
Если вы решили зарегистрироваться в Bluehost или любой другой подобной хостинговой компании, вы должны найти свою “установку в один клик” либо в процессе создания учетной записи, либо в панели управления учетной записью.
Например, вот шаги, которые вам нужно выполнить, чтобы установить WordPress на Bluehost (процесс очень похож или даже одинаков во всех самых популярных веб-хостинговых компаниях).:
- Перейти к Bluehost.com
- Выберите свой тарифный план хостинга (подойдет самый дешевый тарифный план)
- Если у вас уже есть домен, введите его там
- Заполните свою информацию и выберите длину хостинга (вы можете удалить “Дополнительные”).
- Пройдите процесс оплаты и создайте свою учетную запись
- Войдите в Bluehost, используйте “установку WordPress одним щелчком мыши” для установки WordPress/
2. Выберите тему для Вашего Сайта (Бесплатно или Премиум)
На следующем шаге мы погрузимся в темы WordPress, а также в то, как их использовать и настраивать.
Темы WordPress-это шаблоны дизайна, которые делают изменение внешнего вида вашего сайта намного быстрее и проще.
К счастью, в WordPress есть множество тем на выбор. Только официальный каталог тем WordPress содержит более 8000 тем, которые можно использовать совершенно бесплатно.
Вы можете получить доступ к темам непосредственно из WordPress, не переходя на внешний сайт.
Для этого просто перейдите в раздел Внешний вид > Темы>и нажмите на большой знак + с надписью "Добавить новую тему".
Затем используйте строку поиска, чтобы найти тему, подходящую для вашего сайта.
Вы можете нажать на любую тему в списке, чтобы просмотреть ее демонстрационную версию и узнать больше о ее функциях на экране Сведений и предварительного просмотра.
Как только вы найдете понравившуюся тему, установите ее, нажав кнопку Установить на экране Сведений и предварительного просмотра.
После завершения процесса установки нажмите кнопку Активировать, которая появляется там, где раньше была кнопка Установить.
Если то, что доступно в официальном каталоге тем, не соответствует вашим потребностям, ознакомьтесь с рынками премиум-тем, такими как:
3. Добавьте контент (Страницы и сообщения)
Прежде чем приступить к настройке сайта, вам необходимо разместить на своем сайте некоторый контент.
В конце концов, трудно настроить свой сайт, когда на нем нет ничего, что могло бы показать изменения. То, что вам нужно с точки зрения контента, будет варьироваться в зависимости от тематики вашего сайта и ваших целей.
Тем не менее, есть несколько ключевых страниц, которые есть почти на каждом сайте:
- Домашняя страница
- О странице
- Контактная страница
Решая, какие страницы добавлять, подумайте, какая информация была бы наиболее полезна вашим посетителям. Вам также нужно будет подумать о визуальном контенте, таком как фотографии.
Чтобы упростить задачу, некоторые темы WordPress поставляются с шаблонами страниц для определенных типов страниц. Другие также поставляются с несколькими вариантами макета для каждой страницы.
Чтобы воспользоваться этими преимуществами, перейдите в раздел Внешний вид > Настройка>.
В этом примере мы используем последнюю тему WordPress по умолчанию "Двадцать двадцать один" для создания сайта. По умолчанию в качестве домашней страницы используется статическая страница, которую можно настроить в разделе "Настройки домашней страницы". Используйте выпадающее меню, чтобы выбрать, какую страницу вы хотите использовать в качестве домашней страницы вашего сайта.
Кроме того, если вы хотите, чтобы на вашей домашней странице отображались ваши последние сообщения в блоге, установите флажок выбрать опцию Ваши последние сообщения.
Подтвердите свой выбор, нажав Опубликовать в левом верхнем углу.
После этого вы можете перейти к созданию новых страниц для своего сайта. Для этого на главной панели управления перейдите в раздел Страницы > Добавить новое>.
4. Убедитесь, что Ваш Веб-Сайт хорошо организован
Думайте о своем веб - сайте как о библиотеке.
Структура вашего сайта будет становиться все более важной, чем больше контента вы добавляете на свой сайт.
Когда вы узнаете, как создать веб-сайт, вам нужно стать экспертом в организации вашего сайта таким образом, чтобы он был понятен вашим посетителям и им было легко его обойти.
Важной частью здесь является навигационное меню. После того, как вы создали несколько страниц, пришло время сделать их доступными для ваших посетителей на сайте. Вы можете сделать это в разделе Внешний вид > Меню>.
Первым шагом здесь является присвоение имени вашему новому меню, затем нажмите кнопку Создать меню.
После этого вы можете выбрать, какой контент добавить в него слева. Например, установите флажки рядом со страницами, которые вы хотите отобразить в меню, затем нажмите Добавить в меню.
Вы можете перетаскивать пункты меню в нужный вам порядок и даже превращать их в подпункты, перемещая их под другими, как показано ниже. Как только вы будете удовлетворены, выберите позицию меню, в которой вы хотели бы, чтобы это меню появилось (в данном случае Основное меню).
Снова нажмите "Сохранить меню" и перейдите на внешний интерфейс вашего сайта, чтобы увидеть новое меню в действии.
В конечном счете, вы хотите отразить структуру, которая имеет смысл для вашего сайта и помогает посетителям попасть туда, куда им нужно.
5. Дополнительные Параметры Настройки
Для получения дополнительных параметров настройки вернитесь в раздел Внешний вид > Настройка>. Когда вы оглянетесь вокруг, вы увидите, что он предлагает гораздо больше возможностей для внесения изменений в ваш сайт. Вы можете изменять другие части вашего сайта, такие как:
- Название и слоган
- Цвет
- Типография
- Фоновое изображение
- Меню
- Виджеты
Вы также можете внести изменения в свою домашнюю страницу, страницу блога и добавить пользовательский код. Отображаемые параметры будут отличаться в зависимости от того, какую тему вы установили.
Что касается того, какие плагины вам следует установить, некоторые варианты, которые стоит рассмотреть, включают:
- Yoast SEO – это плагин для оптимизации поисковых систем, который добавляет подсказки по оптимизации на каждой странице и публикации, а также возможность настройки тегов социальных сетей Open Graph.
- Jetpack – Включает в себя широкий спектр функций для повышения скорости веб-сайта, оптимизации, интеграции в социальные сети, цифрового маркетинга, контактных форм и поиска по сайту.
- Smush – Этот плагин сжимает изображения, загруженные на WordPress, что экономит место для хранения и ускоряет загрузку страниц.
- WooCommerce – Это самый популярный плагин для магазина электронной коммерции для WordPress, который упрощает настройку интернет-магазина. Подробнее об этом ниже.
- MonsterInsights – Этот плагин добавляет Google Analytics на вашу панель управления WordPress.
Если вы хотите еще больше контролировать внешний вид вашего сайта, вы можете установить плагин для создания страниц. Эти плагины добавляют функции перетаскивания на ваш сайт, что означает, что вы можете визуально создавать целые веб-проекты, а не только отдельные страницы и сообщения. Несколько популярных вариантов включают в себя:
- Elementor – Этот универсальный конструктор веб-сайтов предлагает визуальное редактирование веб-сайтов, быстрое время загрузки и широкий выбор шаблонов на выбор.
- Divi – Разработанный с помощью элегантных тем, Divi предоставляет еще один простой способ настройки веб-сайтов.
- Beaver Builder – Простой в использовании плагин для создания страниц, который значительно ускоряет дизайн веб-сайта.
6. Добавьте блог (необязательно)
Не каждый сайт нуждается в блоге. Тем не менее, создание одного из них может быть хорошей идеей для регулярной публикации свежего контента, демонстрации вашего опыта и обеспечения дополнительной ценности для ваших посетителей.
Чтобы добавить блог в WordPress, вам сначала нужно выбрать страницу блога. Выше я уже рассказывал, что вы можете настроить свою домашнюю страницу для автоматического отображения ваших последних сообщений. Однако, если вы хотите вместо этого создать специальную страницу блога и сохранить свою домашнюю страницу статичной, вам сначала нужно ее создать.
Это так же просто, как создать пустую страницу (Страницы > Добавить новую>), назвать ее Блогом (или как вы хотите, но блог имеет смысл, потому что он автоматически создаст адрес yoursite.com/blog для вашей страницы в блоге) и опубликовать его. Затем выберите его в качестве страницы сообщений либо в разделе Внешний вид > Настройка >> Настройки домашней страницы>>, либо в разделе Настройки > Чтение>.
7. Добавление Интернет-магазина (необязательно)
Не каждому веб-сайту нужен магазин электронной коммерции. Но если вы хотите знать, как создать веб-сайт и включить интернет-магазин, продолжайте читать.
Самый популярный плагин для этой цели-WooCommerce.
Вы можете быстро настроить его, он предлагает множество вариантов оплаты и широкий спектр оптимизированных тем для создания интернет-магазина. Кроме того, он имеет множество расширений, доступных для покупки, чтобы настроить ваш сайт электронной коммерции и адаптировать его для многих целей.
8. Настройте SSL
Уровень защищенных сокетов (SSL) на вашем веб-сайте означает, что данные, отправляемые посетителям вашего веб-сайта, хранятся в безопасности. SSL является важным фактором ранжирования поиска, и важно обеспечить положительный пользовательский опыт, уделяя приоритетное внимание конфиденциальности и безопасности пользователей.
Чтобы проверить, активен ли SSL на вашем новом веб-сайте с Bluehost, выполните следующие действия:
- Войдите в Bluehost.
- Зайдите на Мои сайты.
- Нажмите "Управление сайтом".
- Найдите вкладку Безопасность на следующем экране.
- В разделе с надписью Сертификат безопасностипроверьте свой Бесплатный SSL-сертификат или SSL-сертификат: Давайте зашифруем статус. Переключатель должен быть включен.
- Убедитесь, что SSL настроен, посетив ваш сайт еще раз. Значок блокировки должен появиться рядом с доменным именем в адресной строке вашего веб-браузера.
9. Запустите Свой Сайт WordPress
Как только ваш сайт будет готов, пришло время официально запустить его. Обязательно дважды проверьте свои настройки и еще раз вычитайте свои сообщения и страницы. Если все выглядит хорошо, нажмите на ссылку в верхней части панели мониторинга с надписью "Скоро будет активно".
После этого прокрутите вниз и нажмите кнопку с надписью "Запустить свой сайт". Теперь вы можете проверить свой живой веб-сайт.
Поздравляю! Теперь вы являетесь счастливым владельцем нового веб-сайта.
Научиться создавать веб-сайт-это немалый подвиг, даже с подробным руководством, которое поможет вам на этом пути.
В то же время, это может быть очень приятно, когда вы приобретаете новый навык и начинаете видеть, как ваш тяжелый труд окупается.
Но не останавливайся на достигнутом. Используйте свои новые знания, чтобы узнать больше и реализовать более сложные функции и функции. Таким образом, вы не просто научитесь создавать веб-сайт, но и получите именно тот сайт, который вам нужен.