29.07.2019

Срочно нужен сайт! Что делать?

Сайт нужен был ещё вчера. Денег на агентство нет. Денег нет даже на то, чтобы заказать сайт знакомому разработчику… Куда бежать, что делать?

Для начала стоит подумать еще раз: действительно ли вам нужен сайт?

Маша захотела открыть свой бизнес. Решила продавать новомодные тряпочки с ионами серебра для уборки квартиры. Знакомые сказали: нужен сайт. Без сайта какой из тебя предприниматель? И Маша тратит последние $500 на сайт, потом еще $200 на рекламу и понимает, что спроса-то нет. Бизнес закрылся, не успев начаться.

Оля захотела открыть свой бизнес. Решила продавать новомодные тряпочки с ионами серебра для уборки квартиры. Знакомые сказали: нужен сайт. Без сайта какой из тебя предприниматель? А Оля подумала: пока я семь раз отмерю – другие уже отрежут. И в тот же день сделала витрину тряпочек в Инстаграме и ВКонтакте. Потратила $100 на рекламу. И увидела, что спроса на тряпочки совсем нет. Те несколько продаж не принесли ей восторженных отзывов и ВАУ от покупательниц. Бизнес закрылся, не успев начаться, но с минимальными потерями.

Если сайт вам нужен, потому что вы открываете новое направление деятельности, сначала подумайте, как можно протестировать спрос без вложений средств и времени в сайт? В современном мире как никогда актуален слоган древних персов «Промедление смерти подобно». Сейчас скорость важнее точности. А предварительное тестирование поможет не только заработать денег на сайт, но и сделать его более подходящим запросу пользователей.

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

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

Если вы дочитали до этого места, значит сайт вам действительно нужен.

Хорошие новости – сделать красивый и функциональный сайт сейчас в разы проще, чем 5 лет назад. И это не потребует от вас знаний программирования, css и html. Вообще.

Кради, как художник. Берем структуру коллег и конкурентов на вооружение

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

Хотите сделать интернет-магазин? Сходите на Амазон. Хотите продавать одежду? Сходите на Вайлдбериз. Нужен лендинг? Понажимайте на топовую контекстную рекламу в вашей теме. Тщательно просмотрите топ-10 сайтов выдачи Гугла и Яндекса в вашей теме. Зарисуйте смысловые блоки и разделы.

  • Какие разделы и страницы есть?
  • Какие смысловые блоки?
  • Есть ли запрос звонка?
  • Есть ли живой чат?
  • Что вам, как пользователю, удобно, а что нет?
  • Как сделать заказ?
  • Как используются видео и изображения?
  • И так далее.

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

Каждый элемент на странице категории или карточки товара выверен до миллиметра и постоянно улучшается.

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

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

Это так называемый F или Z-шаблон, показывающий направление взгляда пользователя:

Именно поэтому в большинстве случаев вы увидите логотип компании слева, номера телефонов – справа, а боковое меню – слева.

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

Что такое юзабилити, и почему с ним нужно считаться

«Юзаби́лити (от англ. usability – «удобство и простота использования, степень удобства использования»), также удо́бство испо́льзования, приго́дность испо́льзования, эргономи́чность – способность быть понимаемым, изучаемым, используемым и привлекательным для пользователя в заданных условиях», –

говорит нам Википедия.

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

Именно поэтому хороший сайт не статичен, а постоянно улучшается.

Что нужно учесть, проверяя юзабилити своего сайта?

  1. Скорость загрузки. Бесплатный PageSpeed Insights от Гугла поможет вам в этом. На практике это означает: не грузите на сайт большие картинки, пользуйтесь сервисами оптимизации изображений для веб.

  2. Реклама и поп-апы должны быть уместными. С хорошо заметной кнопкой Х.

    Не нервируйте ваших пользователей.

  3. Нет самовключающейся музыке. Да, этот ужас все еще встречается в современном мире.

  4. Навигация должна быть понятной и простой. Узнайте, что такое breadcrumbs (хлебные крошки) и используйте это.

  5. Используйте не более 2 шрифтов и гармоничную цветовую схему. Примеры таких схем можно посмотреть на paletton, там же генерируется пример странички в выбранной вами цветовой схеме.

  6. Уместность шрифта: аккуратно используйте жирный шрифт или курсив. Если выделить слишком много – можно отвлечь внимание от всего.

  7. Используйте тег alt для описания изображений.

  8. Говорящие заголовки, понятные для человека и для роботов поисковых систем.

  9. Понятная страница «Ошибка 404».

  10. Понятный путь к контактам, кликабельность телефонов в мобильной версии сайта.

  11. Ссылки на сайте – заметны и легко идентифицируются.

  12. Если на сайте есть поиск – он корректно работает и ясно виден. Поле достаточно длинное, чтобы вместить от 18 до 27 символов запроса.

  13. Логотип заметен.

  14. Четкий ответ на вопрос «Что мы делаем?» – в нескольких словах (Tagline в заголовке сайта).

  15. Приятная для восприятия структурированность контента – заголовки, подзаголовки, списки, таблички. «Простыни» плохо отформатированного текста читают очень редко.

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

