Привет! Если ты попал на эту статью, значит в твоей жизни назрел вопрос "как создать сайт", "как разработать сайт", "как сделать сайт", "собственный сайт своими руками и самостоятельно". В идеале чтобы это было дешево или даже бесплатно, без специальных навыков дизайнера, верстальщика и программиста.
Тебе крупно повезло. Потому что в этой статье я не просто расскажу, но и покажу как сделать сайт без дополнительных хлопот, буквально за 1 час.
В отличие от других статей "как разработать себе сайт", я не буду грузить тебя инфой по поводу HTML-верстки или JavaScript-программирования. Не забудь поставить лайк этой статье, а также подписаться на мой канал, потому что в будущем я планирую рассказывать и о других фишках Интернет маркетинга. И не забудь поделиться этой статьей со своими друзьями, коллегами, партнерами и даже клиентами, у которых также возникают вопросы с разработкой собственного сайта.
Хочу сразу сделать акцент на том, что я не буду делать сайт вместо тебя, но мы его сделаем вместе с тобой, причем все ты сделаешь своими руками на примере того как это делаю я. Ну что, ты готов? Тогда поехали...
А вдохновило меня написать эту статью выступление Грекхама Шоу, который буквально за пару минут научил более 300 его слушателей рисовать. И сегодня я попробую сделать тоже самое по части разработки сайтов.
Кратко расскажу о себе. Я более 10 лет занимаюсь интернет маркетингом. За это время мы с командой протестировали более 300 ниш и разработали более 100 сайтов. За время этой практики мы поняли некоторые ключевые фишки - те самые 10% усилий, которые дают до 90% результата.
Итак, что же такое сайт и зачем он нужен? Нужен ли он вообще?
Как еще давным давно сказал Бил Гейтс: Если вашего бизнеса нет в Интернете, то считайте у вас нет бизнеса.
А сайт - это одна из ключевых точек вашего бизнеса в Интернет среде. Это своего рода "виртуальная визитка", на которой посетитель может узнать информацию о вашей компании, о вашем продукте, о ваших услугах, о вашей команде, получить ваши контакты, оставить заявку или даже оплатить заказ.
И первая ключевая фишка, которую я усвоил - это то что на начальных этапах не нужно делать себе навороченный сайт, технически сложный. Достаточно обычного "одностраничника". Да, я с уверенностью тебе заявляю, что достаточно иметь одностраничный сайт. Главное, чтобы контента в нем было достаточно для того, чтобы посетитель принял верное решение. И чтобы это решение совпадало с нашими задачами.
Определить цель
Первым делом мы должны определить какая цель у нашего сайта. Так как мы с вами делаем именно бизнес сайт, то цель у него в основном одна - это перевод потенциального клиента на новый этап воронки продаж.
Правильная структура
Вторая ключевая фишка - эффективно продающие сайты имеют единую правильную структуру. При этом не продающие сайты не продают по-разному. Поэтому после определения цели сайта, очень важно проработать его структуру.
Оффер
Чтобы посетители вашего сайта поняли, что попали туда, куда хотели, на первом же кадре, также именуемом как "титульный", мы указываем наше ключевое предложение, от которого в идеале нельзя отказаться. Еще его называют оффером. Грамотно составленный оффер - это 80% успеха.
Призыв к действию
Второй ключевой элемент титульного кадра - это "call-to-action" или по-другому "призыв к действию" в виде формы или кнопки, которую должен нажать или заполнить потенциальный посетитель сайта для того, чтобы, наконец, получить то предложение, от которого нельзя отказаться.
По статистике до 80% заявок на сайте оставляется именно на титульном кадре. На самом деле оставшиеся 20% успеха - это лишь "раскрытие карт" - как у вас получается сделать такое предложение, которое уже зацепило внимание и интерес посетителя сайта.
Если Вы когда-нибудь, что-нибудь, кому-либо продавали, то Вы наверняка знаете, что если человек, увидев ваше предложение, начал задавать вопросы, генерировать возражения, вы на пути к продаже. Если же он остался равнодушен к вашему предложению, то оно его не зацепило и не интересно.
Собственно у человека возникают, например, такие вопросы: "Как они могут позволить себе давать такие выгодные условия?", "А что, действительно их замерщик приедет и измерит все бесплатно?", "А что у них бесплатные пробники есть?", "А можно ли им вообще доверять?", "Кто они такие и кто у них в команде работает?", "Как с ними связаться?" - Ответы на все эти вопросы и будут составлять всю последующую структуру нашего сайта.
Информативная структура
Третий ключевой момент - структура сайта не должна быть перегруженной, но должна быть информативной. Существует стандартный набор эффективных блоков, о которых я упомяну ниже:
- Ультра предложение, действующее только сегодня, которое побудит человека оставить заявку прямо сейчас.
- Информация о компании, бренде или продукте.
- Каталог товаров, услуг, программ.
- Прайс лист или меню.
- Схема работы, форматы сотрудничества.
- Преимущества, отличия от конкурентов.
- Инновации и фишки.
- Кейсы.
- Отзывы от клиентов, благодарности.
- Информация о команде компании, специалистах, тренерах.
- Сертификаты.
- Ответы на наиболее частые вопросы.
- Контактная информация.
Придерживайтесь принципа: Размещайте на сайте только то, что сами хотели бы прочитать, если бы были вашим клиентом.
Вот собственно вся теория, которую я хотел бы рассказать. Дальше пойдет только практика. Но прежде чем к ней приступать, рекомендую для начала собрать все информационные материалы, которые мы будем размещать на сайте.
И вот вам лайфхак на миллион:
Вместо того, чтобы придумывать велосипед, гораздо проще обратиться к сайтам конкурентов и посмотреть как те или иные информационные блоки расположили у себя они.
Первым делом, как я уже говорил, мы готовим контент для нашего будущего сайта. Мой условный проект называется "Салон красоты - Бьюти". Для него я создал специальную папку. В ней размещено 2 подпапки: "Изображения" и "Текст".
Текстовый файл "Информация для сайта". Это обычный вордовский документ, в котором я по каждому разделу собрал контент. Здесь я расписал контент для разных категорий сайта, которые у нас будут. Например: "Оффер", "Спецпредложение", "Информация о салоне", "Каталог услуг", "Преимущества", "Наши мастера", "Каталог работ" и "Контакты".
Далее в папке "Изображения" я разместил подпапки контента: "Логотип", "Фон", "Фото интерьера", "Фото мастеров", "Фото работ".
После того, как Вы собрали контент, можно приступать к разработке сайта. Идем в поиск Яндекс или Google и вводим запрос "tilda". В результатах выдачи переходим по первой ссылке на наш конструктор, в котором мы будем разрабатывать сайт.
Первым делом нам необходимо пройти регистрацию. Указать имя, e-mail и пароль. Нажать "Зарегистрироваться", После чего мы попадаем в личный кабинет, в котором нам сразу же предлагается создать новый сайт. Указываем название, в моем случае это "Салон красоты - Бьюти". Нажимаем кнопку "Создать".
На следующем шаге выбираем "Создать новую страницу". Система предлагает нам несколько шаблонов на основе которых мы можем создать собственный сайт. Для усложнения я буду создавать сайт с нуля. Для этого выбираю опцию "Пустая страница". Система предлагает посмотреть нам короткий видео ролик "Как создать страницу", а также всплывающее окно "Что делать дальше".
Первым делом создаем меню нашего сайта. Можно произвести некоторые настройки: Цвет фона меню, разделов, прозрачность и ширину. Чтобы применить изменения, я нажимаю кнопку "Сохранить". Далее меню контент. Выбираю название "Салон красоты - Бьюти". А также загружаю логотип из своей папки с изображениями. Вместо пунктов меню я укажу контактный номер телефона и сделаю ссылку. Нажимаю кнопку "Сохранить". Так как меню у нас бесплатной версии, то отображать его на мобильной версии особого смысла не будет.
Далее создаем наш кадр "Обложку", на которой располагаем оффер. Далее изменим фоновое изображение на то, которое мы заранее подготовили. Сохраняем. Немного изменим параметры отображения. В частности "Непрозрачность фона". И размеры шрифтов заголовка и описаний. Добавим тень и сохраним.
Следующий блок "Спецпредложение" мы оформим с помощью ссылки на номер телефона, с помощью которого посетитель сможет забронировать наше спецпредложение.
Таким образом мы создаем все остальные необходимые нам страницы по заранее разработанному макету. После проделанной работы обязательно не забываем опубликовать его, выбрав соответствующую опцию в конструкторе.
Созданный сайт будет автоматически оптимизирован для мобильных устройств: телефон или планшет. Причем как в книжной, так и в альбомной ориентации.
При желании, ты можешь подключить собственный домен в конструкторе, правда это доступно уже на платной версии конструктора.
Вот собственно и все! Твой сайт готов! Ура! Теперь ты можешь делиться ссылкой со своими клиентами и партнерами. Большое спасибо за уделенное время. Надеюсь эта статья поможет тебе с разработкой собственного сайта для бизнеса.