Топ-100 Как сделать сайт в 7 шагов: полное руководство - Разработка сайтов на WordPress
Как сделать сайт в 7 шагов: полное руководство

Это наиболее полное руководство на русском языке о том, как сделать сайт. В этой статье вы найдете актуальные методы создания веб-сайта, которые работают сегодня, в 2019 году. Знаний п0 программированию не потребуется.

Вкратце: если вы хотите создать корпоративный или личный сайт, вы будете в восторге от этого руководства.

Шаг 1 – Выбрать домен

На этом этапе мы выясним, что такое домен, и выберем наиболее подходящий для нас.

Первый шаг в создании сайта – выбрать домен. Домен – это, как правило, интернет-адрес нашего будущего веб-сайта. Примеры некоторых известных доменов: yandex.ru, google.com, instagram.com, facebook.com, wikipedia.org и т. д.

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

 

Как выбрать домен для сайта

Два основных подхода к выбору домена: бренд или ключевые слова?

Существует два основных подхода к выбору домена.

1. Один из подходов вполне логичен – выбрать домен, который соответствует названию вашей компании или названию вашего бренда или продукта. Например, домен компании Samsung – samsung.com , а Coca Cola – coca-cola.com

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

Например: у вас есть компания по ремонту крыши и вы зарегистрировали домен RemontKrishi.ru. Почему? Если кто-то ищет в поисковике фразу “ремонт крыши”, этот домен может оказаться немного выше в результатах поиска. Несколько лет назад этот фактор имел значительный вес, и преимущество было велико. Вот почему многие похожие домены были заняты. В настоящее время это преимущество невелико – поисковики постоянно совершенствует свой алгоритм. Например, Google используют более 200 факторов в вашем алгоритме ранжирования для результатов поиска. Доменное имя является одним из них, и оно не имеет слишком большого веса.

 

бренд домен

 

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

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

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

Доменные зоны

Существует много разных зон (расширений) доменов в зависимости от их географии, например:
.ru, .рф – Россия
.com, .org, .net – глобальный
.eu – Европейский Союз

Я рекомендую использовать расширение .ru, .рф или .com, потому что это самые популярные и одобренные доменные расширения. Люди просто привыкли к ним.

Домены с расширением .ru – хороший выбор, особенно если ваш бюджет ограничен. Цена составляет около 190 руб. в год (регистрация домена .com стоит около 900 руб. в год). Регистрация почти мгновенная, и вы сможете начать работать на вашем сайте сразу после регистрации. К сожалению, большинство коротких доменов заняты, и вы не сможете их зарегистрировать. Так что вам нужно быть более креативными в выборе домена.

Домены с расширением .com немного дороже. Если ваша компания работает не только по России, но и в СНГ и других странах, то вам конечно нужно зарегистрировать домен в зоне .com. Цена не должна останавливать нас. Идеальный вариант – зарегистрировать домены .com и .ru. В противном случае вы можете зарегистрировать домен в одной зоне, а кто-то, тем временем, возьмет другое и зарегистрирует его для себя.

В конечном итоге, вы можете зарегистрировать домен в зоне .org или .net. Изначально эти расширения были предназначены для организаций. Я не нахожу их такими же подходящими, как .ru или .com. Если бы у меня был выбор между .ru, .org и .net для одного и того же домена, я бы всегда выбрал .ru. В противном случае .org и .net стоят столько же, сколько .com: около 900 руб. в год.

Если вы делаете сайт для рынка, отличного от российского, вам необходимо знать, какова местная практика для соответствующего рынка. Например, сайты в Германии почти всегда в зоне .de, а сайты в Великобритании – с расширением .co.uk. В противном случае люди могут задуматься или испытать недоверие к доменам с неизвестными для них расширениями.

Кириллические домены: на данный момент – не советую

Кириллические домены в reposervice.com не рекомендуются. Несколько лет назад многие SEO-эксперты использовали их, потому что кириллические домены занимали высокие позиции в результатах поиска Google. Это было верно даже для сайтов с плохим качеством и плохой информацией. Однако, всё изменилось. Злоупотребления привели к тому, что кириллические домены редко встречаются в топ результатах.

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

У кириллического домена есть еще один серьезный недостаток. Как правило, интернет пока не очень хорошо их поддерживает. Пример: на самом деле, веб-браузер показывает только адрес «www.ремонткрыши.рф». Если мы скопируем этот адрес из веб-браузера и разместим его в другом месте (Копировать / Вставить), мы увидим, что реальный адрес – «www.xn--e1agfhfflfq6d6a.xn--p1ai». Кириллические домены транскрибируются на латинице, всегда начинающейся с «xn-». Каждая буква в кириллице соответствует комбинации нескольких латинских букв и цифр. Многие обычные пользователи не знают этого. Для них такой интернет-адрес кажется подозрительным.

