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

Как сделать сайт

Я создала несколько сайтов. Это был путь проб и ошибок. Часть проектов пришлось забросить, так как развивались медленно, и не было подсказок, как это исправить. Поэтому создала гайд, как сделать сайт самостоятельно и получить трафик посетителей. Надеюсь, это будет полезно!

С чего начать создание сайта — 7 важных шагов

Для того, чтобы создать собственный сайт, не обязательно знать С++ и уметь кодить. Можно, конечно, поручить это дело профессионалам из веб-студий, но тогда расходы сильно возрастут. Но если не нужен навороченный ресурс с кучей примочек и необычным дизайном, можно обойтись и своими силами.

Шаг 1. Найти правильную идею

Первый вопрос, с которым нужно разобраться, — зачем нужен сайт. Это может быть визитка, как мастера в какой-то области, личный блог, интернет-магазин и т.д. Вот пример того, как можно и нельзя ставить себе цели:

  • Нельзя: хочу создать сайт, чтобы получать пассивный доход
  • Можно: хочу сделать сайт, чтобы выкладывать рецепты.

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

Шаг 2. Подбор тематики и имени сайта

Как сделать сайт

“Живой” сайт должен постоянно обновляться, поэтому подумайте о том, какой контент будете там размещать. Хорошо, если ресурс привязан к уже существующему бизнесу. Тогда тематика уже задана. Но в случае личного блога, как у меня, нужно еще подумать.

Выделю 2 момента по выбору контента:

  • нужно разбираться в теме;
  • постится только актуальная инфа.

Интернет такой огромной, что даже веб-страница о разновидностях пыли найдет своего читателя.

Также стоит подумать над адресом, он должен быть:

  • коротким;
  • легко запоминающимся;
  • связан с тематикой сайта.

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

Идеально будет создать страницу с доменным именем вроде .ru или .com. Но если оно занято, рекомендую попробовать другое имя или домен.

Шаг 3. Установка «движка» для сайта

Как сделать сайт

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

  • WordPress;
  • Drupal;
  • Joomla и т.д.

Но предлагаю слегка разобраться в теме и поискать, чем движки отличаются друг от друга.

Шаг 4. Подбор подходящего шаблона

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

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

Шаг 5. Наполнение контентом и составление ключевых слов

Движущая сила сайта — наполнение. Все из-за поисковиков. Это работает так:

  1. Рандомный пользователь вбивает в поисковик, например, “читать хоббита онлайн”.
  2. Система ищет сайты с совпадением по словам.
  3. Результат высвечивается в зависимости от частоты использования ключевых слов запроса.

Это значит, что на сайте нужно постоянно что-то постить. Советую делать 3-4поста в неделю, хотя можно обойтись хотя бы одной статьей на 7-8 дней. В этот текст включаются слова, которые помогут пользователю найти наш сайт. Только не перебарщивайте, иначе Гугл запишет сайт в категорию спама и никому не покажет в выдаче.

Шаг 6. Продвижение сайта

Как сделать сайт

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

Виды и типы сайтов

Как сделать сайт

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

  • контента;
  • внешнего вида;
  • охвату аудитории.

Постаралась сгруппировать все максимально коротко и понятно в разделах ниже.

Вид №1. Информационные сайты

Как сделать сайт

Самая популярная группа сайтов — информационные. Цель — донести до пользователя сведения, теорию, обновления из любой сферы. Выделю 3 разновидности:

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

Самостоятельно создать новостной портал невозможно. Он требует постоянного обновления (несколько раз в день). А вот личный блог — реальная перспектива. Здесь также можно делиться собственным мнением, но не стоит ожидать огромного трафика.

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

Вид №2. Сайты узкогрупповой направленности

Сюда относятся “визитки”. Это веб-ресурс, где копирайтер, психолог или другой человек рассказывает о себе и предлагает свою помощь. Здесь практически нет трафика, вид максимально простой, требований почти нет. Визитка похожа на интернет-магазин, только здесь продаются услуги одного человека.