Помним важное правило:

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

И как я все это сделаю самостоятельно?!

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

Быстро сделать сайт можно двумя способами:

  • Сделать на конструкторе (самый понятный и приятный по мнению большинства в русскоязычном пространстве – Tilda).

  • Использовать CMS. Это система управления контентом. Самая простая и приятная на данный момент – WordPress. На ней можно собрать все: от лендинга и блога до функционального интернет-магазина. На Вордпрессе работают новостные редакции, официальный сайт Beyonce и вообще треть всех сайтов в Интернете.

Теперь подробнее и по шагам:

Тильда

Вложения: бесплатно или $10 ежемесячно (Тильда) + $5 в год (средняя цена доменного имени).

  • Бесплатна для 1 сайта на поддомене.

  • Имеется множество готовых шаблонов (где большинство перечисленного в разделе про юзабилити встроено по умолчанию).

  • Интуитивно понятна и осваивается за 1-2 вечера.

  • Подойдёт для лендинга, небольшого личного сайта.

Просто регистрируйтесь, выбирайте понравившийся шаблон, меняйте тексты и изображения на свои – и сайт готов!

P. S. За $10 в месяц Тильда превращается в многорукого многонога, который позволит сделать действительно профессиональный сайт – посмотрите на перечень возможностей.

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

WordPress

Вложения: ~$7 ежемесячно (средняя цена хостинга) + $5 в год (средняя цена доменного имени).

Подойдет для любого типа сайта.

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

И все. «Рыба» вашего сайта готова.

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

Скорее всего, они вам не подойдут. Выбрать из сотен вариантов и загрузить тему можно прямо из админки Вордпресса: https://вашсайт.ru/wp-admin/theme-install.php?browse=featured

Также тему недорого можно купить в надежных местах, например, тут или тут.

*Скачивая темы в непроверенных местах, вы рискуете подхватить вирус. Новичок не распознает вредоносные скрипты в файлах темы.

До начала работы установите плагины. Они инсталлируются из админки вашего сайта тут: https://вашсайт.ru/wp-admin/plugin-install.php

Список плагинов первой необходимости:

RusToLat

Classic Editor – возвращает вордоподобный классический вид редактору записей.

All in SEO Pack – оптимизация сайта для поисковых систем.

Next Gen Gallery – плагин управления галереями на сайте, если таковые планируются.

WooCommerce – плагин для создания интернет-магазина или каталога товаров на базе WordPress.

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

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

Важные замечания:

  • Не используйте в названии файлов изображений кириллицу.

  • Перепроверяйте функционал вашего сайта со смартфона.

  • Полированные картинки с фотостоков уже давно не модны.

  • Используйте сервис canva для создания привлекательной графики – там очень много бесплатных и при этом качественных шаблонов.

  • Для создания статичной информации («контакты») используйте страницы. Динамической («новость») – записи.

  • На любой ваш запрос есть уже написанный кем-то плагин. Просто поищите (установка кнопок соцсетей или фида вашего Инстаграма, установка Гугл или Яндекс.Карты на сайт, формы обратной связи – это только малая часть того, что в Вордпрессе решено плагинами, а значит может быть настроено плагином – без знания php или html).

  • Добавьте готовый сайт в панель вебмастера Гугла и Яндекса и установите Яндекс. Метрику или Google Analytics.

Чем еще хорош Вордпресс? На Ютубе полно пошаговых руководств по его настройке и установке. Написано тысячи плагинов (расширений, улучшающих функционал) для каждого случая и для любой вашей задачи. Вариантов дизайна – тем сайта – тоже тысячи.

Имея на руках концепт сайта (вы же проделали предыдущие пункты и нарисовали свой?), вы найдете соответствующую требованиям тему.

Главное, что нужно всегда помнить, сайт – это ваш инструмент. Начинающие спортсмены пользуются недорогим инвентарем. Начинающие танцоры – готовыми недорогими костюмами. Лучше сделанный «как получится» первый сайт, чем не сделанный вовсе, «потому что у меня лапки и нет 600 долларов».

Знания, которые вы получите на курсе «Интернет-маркетинг СТАРТ», позволят вам легко и самостоятельно разработать комплексную стратегию развития веб-ресурса. Научитесь создавать удобную структуру сайта, находить в социальных сетях потенциальных клиентов. Сможете запустить рекламную кампанию и оценить ее продуктивность.

ЗАПИСАТЬСЯ

Если Вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter

Инженер по образованию и разработчик сайтов с 10-летним опытом.

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

Создание сайта
Узнавайте обо всем первым!
Вопросы и комментарии:
Авторизуйтесь, чтобы оставлять комментарии