Лёгкий домен (для запоминания и написания)

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

Например, если вы регистрируете домен www.krasotatyt.ru, хорошо и зарегистрировать домен www.krasotatut.ru. Ведь, если вы диктуете по телефону адрес своего сайта, его могут написать по-разному.

Чем длиннее домен, тем больше вероятность, что пользователь ошибется при его вводе.

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

С тире или без тире?

Я рекомендую вам не использовать больше одного тире, и, если возможно, избегать тире полностью! Часто ваш домен может состоять из двух или более слов. Тогда у нас есть выбор между доменом с тире между словами или без слов – например, barenot.com или bar-enot.com. Домен без дефиса легче произносить и запоминать. Однако, с тире легче прочитать домен.

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

Не используйте торговые марки!

Не включайте товарные знаки в ваше доменное имя. Если вы регистрируете домен, такой как bormashini-bosch.com, вы рискуете получить письмо от адвокатов Bosch, и сам домен будет удален.

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

Действуйте!

А теперь пришло время действовать: составьте список из 4-5 идей домена вашего нового сайта! На следующем шаге мы проверим, свободен ли выбранный вами домен. Если вы сомневаетесь и не можете выбрать один из нескольких вариантов, напишите мне на [email protected] 😉

Регистрация домена и хостинга

Шаг 2 – Регистрация домена и хостинга

Что такое «хостинг»?

Помимо домена нам также потребуется хостинг. Каждый веб-сайт нуждается в хостинге. Это будет «дом» нашего нового сайта.

Хостинг – это услуга, предоставляемая специализированными компаниями. Проще говоря, все выглядит так: у этих компаний большие помещения со специальными компьютерами (серверами). Серверы включены круглосуточно, имеют резервное питание и очень быстрое подключение к Интернету. Квалифицированный персонал заботится 24 часа в сутки, чтобы убедиться, что все работает безупречно. Серверы – это ваш сайт, а также множество других сайтов.

Сколько будет стоить создание сайта?

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

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

  • Домен (www.name.ru): около 190 руб. в год или около 900 руб. в год для домена в зоне .com
  • Хостинг: от 3000 руб. в год

Ваш сайт будет стоить чуть более 3000 руб. в год, что эквивалентно примерно 250 руб. в месяц. Это эквивалентно обеду в McDonald’s. Это абсолютный минимум для создания красивого и функционального сайта.

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

Где мы получим «хостинг»?

Вы можете использовать хостинг от любой хорошей российской компании. Важно то, чтобы хостинг был быстрым, а серверы были расположены в России. Я не рекомендую использовать хостинг США для российских сайтов, поскольку серверы географически расположены далеко, ваш сайт будет медленно открываться. Было обнаружено, что медленные сайты раздражают пользователей, и люди не остаются на них долго.

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

Отдельно зарегистрировать домен в одной компании, а использовать хостинг другой – не проблема. Например, если вы уже зарегистрировали домен и у вас еще нет хостинга, вы можете зарегистрировать хостинг по своему усмотрению.

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

Типы хостинг-пакетов

Как правило, большинство компаний предлагают 3-4 тарифных плана. Они начинаются с самого экономичного. Самый дешевый тариф, обычно, позволяет разместить один сайт. Поэтому я рекомендую вам воспользоваться вторым планом (если вас не смутит небольшая разница в цене) – он позволяет размещать несколько сайтов. Часто наши клиенты делают второй, третий и четвертый сайт для себя или своих друзей, узнав, как это делать с первым. На этом этапе более дорогие планы не нужны, поскольку они предназначены для больших и тяжелых сайтов с высоким трафиком. Вот почему нет смысла тратить на них деньги. Мы всегда можем перейти на тарифный план выше (но не ниже!).

 

Дешевый хостинг

 

Шаг 3 – Установка WordPress

Мы будем использовать WordPress для создания нашего сайта (читается Вордпресс). Это самая популярная платформа для создания сайтов. Она имеет рыночную долю более 60% по сравнению с конкурентами и является номером один в мире. Почти 30% всех сайтов в мире сделаны на WordPress. Он используется бесчисленными пользователями и веб-мастерами, такими как вы и я, а также известными людьми и корпорациями, такими как: Mercedes, Sony Music, Beyonce, официальный сайт Швеции, Walt Disney, Rolling Stones и т. д.

 

Установка WordPress

 

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

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

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

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