“Визитка” или сайт-портфолио — идеальный вариант для тренировки скилла по созданию сайта. Он может быть одностраничным или с несколькими разделами и переходами. Наличие веб-страницы повышает статус, как профессионала.

Вид №3. Коммерческие ресурсы

Коммерческие сайты — это все страницы, связанные с платежами. А теперь внимание!

Пассивный доход от рекламы получают как владельцы коммерческих, так и некоммерческих страниц. Для понимая назову более понятные “структуры”:

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

Создание интернет-магазина — привлекательное развитие бизнеса. Ресурс может создаваться как единственная площадка для торговли или в качестве дополнения к уже существующему магазину.

Вид №4. Социальные программы

Сюда относятся форумы и социальные сети. Последние — не наш профиль. Их можно создать, но сложно раскрутить. А вот форумы — понятная тема. Форум может существовать самостоятельно. Примером станут форумы молодых мамочек, автомобилистов, компьютерных мастеров и т.д. Удобство таких ресурсов в том, что пользователи сами приносят уникальный контент. Однако на первом этапе это делает создатель.

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

Вид №5. Разного рода веб-сервисы

Сюда отнесу почти все оставшиеся виды:

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

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

Вид №6. Сайты, создаваемые для раскрутки других ресурсов

Как сделать сайт

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

  • дорвеи;
  • саттелинги;
  • каталоги.

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

На что важно обратить внимание при создании сайта?

Лично я считаю, что сайт должен как минимум окупаться. Личный блог, например, можно создать и на уже существующей площадке. Это бесплатно и не требует дополнительных знаний! Но если вы нацелены на создание популярного ресурса, то вот блоки внимания:

  • целевая аудитория;
  • геотаргеринг;
  • назначение;
  • платформа.

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

Целевая аудитория

Термин “целевая аудитория” используется в маркетинге. Он определяет группу людей, на которую нацелен “продавец”, т.е. сайт в нашем случае. И сразу наглядное объяснение:

  1. Информационный сайт о детском питании. Целевая аудитория — молодые мамы 18-35 лет.
  2. Форум об онлайн-играх. Целевая аудитория подростки и молодые люди 14-25 лет.
  3. Интернет-магазин техники для кухни. Целевая аудитория — домохозяйки 25 лет и старше.

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

Геотаргетинг

Как сделать сайт

Интернет не имеет границ, а вот сайты — да. Хотя существуют ресурсы, о которых знают одновременно во разных странах (AliExpress, Facebook и т.д.), — это гиганты, которые создавались не сразу и не везде имеют одинаковую популярность. Геотаргетинг — это область, в пределах которой сайт будет интересен. Какие-то ограничения устанавливает язык контента. Но также можно сделать сайт только для одного региона или города.

Внимание! Это не значит, что сайт в других странах не будет работать.

Назначение сайта

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

Платформа сайта (CMS)

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

Как выбрать CMS-платформу, конструктор сайта?

Как сделать сайт

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

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

  • платные;
  • бесплатные.

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

Бесплатные CMS-платформы

К бесплатные движки предлагают:

  • Joomla;
  • Drupal;
  • WordPress;
  • DLE;
  •  

Естественно, это неполный список. Можно выбрать и другой. Но фаворит — WordPress. На нем создавала почти все проекты. Хотя также был опыт с Joomla.

Бесплатные платформы имеют меньше расширений и плагинов, поэтому внешне похожи друг на друга.

Платные CMS-платформы

Вот ТОП-5 платных движков:

  • 1С-Битрикс;
  • HostCMS;
  • NetCat;
  • CMS;
  • CMS.

Лично я не смогла выявить серьезных различий в платных и бесплатных движках. Можете самостоятельно поискать инфу об этих движках. Но предлагаю остановиться на простенькой бесплатной платформе. На первый раз — этого хватит.