Установка WordPress

    1. Скачайте WordPress:
    2. Скопируйте все файлы из скаченного ZIP архива WordPress в корневую директорию сервера (в папку сайта).
    3. Создайте базу данных на сервере. Это делается в панели управления хостингом, обычно во вкладке “базы данных”.
    4. Перейдите на свой сайт, вы должны увидеть такое окно:

установка вордпресс

Нажимаем “вперед”, заполняем поля. Пароли вы получили при создании базы данных. Поле «Сервер базы данных» оставляете «localhost». Нажимаем «Отправить». Если все поля были указанны правильно, получим:

установка wordpress

Жмем «Запустить установку» и устанавливаем сайт. Все, сайт установлен!

 

Установка WordPress с SSL-сертификатом кажется сложной или у вас есть трудности? Нет проблем! Напишите на [email protected], и я установлю WordPress на ваш хостинг за небольшую плату.

Шаг 4 – Установка темы для WordPress

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

По умолчанию WordPress поставляется со стандартной темой. После установки Вордпресс, он сначала будет выглядеть так:

Установка темы для WordPress

 

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

Установка темы для WordPress

 

На следующем экране вы сможете выбрать одну из тысяч бесплатных тем WordPress, доступных в официальном каталоге WordPress.org. Мы можем сортировать темы по популярным, последним, любимым категориям, а также по другим фильтрам (например, по отраслям, количеству столбцов и т. д.).

Для этого руководства мы будем использовать тему Astra. Это популярная многофункциональная тема для WordPress с гибкими вариантами оформления для всех типов сайтов. Она имеет приятный, чистый дизайн, быстро загружается и хорошо работает с расширением Elementor. Но об Элементоре (Elementor) – позже. У Astra есть платная версия с большей функциональностью, но бесплатная версия на этом этапе отлично справится со своей задачей.

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

Установка темы для WordPress

 

Введите «Astr» в поле поиска, и WordPress покажет тему Astra в результатах поиска. Просто нажмите на изображение темы и нажмите кнопку «Установить». Ждем 1-2 минуты, чтобы установить тему и нажимаем кнопку «Активировать».

После того, как мы установили тему, мы можем настроить ее, выбрав «Внешний вид»> «Настройки» на панели администратора WordPress. Таким образом, мы можем изменить настройки дизайна темы, посмотрев, как изменения будут выглядеть живыми.

Установка темы для WordPress

Вам не обязательно завершать все настройки темы сразу. Это будет проще, когда вы наполните сайт текстами и фотографиями (контентом).

Давайте посмотрим, как добавить контент!

Шаг 5 – Добавление текстов и фотографий на сайт

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

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

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

У нас есть возможность создать отдельную страницу блога или страницу новостей. Мы также можем сделать сайт, на котором вообще нет страницы блога.

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

Перейдите на Страницы > Добавить новую в панели управления WordPress. Откроется окно редактирования страницы, которое выглядит так:

Добавление текстов и фотографий на сайт

Сначала нам нужно ввести заголовок на нашей странице. Давайте назовем ее «Главная».

Затем, мы можем добавить контент в текстовом редакторе ниже. У нас есть возможность добавлять текст, ссылки, изображения, вставлять видео, аудио и так далее.

ВАЖНО: После добавления любого контента на вашей странице, нажмите кнопку «Опубликовать». Таким образом, страница будет сохранена и контент появится на вашем новом сайте.

Мы можем повторить этот процесс, добавив больше страниц в разные разделы нашего сайта. Это могут быть, например, страницы «О нас», «Контакты» и, возможно, страница «Блог» для отображения записей в вашем блоге.

Давайте теперь добавим несколько статей в блог. Перейдите в Записи > Добавить новую в панели управления WordPress.

Добавление текстов и фотографий на сайт

Нам откроется экран, похожий на тот, который мы видели при создании страниц.

Мы можем добавить заголовок к записи и контент в текстовом редакторе. Публикации имеют некоторые дополнительные параметры, такие как формат публикации, категории и метки.

Мы можем нажать на кнопку «Сохранить», чтобы сохранить запись как черновик, или опубликовать её, чтобы она появилась на нашем сайте.

Шаг 6 – Давайте поиграем с настройками!

После добавления текста и фотографий на ваш сайт, мы можем настроить его так, чтобы все выглядело красиво и представительно.

Давайте настроим статическую домашнюю страницу.

Установка статической домашней страницы

Нам нужно перейти в Настройки > Чтение на панели инструментов WordPress. В разделе «На главной странице отображать», давайте нажмем кнопку «Статическая страница».

Давайте выберем страницы, которые мы хотим использовать (например, созданные нами страницы «Главная» и «Блог») для домашней страницы и страницы блога.

Установка статической домашней страницы

Мы не должны забывать нажать кнопку «Сохранить» в нижней части страницы, чтобы сохранить сделанные нами настройки.

Изменение заголовка и подзаголовка сайта

Когда вы устанавливали WordPress, вы ввели имя сайта. WordPress автоматически добавляет подзаголовок «Просто еще один сайт на WordPress». Вы также можете изменить название и подзаголовок сайта в Настройки > Общие.

Изменение заголовка и подзаголовка сайта

Заголовок сайта – это название вашего сайта, например, «Как сделать сайт».

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

Не забудьте нажать кнопку «Сохранить настройки».

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

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

Чтобы предотвратить спам в комментариях, мы можем включить их одобрение до их публикации.

Перейдите в «Настройки» > «Обсуждение» и прокрутите вниз до «Перед появлением комментария». Давайте поставим галочку для «Комментарий должен быть одобрен вручную».

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

Мы снова нажимаем «Сохранить», чтобы сохранить изменения в настройках.

Навигация и меню

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

Навигация и меню

Давайте добавим свое меню на сайт

Сначала нам нужно перейти в Внешний вид > Меню. Введите название главного меню и нажмите кнопку «Создать меню».

добавление меню на сайт wordpress

WordPress создаст меню навигации. На данный момент, однако, оно пустое.

Затем вы должны выбрать страницы, которые хотите показать в меню, и нажать кнопку «Добавить в меню».

добавление меню на сайт wordpress

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

Теперь нам нужно выбрать место для отображения меню. Эти местоположения зависят от темы WordPress, которую вы используете. Как правило, каждая тема имеет главное меню, которое отображается вверху. Многие темы также имеют дополнительные места в меню, например, в нижней части страницы или в панели в верхней части страницы. Мы можем создать различные меню для каждого из этих мест, если это необходимо.

добавление меню на сайт wordpress

Не забудьте нажать кнопку Сохранить изменения.

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

Шаг 7 – Установка плагинов (расширений)

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

Чтобы установить бесплатный плагин, перейдем в административной панели WordPress в Плагины > Добавить новый. Мы увидим список плагинов.

Установка плагинов в wordpress

Мы также можем найти конкретный плагин по имени:

Установка плагинов в wordpress

После установки плагина, обязательно нажмите на кнопку “Активировать”. В противном случае, он будет установлен, но не будет работать.

В настоящее время существует около 52 000 бесплатных плагинов для WordPress. Однако, важно установить только те плагины, которые вам действительно нужны. Если вы установите бесчисленное количество плагинов просто “для красоты”, ваш сайт начнет работать очень медленно.

Вот список плагинов, которые я рекомендую и использую для своих сайтов:

  • Yoast SEO – чтобы улучшить SEO на вашем сайте и получить больше трафика от Google.
  • Akismet Anti-Spam – борьба со спамом в комментариях.
  • Contact Form 7 – легко создать контактную форму.
  • WooCommerce – добавляет интернет-магазин к вашему сайту WordPress. У вас должна быть тема, которая поддерживает этот плагин.
  • WPML – платный плагин, который добавляет многоязычность (разные версии вашего сайта на разных языках). WPML стал стандартом для создания многоязычных сайтов и отлично поддерживается многими темами. Существуют также бесплатные альтернативы, такие как Polylang, но они не так хорошо поддерживаются темами WordPress.
  • WP Super Cache – кэширует WordPress, чтобы быстрее открывать ваш сайт.
  • BackWPup – Плагин резервного копирования.
  • Duplicator – копирование WordPress с одного домена на другой и резервное копирование сайта
  • Really Simple SSL – переводит ваш сайт с http: // на https: //, который распознается зеленым замком безопасности в адресной строке браузера. Используется с SSL-сертификатом, например Let’s Encrypt.

Успехов вам в создании своего сайта и в развитии вашего бизнеса! Если у вас возникли какие-либо вопросы, пишите на почту  [email protected] 😉 или в комментариях ниже.

 

VECHNOST
VECHNOST
Наша веб-студия — это то место, где рождаются оригинальные идеи, выдвигаются необычные предложения и находятся совершенно уникальные и, главное, действенные пути решения самых сложных задач! Комплексный подход к проектам: разработка сайтов, поддержка, эффективное продвижение.

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

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

Заказ услуги

Pin It on Pinterest

Открыть чат
1
Задать вопрос
Здравствуйте! 👋
У вас возникли вопросы?