Конструкторы сайтов

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

  • Подойдет для самостоятельного создания сайта. Есть бесплатные шаблоны, но из них не удалить рекламу самого конструктора.
  • Tilda Publishing. Готовых шаблонов не много, зато есть место для самодеятельности. Есть бесплатный тариф и куча видео-уроков, которые помогут разобраться с конструктором.
  • Шаблоны полностью продуманные, даже сгруппированы по цвету и другим параметрам. Хорошо для старта, но нет места индивидуальности. Нет полностью бесплатного тарифа, только пробный период.
  • Простой конструктор с бесплатным тарифом, но рассчитан на малый бизнес. Поэтому на сайты можно интегрировать расчетные приложения, такие как Яндекс.Касса и т.д.
  • Условно бесплатный конструктор, хотя на деле придется платить за пользование. Не лучший выбор, но порадует ассортиментом инструментов для создания интернет-магазина (1С, импорт товаров и т.д.).

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

Как создать сайт самому с нуля?

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

Этап 1. Цели и задачи сайта

Определяем, зачем нужен сайт:

  • для продажи товаров и услуг;
  • для поддержания имиджа и представления человека;
  • для публикации новостей;
  • для помощи (форумы) и т.д.

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

Этап 2. Вид и движок сайта

При наличии конкретной цели переходим к выбору движка. На сайтах-конструкторах все можно сделать за полчаса. Все выполняется в соответствии с инструкциями сервиса.

Внимание! Хотя у платформ набор шаблонов для создания сайтов отличается, на любом движке можно создать сайты-визитки, новостные ресурсы и т.д. А вот для корпоративных блогов или интернет-магазинов рекомендую выбирать платные платформы или конструкторы сайтов вроде UMI Nethouse, которые имеют дополнительные плюшки. Сайт компании желательно разрабатывать не самостоятельно, а через веб-студию.

Этап 3. Подготовка материалов для наполнения сайта

Новые статьи, товары или портфолио на сайте будут выкладываться постепенно. Однако уже к моменту создания “голого” сайта нужно иметь наработки:

  • название проекта;
  • логотип;
  • статью “О себе”;
  • по одной статье в каждый раздел.

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

Этап 4. Разработка дизайна и прототипа

Как сделать сайт

Прототип — это наша функциональная сетка. Создаем блоки, разделы, намечаем расположение инфы. Это делается в Фотошопе или другом графическом редакторе. Прототип нужен, чтобы оценить возможности и внешний вид будущего сайта. Но без дизайна — это лишь каркас. Поэтому дальше нужно заполнить фон, вставить логотип и т.д.

Этап 5. Верстка

На основе графического макета создается рабочая десктопная и мобильная версия сайта. Т.е. берется графическая модель и переносится в HTML-код. Так как кодить я не умею, использовала прогу Adobe Muse.

Этап 6. Домен и хостинг

Как сделать сайт

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

Купить и зарегистрировать домен можно здесь:

  • ru;
  • ru;
  • ru.

Справка! Доменное имя регистрируется по паспортным данным.

Этап 7. Запуск

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

SEO оптимизация сайта — пошаговая инструкция

SEO-оптимизация — основной инструмент раскрутки сайта. Ранее я уже говорила, что лучше воспользоваться услугами специалистов, но кое-что можно сделать и самому.

Идея. SEO. Дизайн!

Чем оригинальней сайт и наполнение, тем популярней он будет. Поэтому:

  • внимательно отнеситесь к перечислению мета-тегов;
  • создайте максимально непохожий дизайн.

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

Splash-страница

Как сделать сайт

Я уже писала о видах сайтов, которые создаются для раскрутки других. Среди них — дорвеи — одностраничные сайты, которые не несут никакого смысла, но если на них нажать, скрипт переносит пользователя на наш сайт. Вот Splash-страница работает по такому же принципу, только не выводится в отдельный сайт, а в “раздел”, который закрывает главную страницу.

Изображение или текст?

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

Название страниц и файлов сайта

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

Использование тегов «Alt»

Тег alt дает словесное описание изображению. А значит, если сайт подвиснет или картинка не будет долго грузиться, посетитель увидит примерно такой текст “На изображении: человек, животное”. Это не только дает небольшое представление о файле при техническом сбое, но и влияет на выдачу сайта в поисковике.

Чистый код веб-страницы

Как сделать сайт

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

Ключевые слова = популярность сайта!

Как сделать сайт

У вас есть интересный текст, немного картинок с правильным названием и тегом. Еще нужно аккуратно вписать в статью ключевики. Это слова, по которым пользователи ищут инфу в интернете. Чем их больше, тем больше вероятность, что поисковик выдаст ресурс на первой странице. Но не нужно слишком усердствовать. Иначе грозит пометка “Спам” и блокировка.

Раскрутка сайта

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

Как работает поисковая система (Яндекс, Гугл и др.)?

Как сделать сайт

Поисковики посещают все страницы и создают их копии. Это называется индексированием. Такая процедура повторяется с определенной периодичностью, что позволяет системе увидеть обновления и включить их в выдачу по запросам.

Каким образом поисковая система отслеживает появление новых сайтов?

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

Но эту ситуацию легко исправить. Гугл или Яндекс увидят страницу, если ее “отметят”. То есть уже знакомый поисковикам сайт покажет “путь” к новому ресурсу, оставив на него ссылку. Дело за малым, нужно где-то прорекламировать свой сайт так, чтобы эту ссылку увидел поисковик.

Легче всего это сделать через специализированные сервисы:

  • miralinks;
  • gogetlinks;
  • referr и т.д.

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

Пассивное добавление в индекс

Удобный инструмент продвижения — пассивный метод индексации. Сам владелец не предпринимает никаких действий, или почти никаких, но рано или поздно веб-страница попадает-таки в базу. Правда, на уйдет до 2 месяцев. Ускориться при пассивном добавлении в индекс можно:

  • указанием собственной ссылки в социальных сетях, особенно в Твиттере, если у аккаунта есть фолловеры;
  • самостоятельно добавить ссылку в базу через AddURL.

В последнем случае нужно помнить, что у каждого поисковика собственная база. Нужно обязательно внести личный сайт в список Яндекса и Гугла.

Как быстро проиндексировать веб-сайт?

Быстрое индексирование достигается за счет покупки рекламы и ссылок. Но есть еще один вариант — свежий контент. Постоянно обновляйте сайт, постите новые тексты. Очень часто. Желательно делать это каждый день, а еще лучше — 3-4 раза в день. Это повысит шансы по бесплатное добавление в базу поисковиков, а заодно повысит привлекательность сайта среди пользователей, которые с ним уже знакомы.

Хочешь зарабатывать больше?
Сделай первый шаг к пассивному доходу, прочитай новую статью «5 лучших инструментов пассивного заработка с доходом от 20 000 в месяц«.
Время чтения всего 2 минуты!

Читайте также:

комментариев 5

  1. Алиса:

    Везде искала как создать сайт с нуля, но везде одна вода. Может быть подскажите какой нибудь курс?

    • Главный редактор:

      Алиса, курсы я не записываю (пока). Но вот свой сайт сделал по видео урокам с youtube. Попробуйте поискать там. Вбивайте «Разработка сайта на WordPress с нуля», думаю роликов и полноценных курсов будет достаточно. Удачи вам! 😉

  2. Ирина:

    Заинтересовалась темой создания сайтов, но нигде не могла найти нормальной информации об этом. В какой-то момент наткнулась на вашу статью. Всё понятно и просто. Спасибо)

  3. Надежда:

    Спасибо. Хорошая статья.

  4. Виктор:

    Сейчас сайт продвинуть самостоятельно невозможно, этим занимаются крупные компании которые на этом специализируются, по этому конкурировать придется с такими компаниями ! И какой шанс продвинуть сайт если нулевой бюджет, да еще и занимаешься этим в одиночку ?

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

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