Создание интернет-магазина ювелирных украшений
В статье пойдет речь о сайте для продажи драгоценностей. Мы поговорим о том, каким должен быть интернет-магазин ювелирных украшений в 2018 году. Здесь будут объективные данные исследований и субъективное мнение студии Web112. Мы обсудим преимущества и недостатки российских и зарубежных интернет-магазинов.
Какой выбрать домен для онлайн-магазина украшений?
На самом деле у вас не так много вариантов. Доменом будущего магазина может стать:
1. Название компании
У вас будет уникальное название сайта. Если компания уже приобрела какую-то известность офлайн, у вашего интернет-магазина будет бонусный трафик благодаря брендовым запросам. Возможно, не все наши читатели знают, что такое «брендовые запросы». Это когда вбивают в поиск название компании, и поисковик выдает сайт с таким же названием (или очень похожим).
Допустим, ваша компания называется GoldVita, вы вписываете это слово в строку Яндекса или Гугла, и попадаете на сайт goldvita.com или же gold-vita.ru. Даже если на сайте всего несколько страниц, даже если он не оптимизированный для мобильных устройств, на нем появятся люди. Только за счет удачного выбора домена.
Важно! Слишком длинное название домена из нескольких слов – не самый лучший вариант. Согласно исследованиям, пользователи предпочитают более короткие URL. Если ваша компания называется, например, Diamonds For Women, сайт не стоит называть diamonds-for-women.ru, лучше dfv.ru или хотя бы diamonds4women.ru.
Важно!! Название домена из двух и больше слов после несложных манипуляций в Яндекс.Вебмастере может выглядеть вот так (каждое слово с большой буквы):
2. Ключевое слово или несколько
Мы говорим о таких словах, как diamonds, almaz, gold, silver и т.д. Такой домен не только хорошо описывает деятельность сайта (сразу дает понять, что там можно купить), но и чуть улучшает оптимизацию. Если человек вбивает в поиске «золотые украшения», а в названии сайта есть слово gold или zoloto, он будет чуть-чуть выше ресурса конкурентов без ключа в домене. Стоит отметить, что каких-то существенных плюсов для SEO от этой небольшой хитрости ожидать не надо. С другой стороны, в такой конкурентной нише, как продажа ювелирных украшений, важны все дополнительные возможности для продвижения.
3. Микс ключевого слова и названия компании (бренда)
Представим, что ваш магазин называется Alium, добавляем к этому слову Gold – получаем хороший оптимизированный домен типа AliumGold.ru. Возможно, такой подход может показаться банальным. Тем не менее, он до сих пор прекрасно работает. Банальное SilverShop.ru часто лучше какого-нибудь эксклюзивного непонятного elitanium.ru.
Какую CMS выбрать для интернет-магазина драгоценностей?
Советуем перейти на нашу статью о системах управления контентом, тщательно изучить особенности каждой популярной CMS и сделать обдуманный выбор.
Здесь мы лишь хотим попросить вас не использовать такие простые движки, как WordPress и Joomla!. Для этих систем существуют дополнения, которые превращают простые решения в многофункциональные интернет-магазины. Тем не менее, есть CMS, которые специально разрабатывались для удобной онлайн-торговли и которые превосходят плагины WordPress в несколько раз.
Помните, что вам нужен сайт, который позволяет создавать не только красивые карточки товаров, но и следить за каждой покупкой и постоянно менять цены и другие данные на сотнях и тысячах страниц.
Дизайн для сайта, где продаются украшения
Нужно иметь в виду, что в задачи дизайна практически любого коммерческого сайта входит:
- Создание правильного имиджа компании. У вас огромная сеть магазинов, и вы хотите рассказать об этом потенциальным клиентам? А может у вас маленький семейный бизнес, которым вы гордитесь? Или же вы владеете большой компанией, но хотите, чтобы клиенты думали, что у вас небольшое семейное предприятие? Сайт может создать тот имидж, который вы задумали, который поможет продажам.
- Донесение ключевой информации о вас и ваших товарах (услугах). Шрифт должен быть читабельным, картинки подходящего размера и качества, на нужные страницы с важными текстами можно попасть без лишних проволочек.
- Возможность выполнить полезное действие. В 99% случаев под «полезным действием» имеется в виду заказ. Должна быть форма для заказа. Правильный дизайн помогает ее найти и быстро заполнить.
Какие особенности у дизайна интернет-магазина ювелирных украшений?
Мы считаем, что главная особенность – красиво преподнести драгоценности. Согласны: любые товары (не только кольца и колье) должны хорошо выглядеть на сайте, если вы хотите их продать. Тем не менее, в данной нише это особенно важно.
Во время подготовки статьи мы изучили десятки интернет-магазинов украшений. Большинство из них имеют светлый легкий дизайн. Мы не против такого варианта. Хотя темные тона создают контраст, который превосходно раскрывает красоту золота и бриллиантов.
К тому же черный цвет – это цвет роскоши (огромное количество полезной информации о цветах на продающих сайтах можно узнать из этой статьи).
Важные элементы, которые помогут создать более эффективный интернет-магазин украшений
Изучите скриншот вверху. Там можно заметить следующие важные детали:
- Карточки с украшениями на первом экране. Элементарный момент, но подобное можно заметить не везде. Иногда на первом экране владельцы сайтов помещают текст, баннер или ссылки на разделы. Обязательно должны быть карточки с фотографиями и ценами. Секунды, которые должен потратить посетитель сайта на прокрутку экрана, часто стоят продажи.
- Фильтры по разным параметрам («Гладкие», «Дизайнерские», «Эксклюзивные» и т.д.) в самом верху. Удобно для пользователей, хорошо для SEO.
- Скидка за регистрацию. Причем сделана аккуратно – ненавязчиво, но заметно. Обычно это реализуется нагло – в виде pop-up’а почти на весь экран. Считаем, что продажа дорогих украшений – не та ниша, где работают навязчивые всплывающие окна, предлагающие смешные скидки.
- Быстрый просмотр. Смысл в том, что можно узнать основную информацию о товаре и сделать заказ прямо на странице категории, не надо переходить на карточку. Ускоряет процесс продажи, повышает конверсию.
- Сортировка по новинкам, цене и размеру скидки.
Также на сайте с женскими и мужскими дорогими украшениями будут полезны следующие фичи.
1. Увеличение определенной части фотографии товара
2. Любая информация и функционал, которые помогают определить качество или подлинность изделий
3. Ссылка на видном месте (в идеале в главном меню) на акции и скидки
4. SSL-сертификат с зеленой строкой
Это как раз та сфера, где вложения в дорогой сертификат с проверкой документов быстро окупаются. Выглядит солидно и внушает доверие. К тому же, покупают люди с достатком выше среднего, которые более серьезно подходят к выбору и гарантиям безопасности.
Интернет-магазины украшений за рубежом
Западные онлайн-магазины в этом сегменты не слишком отличаются от сайтов в СНГ. Тем не менее, можно выделить 2 важных момента:
1. Почти на всех серьезных ресурсах сказано о возможности вернуть покупку в течение 30 дней с момента получения. Причем это возврат по принципу No Questions Asked: когда не требуется куча документов экспертиз и нервов. Не понравились серьги – отправили их обратно в магазин и получили обратно свои деньги. Мы не углублялись. Возможно дело в законодательстве. Хотя скорее в продуманном маркетинге.
2. На многих американских и европейских сайтах рассказано об относительно немаленькой истории компании. Там в первую очередь демонстрируют надежность бренда.
Несколько слов о продвижении интернет-магазина украшений
Выше пример выдачи, которую мы увидели, когда вбили в поиск запрос «кольца с бриллиантами» (регион: Москва).
Что можно сказать о подходе владельцев магазина, который мы выделили красной рамкой?
Получается, они платят два раза за то, чтобы попасть в ТОП. Первый раз деньги уходят на контекстную рекламу, второй – на услуги SEO-оптимизатора.
Разумно ли это?
Конечно, разумно! Потому что…
1. Они забивают выдачу ссылками на свой сайт. В некоторых нишах это невыгодно. Но при продаже украшений окупается и SEO, и контекстная реклама. Больше ссылок вашего бренда в ТОПе, меньше ссылок конкурентов. Все просто. Было бы прекрасно, если бы там еще были ссылки на страницу магазина в FB и Контакте.
2. Задача специалистов по продвижение состоит не только в том, чтобы за минимальный срок получить максимум продаж. Они еще и работают над тем, чтобы бренд стал узнаваемым и запоминаемым. Чем чаще попадается его название на глаза, тем лучше.
Мобильная версия сайта для продажи ювелирных изделий
Корректная мобильная версия интернет-магазина украшений должна выглядеть примерно так, как показано на скриншоте вверху. Там есть:
- Заметное название бренда.
- Фотографии украшений на первом экране смартфона. Выше мы уже отметили, что это важно. Чем быстрее пользователь поймет, что попала по адресу, тем лучше. Текст о том, что здесь можно купить кольца с бриллиантами не заменит яркие изображения.
- Виджет для звонка. Обратите внимание, что виджет очень заметный (зеленый цвет прекрасно видно на белом фоне сайта) и не занимает много места на экране.
- Удобный и понятный рубрикатор. Пользователь видит, что сейчас он в разделе «Кольца с бриллиантами», можно нажать на стрелочку, направленную вниз, и посмотреть другие разделы. Минимальные графические элементы дают максимум информации.
- Количество изделий в наличие. Эта цифра одновременно показывает, что вы попали на большой серьезный ресурс и мотивирует задержаться чуть дольше, посмотреть, какие украшения тут можно купить.
- Цена. Тут она еще и как бы со скидкой. Потенциальный клиент сразу получает ответ на один из своих главных вопросов. Еще одна причина задержаться здесь дольше, чем у конкурентов, цены которых найти не так просто.
Выводы
Разработка и продвижение успешного интернет-магазина украшений из золота и других драгоценных материалов – не простой и не дешевый процесс. Тут серьезные сильные конкуренты. Движки и конструкторы, которые позволяют создать «продающий» сайт за 3 минуты – не вариант. Продвижение без бюджета – тоже не вариант. Нужна стратегия и денежные вложения.
Как раскрутить сайт в поиске в 2017 г.? Пошаговая инструкция для чайников
Всем привет! С вами Игорь Филипенко. В этой статье пойдет речь именно о поисковом продвижении сайта, дам много инсайтов для новичков.
Во многих нишах, особенно где используются многостраничные сайты, SEO как канал продаж работает очень хорошо. Эта статья для тех, у кого нет времени на самостоятельное кропотливое изучение SEO, и кому нужен четкий поэтапный план. Для них я подготовил краткую пошаговую инструкцию:
1. Сделайте хороший понятный удобный для вашей ЦА сайт.
2. Если есть лишние 50-150 тыс. руб., закажите уникальный адаптивный дизайн, будет плюс к солидности фирмы. Если нет, найдите красивый подходящий шаблон и доработайте его. Желательно, чтобы он был на бутстрапе (bootstrap) и сразу с адаптивной версией.
3. Структура сайта должна быть простой и прозрачной. То, что вы предлагаете – понятно сразу. Сильные продающие черты товара или услуги – выведены на видном месте. Контакты и обратная связь – на видном месте. Под каждый сегмент ЦА – отдельная страница или даже сайт.
4. Идёте на wordstat.yandex.ru. Забиваете запросы (и их частотности) по своей теме. Для удобства пользуйтесь плагином под Chrome – WordstatHelper. Выбираете все подходящие запросы.
5. Далее самая сложная и ответственная часть – группировка запросов. Их нужно разбить на страницы сайта (обычно главную и страницы товаров/услуг) правильным образом. Иначе потом будут проблемы, что Яндекс по запросу выдаёт не ту страницу и не выводит её наверх. Смена релевантной страницы в ПС долгий, муторный и не приносящий прибыли процесс.
6. Скорее часть запросов будет общая, часть пересекаться , часть супер низкочастотная. Каждой группе нужно отнести отдельную страницу и заполнить её так, чтобы та максимально отвечала на все запросы, но не более. Страница должна предельно четко отвечать только на свою группу запросов.
7. Текст на странице разбавляйте видео и фото. Фото – интересные и по теме, желательно не шаблонные и дополняющие текст.
8. Мета-тег Title и заголовок H1 (в одном экземпляре) на странице должны содержать в себе все запросы из группы. При этом между собой немного отличаться. Самые жирные запросы – в самом начале. Ограничения на Title – 70 символов, ноэтонеточно. Ограничения на H1 – логичность и понятность для ЦА.
9. Тексты на странице должны быть уникальными на 90% (проверять программой advego). И для людей! Текст должен быть аккуратно разбит на абзацы, списки и заголовки 2-4 уровней. В тексте должны быть использованы ключевые слова, но не злоупотреблять
10. Сделать отдельно блог (или статьи) и писать там РЕГУЛЯРНО статьи для своих возможных клиентов (вот как мы сейчас для вас). Не жалейте денег на копирайтера! Хорошая статья стоит от 2 до 10 тыс. руб.
11. Идёте в miralinks и покупаете там чуть-чуть ссылок, но не увлекаться! Параметры площадок: регион ваш или соседний, ТИЦ>50, без АГС и других фильтров, страниц в Яндекс и Google плюс минус поровну (если большая разница, значит у донора проблема), сам сайт сделан для людей.
12. Список запросов загоняете в чекалку (topvisor или allpositions), указываете нужный регион и настраивайте регулярную проверку позиций после каждого апа Яндекса.
13. Каждый месяц анализируйте позиции, какие группы идут вверх, а какие проседают. Если позиции долгое время не улучшаются или даже падают, ничего страшного: негативный результат тоже результат. Возможно, стоит изменить запросы на более целевые, или доработать посадочную страницу, или усилить позиции внутренними и внешними ссылками.
14. 1 раз в 2-3 месяца проводите техническую оптимизацию, проверяйте сайт в Яндекс и Google вебмастерах, чтобы не было дублей страниц, 404 ошибок, не работающих Sitemap или Robots. Это все должно правильно работать на уровне движка сайта.
15. Оптимизируйте вес каждой страницы сайта с помощью GTMetrix и Google PageSpeed. Основная проблема скорости сайта связана с большими картинками. Ещё обычно требуются технические доработки движка сайта.
16. Развивайте страницы в соцсетях, и там периодически ставьте ссылки на сайт. По опыту наших коллег, позиции сайта могут существенно вырасти только за счет популярных групп в ВК и FB.
17. Ведите контекстные рекламные кампании в Яндекс и Google. По нашему опыту это даст огромный плюс к SEO в поисковых системах. Кроме того, к вам будет гораздо больше доверия у клиента, если сайт будет и в рекламе, и в естественной выдаче.
18. Заведите Телеграм канал, и постоянно развивайте его, увеличивайте его аудиторию. Периодически ставьте ссылки на свой сайт – это увеличивает переходы вашей ЦА и улучшает поведенческие факторы сайта.
19. Заниматься продвижением сайта нужно постоянно! Это не какое-то разовое мероприятие. Если у вас высокая конкуренция, делайте упор на качественный контент. Регулярно каждый месяц публикуйте по 2-5 подробных статей.
Вот и все, если вкратце! Тема очень обширная, и многих важных моментов я коснулся вскользь. Поэтому если вам что-то осталось непонятным, пишите об этом в комментариях. Если вам нужно раскрутить сайт в поиске, отправьте нам запрос на info@web112.biz .
Цена сайта в Краснодаре. От чего зависит и как не переплатить?
Какими бывают сайты за 3000 рублей
Не так давно к нам обратился потенциальный клиент.
У него сложилась следующая ситуация.
Бизнесмен заказывал сайт у фрилансера за 3000 рублей. Тот взял деньги, установил CMS WordPress на хостинг и пропал.
Получается он взял 3000 рублей за операцию, которую на некоторых хостингах можно выполнить буквально в два клика, вложив в это не более 5 минут.
Клиент нашел другого специалиста-фрилансера. Угадайте какая у того цена? Правильно – тоже 3000 рублей.
Второй фрилансер вообще ничего не делал. Просто взял деньги и пропал.
После экспериментов с фрилансерами человек решил обратиться уже не к отдельному специалисту, а в веб-студию – к нам.
На этапе переговоров наш руководитель решил посмотреть то, что нам предлагали доработать.
Мы не будем сейчас говорить о дизайне и функционале того, что тогда увидел Игорь Филипенко.
Мы хотим рассказать вот о чем. Когда Игорь сделал несколько кликов (не зная пароля), он внезапно оказался в административной панели горе-сайта (у нас даже остался скриншот):
Доделывать вот ЭТО мы отказались, но предложили создать новый веб-сайт с нормальной безопасностью и прочими важными составляющими.
Какие выводы можно сделать из этой истории?
1. 6000 рублей – относительно не такая уж и большая сумма. Вот только сюда нужно добавлять ущерб, который может принести полное отсутствие какой-либо защиты. Недобросовестные конкуренты за несколько минут пустят под откос месяцы и месяцы труда по наполнению и продвижению сайта.
2. Обычно редко получается сделать хороший сайт из кусков плохой дешевой работы. Представим, что вы хотите ресурс, который у серьезной веб-студии стоит N рублей. Вы нанимаете одного фрилансера, который вроде готов сделать все то же самое только за 0,3 N рублей. Он или пропадает, или делает плохо. Вы нанимаете другого фрилансера, который готов за 0,3 N исправить работу предыдущего «специалиста». Он тоже что-то делает, но результат все равно неудовлетворительный. В результате вы обращаетесь в веб-студию и платите N рублей за сайт, созданный полностью с нуля. Выходит, что вы платите N + 0,3 N + 0,3 N.
Кстати! Мы не утверждаем, что обращение к фрилансеру – это всегда зло. На фриланс-рынке можно найти надежного специалиста, который сделает дешевле, чем студия (хотя это и нелегко). Более подробно свои взгляды на этот вопрос мы изложили в статье «Фрилансер или студия? У кого лучше заказать сайт, который будет приносить деньги, а не убытки?».
Рынок веб-разработки Краснодара и его цены
Кто создает сайты в Краснодаре за деньги?
Всех разработчиков можно поделить на следующие группы:
- Частные фрилансеры. Обычно это люди, работающие где-то на постоянной работе. Днем работают, а вечером фрилансят.
- Мелкие студии до 10 человек в штате.
- Рекламные агентства, у которых есть веб-разработчик в штате
- Топовые студии, которые работают минимум по 10 лет и имеют штат от 10 человек.
Думаем, что и без нас понятно, что минимальные цены у фрилансеров, а больше всех за создание сайтов берут топовые студии (более подробно о ценах мы поговорим в следующем разделе).
Что насчет качества?
Тут тоже вроде все понятно. Чем больше вы платите, тем больше шансов, что вы получите ресурс, который проще продвигать и использовать для продаж.
Тем не менее есть нюансы.
1. Если у вас не так много требований к сайту: главное, чтобы он был безопасным, опрятно выглядел и хорошо отображался на мобильных девайсах, не обязательно обращаться в топовую веб-студию. Известные разработчики сделают безопасный и опрятный сайт, вот только возьмут за работу в десятки раз больше фрилансера или небольшой студии, которые тоже могут справиться с подобной задачей. Уверены, что вам нужен не слишком сложный ресурс, который не требует 10-летнего опыта в программировании? Не спешите связываться с компанией, которая занимает первые места в рейтингах разработчиков.
2. Иногда бывает так. Для вашего бизнеса нужен сайт с 3 важными модулями, цена которого 80 тысяч рублей. Рекламное агентство убеждает вас, что заказывать нужно не 3, а 10 модулей, и платить в результате 200 тысяч рублей. То есть вам предлагают реально крутой сайт с мощными возможностями. Вот только бОльшая часть этих возможностей вам не потребуется. Имейте это в виду, когда общаетесь с опытными менеджерами рекламных агентств и крупных студий. Так называемый Upsale (техника продаж, которая применяется для стимулирования приобретения сопутствующих или дополнительных товаров) – обычное дело, когда сделка заключается с большим бизнесом, а не с мелкой командой IT-специалистов.
3. Чем дальше главная специализация компании от веб-разработки, тем больше шансов, что ваш сайт будет делать фрилансер или новичок. У главы рекламного агентства, которое занимается в основном, например, email-рассылками или полиграфией время от времени спрашивают о разработке сайта. И хотя сам рекламщик имеет очень отдаленное представление о том, как создаются и продвигаются веб-сайты, он понимает, что дополнительная услуга принесет дополнительные заказы и деньги. В штат приглашают «зеленого» разработчика или же (когда поступает заказ) спешно ищут разработчика на фриланс-сайтах. Держать в штате опытного специалиста просто невыгодно, так как сайты – это не основная услуга, и спрос на нее относительно небольшой.
Какие цены на разработку сайтов в Краснодаре?
Если вы планируете создать площадку для своего бизнеса в сети и хотите работать с человеком или командой из Краснодара, имейте в виду, что придется вложить примерно такую сумму:
- Сайт-визитка – 20-40 тыс.
- Каталог товаров – 30-80 тыс. руб.
- Корпоративный сайт – 30-120 тыс. руб.
- Интернет-магазин – 80-400 тыс. руб.
- Landing Page – 20-200 тыс. руб.
Субъективные моменты, которые влияют на цену сайта:
1. Уровень известности студии (агентства).
Мы говорим о различных рейтингах, вебинарах, которые проводят представители студии, и активности в соцсетях. Чем выше рейтинг, чем больше вебинаров, тем зачастую выше цена. Хотя количество проведенных вебинаров никак напрямую не влияет на квалификацию разработчиков.
2. Уровень наглости студии или агентства.
Компания может быть на рынке второй день, но ее руководители понимают, как работают контекстная реклама. Обычно люди сравнивают цены и не покупают на первом попавшемся сайте. Но есть и такие, которые нажимают на самую верхнюю ссылку в поиске и делают заказ. Не зря первое место в рекламных объявлениях Яндекса и Гугла стоит таких денег. Причем стоимость его постоянно растет. И вот те, кто не привык долго искать и сравнивать, могут заказать сайт за 100 тысяч у абсолютно неизвестной студии, за которой скрывается парочка фрилансеров-школьников.
Объективные моменты, которые влияют на цену сайта:
1. Детали вашего будущего интернет-проекта. Это самое главное.
О каких деталях идет речь?
Самый банальный пример – мобильная верстка. Вам сделали респонсивный сайт, показали скриншот с результатами проверки Гугла (а если повезет, то и Яндекса, про Яндекс часто забывают) – вроде полный порядок.
Только почему такой огромный процент отказов с мобильных устройств?
Причин может быть несколько. Например, слишком маленькие неудобные кнопки. Теоретически все в порядке. Но людям сложно попасть в нужный раздел и узнать необходимую информацию, которая позволит сделать заказ. Студия экономила время. Никто не думал проверять верстку на своем телефоне или планшете. Выполнили стандартные требования Гугла и забыли.
Также надо упомянуть различные дополнения. Мы про те дополнения, которые «программисты на WordPress» зачастую вообще не умеют реализовывать или же встраивают (а точнее впихивают) только с помощью неизвестных недоделанных плагинов, которые перестают работать после первого же обновления CMS. Среди них:
- Подгрузка свежих постов из Instagram.
- Личный кабинет для пользователей
- Файловый обменник
- Интеграция с картами
- Подписка на рассылку
- Интеграция с Яндекс.Маркетом
- Импорт товаров (чтобы не добавлять каждый раз вручную)
- Сравнения и закладки
- История заказов
2. Расходы на офис и налоги.
Здесь, думаем, все понятно. У фрилансеров нет офиса, но и договора, который бы избавил от лишних рисков, часто нет. И возможности обсудить детали лично тоже нет.
3. Опыт.
IT-специалисты, которые трудятся на рынке веб-разработок не первый год, просто не могут предложить минимальную цену. Это закон. Они могут сравнить свою работу с работой «специалистов», которые тратят на создание сайта 5 минут и исчезают. Они уже хорошо знают средние цены в своей сфере. Они не боятся браться за относительно сложные проекты и прекрасно знают, что за дополнительные сложности клиенты готовы платить.
Как сэкономить при заказе сайта в Краснодаре?
1. Всегда сравнивайте цены. Никогда не заказывайте у первой попавшейся студии только потому, что увидели ее рекламу и красивый лендинг.
2. Продумывайте детали сайта, который хотите получить. Там нужна регистрация пользователей? Там нужны фильтры, сортировки? Нужна интеграция с платежными системами? Какой сайт из уже существующих максимально похож на тот, что вы планируете создать? По сути, вы должны составить максимально подробное техническое задание. Чем подробнее оно будет, тем меньше времени потратит разработчик (а хорошие разработчики вносят в стоимость проекта временные затраты на ТЗ) и тем меньше потребуется доработок в итоге, когда сайт будет готов.
3. Используйте шаблоны. Нет, не стоит качать что-то бесплатное на неизвестном сайте. Есть вероятность, что вы нарветесь на шаблон с вредоносным кодом. Существует масса решений, созданных профессиональными разработчиками, которые можно приобрести по умеренной цене. Пусть это будет не уникальный дизайн, но это будет красивый продающий дизайн. Студия web112 часто использует шаблоны. Все просто: мы вкладываем меньше времени в работу и поэтому можем предложить более низкую цену.
4. Помните о том, что создать простой сайт под силу и фрилансеру. Известные студии берут за сайт-визитку от 150 тысяч рублей. И это в Краснодаре – не самом богатом регионе, где зарплата и аренда офиса на порядок ниже, чем в Москве (у известных московских диджитал-агентств цены тоже начинаются от 150 тысяч рублей за элементарный сайт на WordPress).
Выводы: где в Краснодаре самые подходящие цены на сайты?
Теперь вы знаете среднюю стоимость разработки веб-ресурсов различной сложности. Ищите фрилансера или студию, которые работают в пределах этой стоимости. Если цена намного ниже средней, повышается вероятность того, что ваш подрядчик исчезнет, не закончив проект. Если цена слишком завышена, вполне возможно кто-то хочет, чтобы вы заплатили за дорогую рекламу и покупку первого места в различных рейтингах.
Помните о том, что шаблон (хороший платный шаблон) – это превосходный способ сэкономить деньги. Когда разработчик предлагает сделать сайт на готовом решении, скорее всего он хочет сохранить ваш бюджет. Если же студия настойчиво «втюхивает» уникальный дизайн (хотя у вас относительно небольшая компания и вам нужен относительно простой сайт), есть вероятность того, вы переплатите.
Создание сайта для ресторана или кафе: особенности + советы
Статья для всех, кто имеет отношение к ресторанному бизнесу. Мы подробно рассмотрим такие темы, как:
- Актуальность создания сайта для ресторана. Когда он нужен и нужен ли вообще?
- Нюансы разработки сайта ресторана или кафе
- Дизайн веб-сайта ресторана. Примеры удачного дизайна
- Продвижение сайта ресторана. Что изменилось в 2018 году?
- Лучшие сайты ресторанов мира
- Email-маркетинг и сайт для кафе, ресторана или бара
- Шаблоны для сайта ресторана
- Стоимость разработки сайта ресторана
В посте много конкретных свежих советов. Вы узнаете, как сэкономить на разработке онлайн-площадки для своего заведения и как существенно увеличить количество клиентов.
Актуальность создания сайта для ресторана. Когда он нужен и нужен ли вообще?
Присутствие бизнеса в интернете в 2018 году необходимо. Сегодня даже у микропредпринимателей, которые занимаются продажей сувениров ручной (своей) работы, есть странички, где они показывают, что у них можно купить и почему их товар лучше, чем у конкурентов.
Возможно, ресторану тоже не нужен сайт? В мире, где так развиты соцсети, это уже не актуально. Вконтакте и Tenchat можно завести страницы за считанные часы. Не нужно платить разработчикам. Не надо покупать домен и хостинг. Разобраться с публикацией постов относительно просто.
Согласны. Роль соцсетей растет. Для некоторых видов бизнеса (очень-очень мелкого бизнеса) достаточно странички в Vkontakte.
Для ресторана (кафе, бара) необходим сайт.
Как минимум потому, что привлекать потенциальных клиентов с помощью отдельного ресурса дешевле, чем с помощью странички на чужой (пусть и очень дружелюбной) платформе.
Органический охват в самых популярных соцсетях постоянно снижается. Это означает, что с каждым днем возрастает значение платной рекламы. Все меньше клиентов привлекают ваши посты, акции, опросы.
Потенциальные клиенты из поиска тоже дорожают. Но цена их привлечения пока относительно низкая.
Не забываем также об ограниченности соцсетей. Элитному дорогому ресторану нужна онлайн-платформа с элитным дорогим дизайном. И удобным функционалом.
Важно! Не стоит недооценивать соцсети. Страницы Вконтакте, Tenchat, Одноклассники нужны вашему ресторанному бизнесу. Они будут усиливать возможности сайта. Соцсети привлекут дополнительных клиентов, помогут выжать максимум из некоторых акций, позволят протестировать рекламные стратегии, с которыми не справится сайт.
Нюансы разработки сайта ресторана или кафе
Важные составляющие эффективного ресурса для ресторана:
- Профессиональные фотографии блюд. Не просто красивые картинки еды из интернета, а настоящие фото уникальных фирменных блюд.
- Короткие мощные тексты. Обычно на сайте ресторана нет места для блога с огромными статьями. Но тексты там нужны. Надо продумать, как их оформить и как лучше описать блюда, атмосферу и сервис заведения. Часто это нелегко. Все же действительно уникальный яркий текстовый контент существенно увеличивает конверсию посетителей сайта в клиентов ресторана.
- Адрес, контакты и время работы заведения на видном месте (или там, где их можно легко и быстро найти).
- Заметная кнопка и функционал для онлайн-бронирования столиков.
- Простой доступ к меню (списку блюд). Хорошо, когда ссылка на меню в хэдере. Также желательно, чтобы меню было красиво и правильно оформлено (пример удачного оформления меню чуть ниже). Плохо, когда список блюд – это обычный текст + цены.
- Кнопки со ссылками на страницы в соцсетях. Об этом говорили выше. Соцсети – важная составляющая продвижения ресторана. Надо создавать страницы в социальных сетях для своего заведения как можно раньше.
- Форма для сбора email-адресов. Подробнее про email-маркетинг в ресторанном бизнесе мы поговорим ниже. Здесь лишь упомянем, что в 2018 году email-рассылки так же важны для привлечения клиентов в ваше заведение, как SEO и SMM. Надо сразу думать о внедрении формы, которая вписывается в дизайн ресурса и интегрирована с одним из недорогих и удобных сервисов рассылок.
Так выглядит правильно спроектированный и разработанный сайт для ресторана:
- Сочная фотография одного из фирменных блюд, которая вызывает аппетит
- Меню со списком блюд – самый первый пункт в навигации в шапке сайта
- Кнопка, со ссылкой на страницу, где можно посмотреть адрес ближайшего заведения сразу после меню
- Третья ссылка в навигации – заказ онлайн
Через несколько секунд после пребывания на сайте вы видите вот такую форму:
За Email и дату рождения владельцы Charlie Brown’s Fresh Grill обещают бесплатный аперитив.
Также хотим обратить ваше внимание на то, что форма полностью не закрывает страницу, на которой она возникла. Страница не исчезает, а лишь чуть тускнеет. Думаем, что сделано это не просто так.
Разработчики сайта знали, что Google понижает сайты со слишком навязчивыми pop-up’ами (подробности в этой статье), поэтому сделали заметную форму, но не стали полностью скрывать страницу во время ее появления.
Скажем честно: создание сайта для заведения питания – не самая сложная задача для разработчика. Все же новичку она не под силу. Надо знать, как сделать форму, которая не понизит сайт в выдаче Гугла, надо добавить не самый простой функционал для онлайн-бронирования. Надо уметь создавать сочный яркий дизайн (который к тому же не будет замедлять сайт). Нужен опыт. Нужен настоящий разработчик, а не «мастер по настройке WordPress».
Дизайн веб-сайта ресторана. Примеры удачного дизайна
Выше мы уже отметили, что основа эффективного дизайна онлайн-ресурса кафе (ресторана) – сочные фотографии блюд. Это важный, но не единственный компонент. Дизайн также должен передавать атмосферу и особенности заведения.
Ниже несколько сайтов, которым, на наш субъективный взгляд, удается одновременно вызывать аппетит и передавать характер ресторана (сети ресторанов).
Обратите внимание на кнопку. Она не для заказа, а для просмотра основных блюд – в данном случае это бургеры. Если на нее нажать, вы увидите:
Правда, захотелось кушать? Вы заметили, что вокруг бургеров достаточно много пустого места. Это не просто так. Сюда вложено много часов продуманной работы.
На этом скриншоте сайт, который продвигает чуть другую кухню. И другую атмосферу. Обратите внимание на бокалы с напитками. Вам случайно не захотелось, чтобы сегодня уже был вечер пятницы?
Еще один сайт, где очень-очень-очень вкусно показано главное блюдо – бургеры. Тут сразу несколько видов бургеров. Один сочнее другого. Думаем, что подобная задумка дизайнера (а может и маркетолога) мотивирует клиентов заказывать сразу несколько блюд и возвращаться на сайт как минимум еще несколько раз – чтобы можно было заказать и попробовать все доступные вкусняшки. Еще одна мелочь, на которую мы обратили внимание – мелкими буквами написано про то, что цены зависят от расположения. Это американский сайт. Там за «продающие заголовки с конверсией 90%» могут и засудить.
Это пример красивого и правильно оформленного меню, который мы обещали выше. Мы решили, что для этого примера обязательно нужна анимация. Без нее задумку дизайнера нельзя адекватно передать.
И еще пример удачного дизайна ресторана. Здесь все движется. Сайт передает энергию, жизнь элитного французского заведения. Относительно легко сделать сайт с анимацией. Сложно создать из нескольких движущихся картинок единую атмосферную композицию.
Продвижение сайта ресторана. Что изменилось в 2018 году?
Как и раньше при продвижении сайта заведения нужно понимать, что главный упор надо делать на локальное SEO. Это значит:
- Ссылки с местных сайтов
- Обязательное добавление в Яндекс.Справочник и Google Мой Бизнес с правильным указанием региона
- Отдельная страница контактов с добавлением микроразметки Organization
- Карта, где указано расположение ресторана
- Возможно стационарный номер с региональным кодом
- Упоминание о расположении в Title, H1 и текстах
В прошлом году для Гугла заметно возросла роль отзывов. Посмотрите внимательно на скриншот ниже.
В специальном блоке Гугла для локального бизнеса на первом месте сайт кафе с наибольшим количеством отзывов. Совпадение? Нет. Попытка Google рассказать своим пользователям в первую очередь о тех бизнесах, которые положительно оценило наибольшее количество людей.
Важно! Если вдруг надумаете «накрутить» отзывы в Google Мой Бизнес, помните, что поисковик хорошо вычисляет IP-адреса. Плюс он собирает данные обо всех пользователях своего браузера Google Chrome. Поэтому отзыв жителя деревни из-под Новосибирска вряд ли как-то поможет сайту кафе из Краснодара.
Еще один способ увеличить свои шансы на попадание в специальный блок Гугла – хорошо поработать с аккаунтом Google Мой Бизнес (правильно выбрать категорию, добавить фото, прописать ключи в названии бизнеса и т.д.)
Есть и другие. Специалисты из MOZ посчитали в процентах, какие факторы влияют на попадание в верхний блок Гугла с картой:
- Google Мой Бизнес – 19%
- Ссылки – 17%
- Оптимизация страниц (авторитетность домена, мета-теги, корректное использование нужных кючей) – 14%
- Упоминание бренда (это когда название компании или адрес упоминается на других сайтах, в социальных сетях и на форумах) – 13%
- Отзывы – 13%
- Поведенческие факторы (CTR, нажатие на активный номер телефона (размеченный с помощью специальной HTML-разметки) и т.д.) – 10%
- Персонализация (когда по вашему запросу в ТОПе выше сайты, на которые вы уже заходили) – 10%
- Социальные сигналы – 4%
Напоминаем – выше данные о факторах, которые влияют на попадание в блок Google с картой.
На обычную региональную выдачу влияют те же факторы. Только значимость их другая. Главное для обычной органической выдачи – ссылки (их важность представители MOZ оценивают в 29%). На втором месте – оптимизация страниц (24%).
Все данные собраны в конце 2017 года.
Обратите внимание на минимальный процент влияния социальных сигналов. В 2018 году многие социальные платформы еще больше ужесточили алгоритмы ранжирования постов, содержащих ссылки. Вы публикуете пост на официальной странице своего ресторана, добавляете в него ссылку на сайт, и у всех подписчиков пост попадает на самое дно ленты. Логика понятна: Фейсбуку выгодно, чтобы посетители оставались внутри сети и не переходили на сторонние ресурсы.
Мы подскажем небольшой лайфхак, который поможет смягчить влияние новых алгоритмов соцсетей: публикуйте анонс и картинку в посте, а ссылку на сайт в комментариях под постом.
Лучшие сайты ресторанов мира
Оказывается на Западе существует награда за лучший сайт в какой-то конкретной сфере. Конкурс среди разработчиков называется WebAward Competition и проводит его Web Marketing Association. Опытное жюри смотрит на такие параметры, как:
- Дизайн
- Юзабилити
- Инновации
- Контент
- Интерактивность
- Использование веб-технологий
Лучшие сайты 2017 года еще не названы. Но в номинации «Лучший сайт для ресторана 2016» победил вот этот проект:
«Пощупать», а не только посмотреть сайт-победитель можно по адресу ojairesort.com. Если честно, кроме дизайна, мы не видим каких-то других характеристик, достойных награды. На сайте нет страниц с меню. Оно здесь в pdf-файлах. На наш взгляд, это очень неудачное решение. Особенно для мобильных телефонов (не все из которых быстро справляются с загрузкой pdf).
Email-маркетинг и сайт для кафе, ресторана или бара
Если верить относительно свежему (за 2016 год) исследованию Campaign Monitor, каждый доллар, вложенный в Email-маркетинг, приносит 44 доллара прибыли.
Ресторанный бизнес – не самая лучшая сфера для продвижения с помощью рассылок. Тем не менее, никто из крупных ресторанов (а также сетей заведений) на Западе не игнорирует данный источник повышения продаж. Перед подготовкой статьи мы просмотрели десятки сайтов различных известных (и не очень) заведений Европы, Америки и России.
Почти все западные ресурсы, снабжены формой для сбора Email-адресов. Выше уже есть один пример. Вот вам еще несколько.
Везде огромные формы, которые заслоняют значительную часть экрана. Почти везде бесплатное блюдо за адрес электронной почты. Такой довольно агрессивный email-маркетинг строится не просто так. Он работает. Не так хорошо как в сегменте b2b-услуг и онлайн-продаж, но работает.
При этом не стоит забывать о том, что…
- У многих сервисов рассылок есть бесплатный тариф (можно пользоваться почти всеми функциями, пока количество подписчиков не превышает определенное количество (1000 или больше))
- Email-маркетинг не требует постоянной работы (как например SMM, когда надо не только делать публикации, но и следить за реакцией и отвечать на вопросы). Вы можете отправлять рассылку (планировать отправку рассылки) в удобное время
- Рассылки приносят результат. Причем даже тогда, когда вы о нем не подозреваете (!). Не всегда эффективность Email-маркетинга измеряется открытиями и переходами по ссылкам. Многим клиентам достаточно прочитать тему письма, чтобы сделать что-то полезное для вашего бизнеса (статистика, которая подтверждает это утверждение ниже). Конечно, пользы от темы в стиле «Революционное предложение! Такого вы еще не видели!» будет не много. Но если подойти к вопросу более аккуратно и отправить своим клиентам послание вроде этого «8 Марта. Ресторан Avrora. Бесплатный коктейль всем девушкам», можно заметить приток клиентов и прибыли без высокого процента открытий.
35% клиентов из 100 посещают магазин или сайт бренда после получения рассылки, хотя не открывают ее. 33% из 100 делают покупку после получения и без прочтения письма из рассылки.
Шаблоны для сайта ресторана
Уже не в одной статье своего блога мы говорили о том, что сайт на шаблоне – не самое плохое, а часто очень хорошее решение.
Сайт ресторана, созданный на шаблонной теме, – не исключение. Огромному количеству бизнесменов такой вариант сэкономит несколько сотен (а то и тысяч) долларов.
Стандартных решений для онлайн-ресурса ресторана полно. Ниже один пример, который мы нашли за полчаса поисков в Сети.
За 59 долларов вы получаете оптимизированную тему для CMS WordPress c респонсивной версткой. У темы приятный дизайн (подойдет и для сайта кафе), есть возможность настраивать меню на каждой отдельной страницы. Важно, что тема совместима с WOOCOMMERCE. Разработчики добавили опцию для заказа столиков онлайн и готовы оказывать техподдержку первые 6 месяцев после покупки. Согласитесь, хорошее предложение? Особенно, если учитывать, что WordPress – бесплатный движок.
Стоимость разработки сайта ресторана
Как всегда, выбор за вами. Хороший сайт с уникальным дизайном, аккуратно и красиво интегрированным сервисом рассылок и настроенным функционалом для бронирования столиков онлайн будет стоить не менее 60-70 тысяч рублей. При использовании шаблона, цена будет на порядок ниже.
В любом случае инвестиции в толковых разработчиков окупятся. Практически сразу у вас будут клиенты из поиска и небольшая база для рассылки. Со временем и база, и органический трафик будут только расти. Будет расти и количество ваших клиентов.
Как работает Google Мой бизнес
https://web112.biz/service/prodvizhenie-internet-magazina/В 2021-году время продвигать товары и услуги становится все сложнее из-за высокой конкуренции с колдунщиками и агрегаторами. Но если компания имеет розничную точку продаж, ее владелец может воспользоваться сервисом Google мой бизнес. С его помощью можно получить дополнительный трафик с Гугл-площадок, таких как Google карты или Google Hangouts, что поднимет сайт в поисковой выдаче и позитивно скажется на продвижении товаров и услуг. О том, как добавить организацию в Google Мой бизнес, зачем он нужен компании и в чем его преимущества – читайте в нашем обзоре.
Зачем добавлять компанию в «Гугл Мой бизнес»
Последние исследования показывают неуклонный рост доли локального поиска в Яндекс и Google. Это связано не только с увеличением числа мобильных устройств, но и с изменениями приоритетов пользователей. Если раньше людям было важно получить качественный сервис и они были готовы приехать в другой район за товаром или услугой, то сейчас на первое место выходит географическое расположение компании.
Инструмент «Гугл Мой бизнес» представляет собой справочник организаций, данные из которого интегрируются в другие сервисы Google, например, в Google поиск, Google Карты или Google Hangouts, что позволяет компании получать трафик из дополнительных источников и улучшать позицию сайта. Для подключения к системе владельцу компании потребуется добавить данные о точках продаж или обслуживания, указать номер, актуальные контакты и подтвердить их. После этого информация станет отображаться в Google-сервисах.
«Гугл Мой бизнес» особенно необходим следующим типам компаний:
- рестораны;
- кафе;
- офлайн-магазины;
- развлекательные и торговые центры;
- кинотеатры;
- фитнес-клубы;
- юридические агентства;
- автосалоны и т. д.
В карточке «Гугл Мой бизнес» отображаются данные о месторасположении торговой точки, графике ее работы, степени загруженности и наличии дополнительных удобств вроде бесплатного Wi-Fi. Здесь же посетитель может прочитать отзывы о компании или просмотреть дополнительные фотографии, если владелец организации их загрузил. Отдельно следует отметить, что «Гугл Мой бизнес» повышает эффективность инструментов продвижения товара за счет интеграции со всеми сервисами Google. Единая система дает возможность посетителю взаимодействовать с ними из одного окна. Например, он может начать чат с консультантом магазина или позвонить в компанию по указанному телефону прямо из браузера Google Chrome или из Google Карт. Кроме того, сервис выводит детальную статистику по поисковым запросам клиентов. Например, вы можете узнать, в каких районах города вашей компанией интересовались в Google Maps.
Как добавить компанию в «Гугл Мой бизнес» и отметить ее на карте
Для того, чтобы подключиться к сервису и создать карточку компании в каталоге, необходимо:
- зарегистрировать Google Account, если у вас его нет;
- перейти по ссылке https://business.google.com/ и нажать «Добавить компанию»;
- заполнить название организации и вид деятельности. Важно! Ключи в этом поле вписывать не следует – это запрещено правилами Google;
- указать адреса торговых точек при наличии таковых. В противном случае поставить флажок «Мы доставляем товары клиентам или предоставляем услуги на выезде»
- отметить районы на карте, в которых следует отображать информацию о компании. Опция влияет на поисковые результаты в Google Maps;
- указать сферы деятельности компании. Важно! Не рекомендуется выбирать сразу несколько категорий и чрезмерно расширять географическую зону ранжирования – это ухудшит релевантность ответа на поисковый запрос и продвижение в «Гугл Мой бизнес» окажется неэффективным;
- добавить контактные данные организации – адрес электронной почты, номер телефона, факс, мессенджеры;
- указать часы работы компании;
- верифицировать данные – подтвердить адрес сайта, email, номер телефона;
- указать дополнительные опции, выделяющие ваше предложение среди прочих. Например, «Бесплатный Wi-Fi»;
- добавить подробное описание организации.
Карточка компании в сервисе появится только после проверки фактического адреса. Для этого Google отправляет бумажное письмо по почте со специальным кодом. В некоторых случаях подтвердить данные удается при помощи звонка на городской телефон.
Как продвигать компанию в «Гугл Мой бизнес»
Для привлечения новых клиентов недостаточно просто зарегистрироваться в сервисе. Конечно, Google покажет карточку фирмы, если она находится в непосредственной близости от пользователя. Но если таких организаций несколько, система отдаст предпочтение компании с более высокой репутацией. Для продвижения товаров и услуг в Google-сервисе необходимо:
- загрузить качественные фотографии. Особенно обратите внимание на обложку, отображающуюся вверху карточки;
- подключить мессенджеры для связи с клиентами;
- отвечать на отзывы пользователей и обрабатывать их;
- уведомлять посетителей о предстоящих событиях, например, о скидках;
- загрузить в карточку каталог товаров и регулярно его дополнять;
- добавить видео о компании.
Инструмент Google Мой бизнес обладает широкими возможностями для продвижения товаров и позволяет привлечь новых клиентов напрямую из сервисов Google. Особенно это актуально в 2021 году, когда доля локального поиска постоянно увеличивается, а пользователи не столь охотно заходят на сайт для заказа товара.
Лучший способ поискового продвижения сайта
Сайт готов, работает, но этого недостаточно. Нужно продвигать его в массы – увеличить его целевую посещаемость, но как? Лучшим работающим способом можно назвать контент-маркетинг. В 90% случаев он эффективен и дает дополнительный трафик из целевых клиентов по информационным запросам, а также усиливает позиции по коммерческим.
- Поисковые системы отдают больше доверия тем сайтам, у которых есть и информационные материалы, и коммерческие. Это работает.
Проще говоря, регулярное качественное обновление сайта – публикация новостей, статей, отзывов клиентов, проектов, фотографий, товаров, новинок, акций – действительно дает большой плюс.
Где он, качественный контент?
Интернет сейчас сильно захламлен старой, ненужной информацией. Те сайты, которые обновляются регулярно и содержат полезную информацию, приносят большую пользу. Действительно, можно зайти и почерпнуть на этих сайтах много полезного и интересного, решить свой вопрос, проблему, заказать услугу и так далее.
- Если вы хотите успешного продвижения своего сайта, то в вашем арсенале должен быть всегда контент-маркетинг. Это важно.
Но самого по себе контент-маркетинга недостаточно. Например, есть сайт, на котором с 2010 года размещается уникальный контент. Но из-за того, что не выполняются другие работы по поисковому продвижению, кроме стабильных публикаций, трафик на сайт не увеличивается. Вообще. Как было 5 лет назад, так и сейчас: 10–20 человек в сутки. В таком виде даже хороший контент не работает.
Также не работает «стыренный» контент. Вообще не работает. И на эту тему есть тоже пример: один копирует из интернета статьи, размещает их на своем сайте, но посещаемость около 5 человек в сутки даже спустя 3 года. Потому что поисковые системы не дают трафика чужим статьям. Если на сайте нет ничего уникального, то толку не будет и через 10 лет.
Как правильно делать контент-маркетинг?
Вариантов может быть несколько. Первый и самый очевидный — заниматься этим самому. Писать пресс-релизы, коммерческие тексты и экспертные статьи самостоятельно. Как правило, лучше вас никто не владеет темой. Но у владельца бизнеса есть множество других задач. Времени не хватает, а в формировании контента для своего сайта все равно нужно участвовать.
Можно постараться сэкономить время. Например, обратиться к копирайтерам и редакторам, в агентства, которые занимаются непосредственно поисковым продвижением сайтов или контент-менеджментом под заказ. Но здесь тоже есть подводные камни: зачастую вам могут писать некачественный контент, который тоже ничего не даст через 5 лет работы.
«Шлаковый» текст, перегруженный всякими бессмысленными речевыми оборотами, содержащий общие пустые фразы, типа «мы самая инновационная компания… в своем направлении мы первые и лучшие…» и так далее. Много воды и тавтология тоже портят текст. От таких статей толку не будет. На многих сайтах встречается контент, который сделан специально для поисковых систем. Это тексты не для людей, и их просто не будут читать.
Ваши тексты должны быть сделаны для людей. Чтобы они были такими, нужно найти агентство, которое сможет не просто делать рерайт статей конкурентов, а вникнуть в вашу тему и писать полезные уникальные статьи, которые будет интересно читать. Потом оптимизировать их, приводить на них трафик целевых клиентов. Такой способ проверен нами неоднократно.
Сейчас практически с любым клиентом мы используем контент-маркетинг. И это работает. Интернет-агентство Игоря Филипенко желает всем, кто хочет хорошего продвижения своего сайта, чтобы вы делали качественный и хороший контент для вашей аудитории. Интересный и действительно полезный.
Вместе — мы сила! Давайте сделаем интернет более качественным и интересным.
Источник: материал взят из паблика https://vk.com/web112
Создание шапки для сайта: полезные советы и примеры цепляющих хедеров
Шапка сайта (Header, Хедер) – это первый элемент, на который обращает внимание посетитель. Если рассматривать веб-страницу как архитектурную модель, то футер сайта – это подвал, контент – окна и стены, а хедер – крыша, которая находится на самом верху. Ухоженная и красивая черепица частного дома бросается в глаза. Точно так же и шапка на сайте должна быть привлекательной и релевантной. Header входит в категорию тех компонентов ресурса, от которых напрямую зависит конверсия и прибыль. В статье мы разберем:
- Как сделать шапку для сайта и что в ней должно быть
- Проектирование и оптимизация шапки для сайта
- Рекомендации по созданию грамотного хедера
- Примеры красивых и правильных шапок для сайта
Каким из представленных сайтов можно гордиться своей шапкой?
Прежде чем перейти к основному блюду, предлагаем вам легкий развлекательный аперитив. Перед вами три варианта страниц:
Вариант 1. Интерьерная фотостудия Fusion
Вариант 2. Сеть шиномонтажных центров и автомоек
Вариант 3. Производитель мармелада «Русский кондитер»
Где, на ваш взгляд, самая продуманная шапка и отличное юзабилити, а где, наоборот, стоит всерьез пересмотреть взгляды на дизайн и размещение контента? Узнать, какие из страниц попадают под категорию дружественных и почему, вы сможете в конце статьи. Взгляните на все эти ресурсы глазами пользователя. Наверняка вы сами придете к правильному ответу. А пока вернемся к главной теме.
Назначение хедера: как сделать правильно
Шапка – это стратегический важный объект, который пользователи оценивают перед тем, как начать скроллить и изучать страницу. Если хедер не впечатлит и оттолкнет от себя дизайном, избытком информации или, напротив, отсутствием нужных данных, человек с большей вероятностью закроет сайт через несколько секунд, не продвинувшись дальше. Особенно это касается коммерческих ресурсов, где важно «поймать» и удержать потенциального клиента. Бывают сайты и без шапок, но о них мы упомянем позже. Сейчас рассмотрим Header как важный и нужный элемент веб-страницы.
Содержание шапки сайта
Хедер должен доносить посетителю ключевую информацию за считанные секунды, помогать ему ориентироваться на странице за счет навигации и в целом производить приятное впечатление, для которого, как давно известно, второго шанса уже не будет.
Шапка должна быть лаконичной, понятной, броской и полезной. Мода на перегруженность и обилие красочных элементов давно прошла. Сегодня юзеров интересует практичность и скорость. Они хотят узнавать как можно больше полезной информации за максимально короткое время. И не приходят в восторг, когда внимание приходится распылять на кучу объектов. С этим при разработке хедера нужно считаться. Что может включать в себя шапка сайта:
- Символы бренда: название, логотип, слоган, тематические изображения и фото, корпоративные цвета и тому подобное
- Краткий контент-блок, презентующий продукты или услуги
- Навигацию и меню
- Ссылки на социальные сети
- Строку поиска
- Контактные данные: номера телефонов, адреса, электронная почта
- Смену языков в случае многоязычного интерфейса
- Кнопку подписки или оформления заявки
- Ссылки для взаимодействия с продуктом: скачивание демо-версий, презентаций и прочее
- Ссылку на мобильное приложение
Важно! Этот перечень не константа. Некоторые перечисленные компоненты не обязательно должны содержаться в шапке, а порой и вовсе противопоказаны для нее. Многое зависит от специфики сайта, его назначения и прочих факторов. Ниже мы подробнее поговорим об основных элементах хедера для различных видов ресурсов.
Проектирование шапки для сайта
Существуют модели движения глаз пользователей при первом посещении сайта. Это одна из главных причин, по которой самый верхний блок страницы необычайно важен. Когда человек первый раз видит сайт, он просматривает его вскользь, по диагонали, выискивая интересные элементы. Исследования в сфере айтрекинга показали, что люди изучают страницы по трем схемам:
Z-паттерн. Характерна для страниц с визуальным разделением контентных блоков. Взгляд читателя движется от верхнего левого угла в правый и «сканирует» шапку в первую очередь.
И производная из него Z-образная модель, которая актуальна при просмотре более насыщенных и длинных страниц.
Диаграмма Гутенберга. Усовершенствованный Z-паттерн. Описывает поведение пользователя при просмотре информации на экране с учетом дальнейшего скроллинга. То есть принцип при каждой смене экрана повторяется. Схема условно представлена четырьмя зонами. На первую, где в случае с шапкой обычно находится логотип/слоган, пользователь смотрит всегда и сразу. При переходе во вторую зону внимание ослабляется, но еще остается сконцентрированным. Потому вдоль хедера согласно этой схеме размещается важная информация (оффер, контакты, режим работы, форма обратной связи). Третья зона остается без внимания. На нее читатель тратит доли секунды. Четвертая – заключительная – способствует принятию решения: уходить или остаться.
F-паттерн. Когда взгляд пользователей перемещается по «горячим зонам» английской буквой F, это говорит о размещении материала по принципу монотонной сетки. Сейчас форма подачи контента изменилась, особенно на мобильных устройствах, которые активно используются, но эта модель тоже бывает актуальна. Все зависит от представления информации на странице.
Во всех вариантах одна закономерность – первое впечатление, так или иначе, формируется на основе зрительных зон 1 и 2, а именно верхнего блока. Это подтвердили эксперименты компании Nielsen Norman Group. Отсюда вывод, что пользователям Header сайта дает ключевую информацию и представление о том, куда они попали, а UI/UX дизайнерам – возможность грамотно презентовать ресурс и привлечь потенциальную аудиторию.
Визуализация и читаемость шапки для сайта
Единой панацеи для всех ниш и видов ресурса не существует. Чтобы понять, какой цвет, шрифт и фон хедера подходит лучше всего, проводятся исследования и А/В тестирования, когда разные группы людей видят различный материал на одном и том же сайте. Однако основная задача одна: сформировать у посетителя положительное мнение о странице за наименьший промежуток времени. Header может по-разному себя вести во время скроллинга:
- Скрываться или видоизменяться
- «Прилипнуть» и быть всегда видимым независимо от положения на странице, что позволяет пользователям перейти в нужный пункт меню в любой момент
- Исчезать частично, вследствие чего читателю остается доступным определенный материал
Липкая (фиксированная) шапка сайта. Предназначена для повышенного юзабилити и удобства юзера. Навигация не исчезает при прокрутке, вся информация хедера всегда на виду. Смотрите на примере сайта, сделанного студией Web112 и посвященного строительству заборов. Фиксированный хедер содержит логотип, описание услуги, телефон, e-mail и кнопку обратного звонка.
Двойное меню. Удобный и информативный хедер, который разделен на две строки. В качестве примера представляем сайт для бренда радиостанций «Терек», созданный веб-агентством Web112. Верхний ряд представлен ссылками на соцсети, контактами и кнопкой обратной связи. Второй – более полный, с логотипом, описанием услуги и ссылками на основные разделы проекта. Во время скроллинга первая строка «уходит» за экран, а вторая – «сопровождает» пользователя. Шапка доступна, легко читаема и выглядит дружественно.
Меню «Гамбургер». Это популярное решение считается актуальным на западе и в Рунете распространено не так сильно. Иконка из трех полос, навеянная дизайнерам ассоциацией с трехслойным гамбургером, скрывает все базовые ссылки на разделы, делает интерфейс минималистским и освобождает пространство.
Кнопка часто используется как полноценный элемент шапки. Мнения касательно «гамбургера» по-прежнему разделены: одни считают, что минимализм и компактность хорошо сказываются на юзабилити, а другие убеждены, что многие пользователи могут не заметить иконку и покинуть сайт, не получив желаемого. Здесь сложно что-либо спрогнозировать и помочь может только тестирование. Мы, в свою очередь, представим вам проект, разработанный нашей студией, в котором сочетается и привычное вертикальное меню, и незаметный, по мнению других специалистов, «гамбургер». Как? Очень просто.
На большом экране страница выглядит так.
А на экране смартфона вот так.
Больше нет сменяющихся картинок и видимых пунктов меню. Только основная информация, говорящая посетителю все самое важное. И тот самый «гамбургер». Если на экране монитора иконка и правда может затеряться, то здесь вниманию нужно охватить куда меньший объем элементов. Кнопка меню сразу бросается в глаза.
Важно! Это качественный пример адаптивной шапки для сайта. Сегодня без мобильной версии никуда. Не забывайте об этом при проектировании хедера. Если при просмотре сайта на ноутбуке с большим экраном шапка может быть объемной, то на телефоне страница должна выглядеть компактно, красиво, быстро загружаться (как, впрочем, с любого устройства) и быть полностью читабельной.
Качественный Header: разбор основных и второстепенных моментов
Продающие коммерческие сайты, многостраничники, интернет–магазины – это та категория, где шапки выполняют важную функции и обязательно должны присутствовать.
Важно! Не пытайтесь уместить в шапку всю возможную информацию: кучу иконок, акции, скидки, великие цитаты, длинные описания. Волки отдельно, овцы отдельно, и тогда все останутся целы. В данном случае юзабилити хедера не пострадает и не оттолкнет посетителя.
Рассмотрим, какие элементы актуальны для шапки и что нужно учитывать в разработке:
1. Логотип. На продающих сайтах размещается традиционно в верхнем левом углу. Через него пользователь может попасть на главную из любой другой страницы. Но на самой главной лого должно быть изображением, иначе ссылка становится цикличной и страница ссылается сама на себя. Это вредно для SEO. С первого взгляда посетителю нужно понимать, где он находится независимо от того, пришел ли он через органический поиск или контекстную рекламу. Чем дольше человек изучает страницу, чтобы разобраться, что и почем, тем выше вероятность отказа. Делать логотип огромным не стоит, достаточно 40-60 пикселей в высоту. На примере сайта-каталога для мебельной компании «Мебель-S», еще одного выходца из нашего портфолио, мы видим, как лого в шапке сразу сообщает: «Вы в магазине мебели».
2. Краткое описание. Так называемый «текст доверия», который размещается рядом с логотипом и дает пользователю емкую информацию об услугах и выгодах сотрудничества с компанией. Можно вместо описания вставить УТП (уникальное торговое предложение). Оно может выглядеть совершенно по-разному, в виде одной фразы или краткого списка. В качестве примера взгляните на разработанный нами сайт для трейд-маркетингового агентства POS Management. А точнее, на его шапку, в которой обозначено вхождение агентства в ТОП-10.
3. Номер телефона. Его можно указать непосредственно в шапке или спрятать в разделе контакты. Зависит от того, откуда поступает больше заказов. Обычно телефон все же указывается сверху справа, поскольку большинству пользователей удобно быстро увидеть и набрать номер, а не дополнительно переходить по ссылке. Не пытайтесь уместить в хедере все возможные телефоны. Если городов много, сделайте выпадающий список и возможность выбирать населенный пункт, как в этом примере.
Акцентируйте на бесплатности звонка, если таковой имеется. И не забывайте про кнопку обратного звонка, которая помогает потенциальному клиенту принять решение и внушает доверие. Так человек может проверить уровень сервиса, скорость реагирования на запрос, манеру общения сотрудников. Ни в коем случае не делайте номер картинкой. Позаботьтесь о том, чтобы пользователь мог скопировать цифры и быстро позвонить.
4. График работы. Ценность этой информации в хедере зависит от специфики услуг. Если это сервис аварийного открытия замков, то человеку, который не может попасть в квартиру, время работы будет, безусловно, важно. Либо же автосервис, в котором водитель нуждается прямо сейчас, в связи с чем часы работы для него – первостепенная информация. Для подобных сайтов это не просто повышение удобства пользователя, но и весомый коммерческий фактор ранжирования в Яндексе. Компания работает круглосуточно и по выходным? Подчеркните это надписью в шапке. Кстати, подробнее о том, как создать качественный сайт для автосервиса, который не стыдно продвигать в поисковиках, вы можете прочитать в статье «Создание сайта для автосервиса: особенности SEO и выбор CMS».
5. Навигация. Ее мы уже затронули выше. Навигационное меню должно включать главные разделы сайта в виде ссылок, по которым пользователь сможет полностью ознакомиться с ресурсом. В шапке меню всегда горизонтальное, если оно не скрыто «гамбургером».
6. Тематическая графика. Анимированные шапки, сменяющие друг друга картинки, различные эффекты, видео или просто статичные изображения – зависит от специфики сайта и вкуса. Разумеется, важно сопоставлять пожелания с тематикой и возможностями. Если бюджет позволяет, можно потратиться на фон для шапки и сделать тематическое видео, которое не будет отвлекать от главной информации, но значительно повысит привлекательность. В остальных случаях лучше проще, но качественнее во всех аспектах, чтобы не страдали юзабилити, удобство, релевантность и SEO–продвижение. Главное, чтобы хедер отражал деятельность компании и располагал к себе. Например, если организация обучающая, вместо безликой симпатичной иллюстрации лучше показать сам процесс оказания услуг. Или, если это доставка пиццы, то один из лучших вариантов для фона – дружелюбного вида курьер с аппетитной пиццей в руках. Показывайте товар лицом, направляйте потенциальных клиентов на правильные ассоциации.
7. Простая и короткая форма обратной связи. Помните, большим формам с десятками полей в продающих сайтах не место. Пользователь не станет тратить на это время и пойдет искать что-нибудь более удобное и быстрое.
Посмотрим на примере уже упомянутого выше агентства POS Management. Кнопка «Оставить заявку» безобидного голубого цвета. Форма состоит из трех полей, в которые нужно ввести самую основную информацию.
В зависимости от деятельности, которую представляет сайт, какие-то элементы добавляются, а какие-то – отпадают. Много где в шапке встречается корзина и личный кабинет, хотя, их можно опустить пониже или, наоборот, поставить над хедером. Если предлагается большой ассортимент товаров, поиск по сайту точно не помешает.
Размещать кнопку призыва к действию в шапке или в каком-либо другом месте – решать вам вместе с маркетологами. Обычно элементы СТА (call-to-action) в хедер не вставляют, если сайт сделан для магазина с большим разнообразным ассортиментом в сегменте B2С. Если кнопке все же нашлось место в Header, она должна выглядеть заметно, но ненавязчиво, без кричащих призывов.
С адресом ситуация та же, что и с номером телефона. Если услуги компании рассчитаны на срочную помощь и круглосуточную работу, адрес должен четко возникать перед глазами юзера при входе на сайт.
Еще несколько рекомендаций по созданию грамотной шапки сайта:
- Если хотите вставить в хедер акции и специальные предложения, создайте для них красивый баннер и разместите его как завершающий элемент верхнего блока. Не нужно перегружать шапку лишним текстом и создавать там хаос из словесного мусора.
- В Header не место агрессивным СТА, кислотным кричащим цветам и отчаянным призывам. Пользователь может подумать, что владельцы пытаются обратить на себя внимание всеми способами. Если это интернет-магазин с широким выбором позиций, яркая кнопка «купить» уместна возле товара, но не в шапке.
- Размер хедера надо делать адекватным – до 250 пикселей в высоту. Не стоит занимать шапкой весь первый экран, сейчас это уже не производит впечатления, а, скорее, мешает и раздражает. Исключение – фон, на котором значится полезная и важная информация. Шрифт желательно везде применять один и тот же. Теги H1-H6 для шапки – плохая идея, влияющая на оптимизацию.
Правильный ответ на «шапочный» тест
Вначале мы дали вам три варианта главных страниц сайтов и предложили определить, где шапка и дизайн в целом сделаны качественно, а где – нет.
Из всех предложенных только третий вариант, производитель мармелада, соответствует понятию правильной шапки, удобства для пользователей и юзабилити. В хедере доступен бесплатный звонок, можно скачать презентацию фабрики и драже, возможность менять язык на английский. Ниже красиво представлены анонсы продукции со сменяющимися картинками.
У интерьерной фотостудии проблемы с цветовым оформлением, шапка могла бы быть интереснее и завлекательнее, а юзабилити и дизайн хромают на обе ноги. Из плюсов – навигация и контакты, но они не спасают ситуацию.
У сети шиномонтажных центров та же проблема с серым цветом – его слишком много. При этом сам первый экран перегружен, в шапке никакой конкретики, а навигация теряется на фоне остальных элементов. Структура и схема размещения контента здесь не продумана от слова совсем.
Создание шапки для сайта: подводим итоги
Эффективный хедер выглядит просто, содержит только полезный контент и избавлен от лишних объектов. Резюмируем:
- Шапка не должна концентрировать на себе много внимания и отвлекать от остальной страницы.
- Размещайте в хедере только необходимые элементы. Информационный мусор – табу.
- Не гонитесь за оригинальностью. Лучше разместить объекты в привычном для людей порядке, чем вводить посетителей в заблуждение.
- Группируйте схожие элементы. Не лепите все в кучу.
- Смотрите хорошие сайты, не обязательно конкурентов, а просто топовые. Если у них работает, значит и у вас будет.
Header есть не во всех сайтах. Иногда он действительно не нужен, например, в лендинге, где первый экран – это уже блок с основной информацией. Многие креативные дизайнеры создают ресурсы без шапок для самых разных ниш, но это все еще привилегия запада. В Рунете пользователи привыкли к телефонам, адресам, контактам и прочим важным элементам в самом верху страницы.
Каждый бизнес требует своего подхода. Не знаете, каким должен быть будущий хедер? Хотите создать эффективный и продающий сайт? Студия Web112 поможет разобраться во всех вопросах по разработке и продвижению качественного сайта.
Технологии для создания сайтов: современные методы разработки
В статье мы расскажем о технологиях, которые используют веб-разработчики и которые применяем мы – веб-студия Web112. Тут будет информация об инструментах, позволяющих создать как максимально простой, так и довольно сложный веб-проект в 2021 году. Разные виды технологий мы покажем на реальных примерах.
Максимально просто о видах технологий для создания сайтов
Чтобы любой сайт, включая ресурс нашей веб-студии, отображался на экранах компьютеров и мобильных телефонов, подключенных к интернету во всем мире, необходимы 3 основные составляющие:
Внешний вид. Сайт начинается с визуала. Вначале дизайн создается в графическом редакторе (самые популярный – Photoshop, хотя можно использовать и другие). Потом готовый дизайн (по сути, картинка будущего сайта) переформатируется в HTML-страницу. HTML (или HyperText Markup Language) – язык разметки документов в интернете. То есть картинка превращается в документ, максимально приспособленный для сети. В данный момент (середина 2021 года) сайты создаются на HTML 5 (как ни трудно догадаться – это уже 5-я версия языка для создания веб-проектов). Все, что касается внешнего вида сайтов, еще называется front-end (фронт-энд).
Функционал. Это все, что связано с работой сайта. Например, функционал отвечает за отправку заказов через форму обратной связи или за регистрацию в личном кабинете. Подавляющее большинство современных сайтов работают на языке программирования PHP (Hypertext Preprocessor). Самая современная версия языка на момент написания статьи – 8.0.6. Часть сайта, которая отвечает за функционал, называется back-end (бэк-энд).
Хостинг. Это специально созданное место для хранения и работы сайта. Теоретически сайт можно запускать и со своего домашнего компьютера. Но, во-первых, настроить стабильную работу веб-ресурса без специальных навыков не так-то просто, во-вторых, не всегда возможно не выключать компьютер круглые сутки. Ведь сайт должен быть в интернете буквально всегда. У современного хостинга есть много параметров, на которые надо ориентироваться при выборе подходящего места для размещения именно вашего сайта. О некоторых из них мы поговорим ниже.
С некоторой натяжкой современный сайт можно сравнить с автомобилем.
Front-end – это дизайн автомобиля, цвет, форма бампера и фар и даже зеркала и ручки на дверях. В таком автомобиле есть колеса, но нет двигателя. В принципе, если столкнуть такую машину с горки, некоторое время она будет ехать. Еще можно тащить ее с помощью лошадей. Так и сайт, созданный на чистом HTML. Раньше были только такие (как раньше ничего не ехало без лошади), но в современном мире транспорт на лошадиной тяге максимально устарел.
Back-end – это двигатель и другая «начинка» автомобиля. Как и на рынке машин, так и на рынке веб-разработки, кто-то покупает «стильное и красненькое», а кому-то более важно что «под капотом». Идеальный вариант, когда смотрят и на внешний вид, и на «начинку», отвечающую за стабильную работу. К сожалению, чаще всего машину покупают, а сайт заказывают, опираясь исключительно на дизайн.
С чем же можно сравнить хостинг? Я думаю, что с большой натяжкой можно сказать, что хостинг – это как дорожная инфраструктура. Сюда входит не только асфальтовое покрытие, но и наличие заправок и постов полиции. Вроде как не самая важная деталь, но если машина в яме или болоте, она никуда не поедет. Вы можете любоваться ее дизайном и даже заводить и слушать мягкое урчание, только главную функцию автомобиль все равно не выполнит. Правильно обустроенная дорога позволяет перемещаться машине, выполнять свою функцию.
Отметим, что дороги и заправки бывают разные. То же самое с хостингами. Везде вроде качественный бензин, но после некоторых заправок мотор работает неровно, а потом еще фильтры нужно менять. Плохой хостинг может существенно влиять на скорость загрузки и безопасность сайта. Некоторые функции вашего сайта на неподходящем хостинге будут вообще не работать.
Чуть подробнее про front-end и технологии, которые в него входят
Мы уже рассказали, что основа внешнего вида современного сайта – HTML 5.
Теоретически, чтобы ваш интернет-магазин или блог правильно отображался и красиво выглядел, достаточно одного HTML.
На практике почти всегда при работе над внешним видом сайта используются такие дополнительные технологии, как:
- CSS (Cascading Style Sheets) – язык описания внешнего вида документа, созданного на языке разметки HTML.
- JavaScript – язык сценариев для придания интерактивности веб-страницам.
Считается, что самая свежая версия CSS – СSSS 4 (она дополняет модули СSS 3 новыми модулями и значениями). CSS упрощает и расширяет работу с HTML. Можно автомобиль покрасить кисточкой и, в принципе, если это делать очень долго и тщательно, выглядеть он будет хорошо, а можно воспользоваться специальной окрасочно-сушильной камерой.
JavaScript – это как LED-лампочки на зеркалах (повторители поворотов) автомобиля. Вроде как относится к внешнему виду, но вроде как и нужен специальный механизм, чтобы работало. С другой стороны, самые красивые лампочки не заставят автомобиль двигаться.
JavaScript используется как для достаточно простых функций (например, для создания выпадающего меню на нашем сайта: попробуйте сейчас навести курсор на раздел «Услуги», чтобы понять, о чем мы), так и для довольно сложных эффектов.
Ниже демонстрация нескольких таких эффектов:
Следующие несколько эффектов созданы исключительно с использованием CSS. Пусть это примеры не самых сложных веб-технологий, но они достаточно стильные и могут добавить шарма многим сайтам.
Инструменты для создания сайта, которые входят в back-end
Согласно отчету W3Techs, 79.2% всех сайтов работают на php.
PHP отвечает не только за то, что делает пользователь сайта (например, листает страницы блога), но и за действия администратора сайта.
То есть если мы хотим, например, добавить статью в блог или новый товар в интернет-магазин, мы тоже используем код, написанный на PHP.
Хороший способ проиллюстрировать возможности PHP или другого языка, на котором работает «двигатель» сайта – это различные сортировки.
Ниже демонстрация того, как сортируются товары по цене в интернет-магазине, который наша студия разрабатывала для компании АЭТ.
Мы все пользовались сортировками в интернет-магазинах, но мало кто задумывался, как это реализовано с технической точки зрения.
Нужен механизм, который будет подсчитывать все цены, сравнивать их между собой и потом выводить из базы данных в нужном пользователю порядке. Вот такой механизм разработчики сайтов создают с помощью PHP.
Другие языки программирования, которые используются в сайтостроении:
- Python
- Ruby
- Perl
- Java
В апреле 2021 года (согласно отчету W3Techs) 64% сайтов на PHP работают на версии 7.2 или более ранней, 35% сайтов используют 5.6 или более раннюю.
Интересно, что самую новую версию (напоминаем, что у PHP уже вышла восьмая версия) предлагают не все хостинги.
Мы проверили несколько популярных хостингов и обнаружили, что иногда в настройках можно найти вот такую опцию:
А иногда только так:
Получается, обещают современную технологию, а на деле все немного устаревшее.
Если возвращаться к аналогии с автомобилями, более новая версия PHP – это как более качественный бензин на заправке. Кто-то не захочет новый бензин, кто-то (в основном это владельцы самых современных автомобилей) обязательно будут пользоваться только самым качественным топливом, а для владельцев старых машин новый высокооктановый бензин – это большой риск испортить двигатель. Так и современному сайту нужна современная версия PHP, а то, что было сделано 10 лет назад и не обновлялось, будет работать только на пятой версии или ниже.
Несколько слов о CMS – доступных конструкторах сайтов
Ни один производитель автомобилей не создает новые продукты полностью с нуля. Mitsubishi, помимо прочего, не надо изобретать собственный аккумулятор и шины. Ведь уже давно есть прекрасные аккумуляторы Bosch и надежные шины Goodyear.
Машина с нуля – это или деревенский монстр, переделанный из старого мопеда и садовой тачки, или же эксклюзивное изделие за очень приличную сумму.
Похожая ситуация и с сайтами.
Опытный толковый разработчик способен создать веб-проект, практически не используя чужие шаблоны. Он будет применять только «чистые» технологии, о которых мы говорили выше, и разработает уникальный сайт, максимально подходящий под запросы клиента.
Хотя на практике, к сожалению, с нуля часто создаются именно «деревенские монстры». Вроде работает, но достаточно чихнуть, чтобы все рассыпалось.
Более распространен вариант, когда сайты делают уже на готовых конструкторах или CMS (Content Management System).
CMS – самая эффективная и простая технология для создания сайта в 2021 году.
В конструкторе уже встроены возможности последних (ну или предпоследних) версий PHP, СSS, HTML и JavaScript.
Когда вы делаете сайт с нуля, вы строите дом по одному кирпичику, когда используете для разработки CMS – вы как бы складываете его из больших бетонных блоков.
Огромный плюс СMS – обычно там есть встроенные возможности не только для создания, но и для сопровождения сайтов.
Про конструкторы сайтов у нас есть очень подробная статья, которую мы рекомендуем к прочтению:
«Обзор популярных CMS: какую систему управления контентом выбрать в 2021 году»
Современные технологии для создания сайтов: выводы
Если не вдаваться в детали, для создания сайта в 2021 году нужно:
- Дизайн
- Верстка или переформатирование дизайна в разметку HTML
- Программирование или создание функционала сайта с помощью PHP или менее распространенного языка
- Хостинг для бесперебойной работы сайта
Создать веб-проект, основываясь исключительно на «чистых» технологиях – прекрасный порыв, хотя в 99% случаев ненужный. Гораздо рациональнее использовать готовые конструкторы, где технологии собраны в удобные простые модули и одну задачу можно выполнить с помощью всего одного действия, а не нескольких десятков, когда речь идет о создании сайта максимально с нуля.
Продвижение сайта строительной компании: основы и тонкости
Продвижение строительной компании в поиске. Если сделать правильно, из Гугла и Яндекса будут приходить клиенты, готовые платить миллионы рублей. При этом их привлечение будет стоить гораздо (часто в разы) дешевле, чем контекстная реклама. Что мы пониманием под правильным продвижением сайта строительной тематики в 2019 году? Сейчас подробно расскажем. Наиболее полезной статья будет для тех, у кого сайт появился недавно и тех, кто только думает о разработке ресурса для своей компании.
Основа продвижения сайта строителей
Многие нюансы в этой нише такие же, как и во многих других:
1. В первую очередь надо позаботиться об исправлении технических ошибок (разработке сайта без ошибок, которые могут помешать продвижению):
- Убрать дубли
- Максимально ускорить загрузку
- Разработать корректную мобильную версию
- Создать функционал для добавления мета-тегов
- Добавить функционал для генерации карты сайта
- Настроить работу всех доступных на сайте способов связи
Важно! Довольно часто можно столкнуться с проблемой, когда «не работает» форма для отправки заявок. Одна эта неисправность сводит на нет весь тяжелый труд по разработке и оптимизации сайта, и одновременно парализует деятельность крупной строительной (или любой другой) компании. Есть невероятно простой лайфхак, который избавляет от 80% осложнений с формами. Настройте поступление заявок на несколько email-адресов, которые находятся на разных почтовых сервисах. То есть пусть в настройках формы одна почта будет stroimdoma@yandex.ru, а другая – stroimdoma@gmail.com. Дело в том, что формы так просто и так часто не ломаются. Алгоритмы спам-фильтров у разных почтовиков меняются гораздо чаще. Форма может работать, но заявка все равно не доходить до менеджера из-за того, что попадает в спам. Если у менеджера две почты, вероятность, что заявка сразу уйдет в спам на двух почтовых сервисах практически нулевая.
2. Поисковое продвижение невозможно без правильно подобранной семантики.
Про важные нюансы сбора семантического ядра (ключей) для строительной тематики мы расскажем чуть ниже. Тут отметим, что продвижение будет эффективнее, когда ключи собираются под ваш бизнес (ваши цели, ваш регион, ваши услуги). Ключевые фразы, собранные для другой строительной компании, использовать можно, но нежелательно.
3. Контент важен почти в любой тематике. Особенно в строительной.
Можно поспорить, что важнее для сайта строительной компании: скорость загрузки, семантика или тексты, хотя часто все 3 компонента имеют одинаковую значимость для правильного продвижения. Мы часто повторяем это в своих статьях, повторим и здесь: главная цель продвижения – продажи. Не трафик и не заявки. Нужно убедить человека вложить в строительство минимум 5-10 млн рублей. Тексты в стиле «Каждому из нас нужно где-то жить» убеждают очень плохо.
Подробнее о контенте для веб-сайта строительной компании мы тоже расскажем ниже.
Важно! Рекомендуем другие наши статьи об основах поискового продвижения (или SEO), где вы найдете больше деталей и примеров:
«Лучший способ поискового продвижения сайта»
«Как раскрутить сайт в поиске в 2019 году? Пошаговая инструкция для чайников»
«SEO-продвижение интернет-магазина»
«Что дает продвижение сайта? Цели и задачи»
Нюансы сбора семантического ядра для сайта строительной компании
Внимательно посмотрите на структуру ресурса, который на момент написания нашей статьи (01.01.2019) в ТОПе Яндекса по некоторым запросам, связанным с заказом дома под ключ (регион: Москва).
Что здесь имеет значение?
Дом из бруса может быть и одноэтажным, и двухэтажным, он подходит для проживания и зимой, и летом.
Почему тогда создатели и/или оптимизаторы выделили именно эти разделы?
Почему не добавить информацию об этажности и сезонности домов в раздел «Из бруса»?
Дело в продуманной работе над семантикой (ключевыми словами).
Оптимизаторы проанализировали, что ищут в поиске потенциальные покупатели домов и поняли, что одна целевая аудитория ищет дачные дома из бруса, другая – дачные двухэтажные дома, третья – дачные одноэтажные дома. Эта информация для них на первом месте. Поэтому под эти запросы создаются отдельные страницы.
Еще одна причина создавать именно такую структуру – особенности алгоритмов Яндекса.
Взгляните на скриншот ниже.
Теперь на этот.
Заметили, в чем дело?
Если не заметили, мы объясним.
Самое главное, что следует из этих скриншотов – по запросу «заказать одноэтажный деревянный дом» и «заказать двухэтажный деревянный дом» не просто разные страницы, но и разные сайты.
То есть если добавить два запроса («заказать одноэтажный деревянный дом» и «заказать двухэтажный деревянный дом») на одну страницу, они вряд ли обе попадут в ТОП.
Допустим по каждому запросу, если он в ТОПе, на сайт могут перейти 100 человек. Мы создаем 2 страницы и получаем 200 потенциальных клиентов на сайт.
Это грубый и упрощенный пример. Но, надеемся, что суть вы поняли. При работе над семантическим ядром надо тщательно подбирать ключи и грамотно их разбивать на страницы. Чтобы понять, как нужно, необходимо при сборе ключей анализировать ТОП и вашу целевую аудиторию.
Кстати! Вернитесь чуть выше и снова посмотрите на первый скриншот с выдачей Яндекса. В запросе мы выделили фразу «деревянный», а в заголовках выдачи фразу «из бруса». О чем это говорит? Ответ будет в конце статьи. Вы пока подумайте и прочитайте о других составляющих правильного продвижения сайта строительной тематики.
Советы при создании контента для продажи услуг строителей
Тут все одновременно очень просто и невероятно сложно.
Чтобы строительный сайт продавал, на нем должны быть ответы на частые вопросы клиентов. Чем больше ответов и чем они детальнее и убедительнее, тем лучше.
У каждой компании вопросы и ответы свои. Хотя часто человек, который собирается заказывать строительство дома, интересуется:
- Сколько простоит дом и как можно убедиться, что именно столько?
- Где гарантии, что вы не сорвете сроки, как сотни других строителей?
- Какие материалы вы используете и почему именно такой выбор?
- В чем ваше главное отличие от конкурентов (только вот не надо про цены и индивидуальный подход)?
- Какие технологии строительства вы используете?
- Как будет проходить работа, что требуется от меня?
- Могу ли я вносить изменения/дополнения/пожелания по строительству уже после подписания договора?
Вопросы банальные и очевидные. Получить ответы на них просто, но затратно.
Как, например, можно убедить клиента, что дом вашей компании простоит много лет? Как вариант: показать ему как сейчас выглядит дом похожей комплектации, который вы построили несколько лет назад. Не обязательно куда-то везти клиента. Вам надо связаться со своим старым заказчиком, попросить его сделать фотографии жилища или съездить и сделать самостоятельно. Потом эти фотографии и комментарии к ним следует поместить на сайте. Не сложно, но придется вложить время и немного денег.
Нужен ли блог на сайте строительной компании?
Мы считаем, что да. Это прекрасный способ постоянно увеличивать трафик (посещаемость) сайта.
Когда на сайте уже даны ответы на все вопросы, собраны комментарии клиентов и фотографии объектов, даны советы от реальных мастеров, можно сделать еще больше. Можно рассказать в блоге про новую технологию или новый материал сразу после того, как он появился на рынке. Мы точно знаем, что такие (максимально актуальные) статьи хорошо генерируют дополнительных клиентов.
Кстати! Много полезных советов о создании контента для продажи недвижимости можно узнать их этой статьи.
У конкурентов полно заказов. Все благодаря сарафанному радио. Ничего не писали и ничего не фотографировали. Зачем оно нам?
Хорошие статьи и другие материалы – безусловно не волшебное лекарство. Качественный контент требует времени и денег. При этом окупается не сразу. Но! Если у вас компания, которая планирует оставаться на рынке минимум 2-3 года, вложения окупятся. Со временем контент станет одним из основных и самых дешевых способов привлечения клиентов. При условии, что тексты и видео станут частью комплексных работ по SEO-продвижению сайта.
На сайте мы отвечаем на вопросы потенциальных клиентов, но не забываем добавлять на каждую страницу ключевые фразы и возможно усиливать ее с помощью ссылок.
Коротко о ссылках
У сайтов строительной тематики сумасшедшая конкуренция в поиске. Раз вы читаете нашу статью, думаем, что вам это и без нас известно.
Чем выше конкуренция, тем больше причин усиливать позиции сайта с помощью ссылок.
Мы знаем, что вас, скорее всего, уже напугали «Минусинском» и другими страшными словами. Суть этих страшилок: от ссылок может быть только вред, Яндекс и Гугл бдительно следят, чтобы вы не поставили ни одного линка на свой ресурс. Если поставите, сразу бан.
На самом деле в большинстве регионов (не во всех!) ТОП строительного сайта без ссылок невозможен.
Чтобы поисковики как-то понизили ваш ресурс из-за покупных ссылок, нужно приобрести сотни линков за очень короткий срок.
Тогда сколько ссылок можно поставить, не опасаясь проблем?
Мы не можем дать однозначный ответ на этот вопрос. Необходимо учитывать много факторов: регион продвижения, возраст сайта, ссылочные профили основных конкурентов в ТОПе и т.д.
Точно можно сказать одно: над ссылочным продвижением надо работать. Это можете сделать вы (владелец сайта), может специалист по продвижению, которого вы наймете.
Причем не факт, что специалист сделает лучше вас (и вот почему).
На что нужно обращать внимание, если вы решили покупать ссылки самостоятельно?
Ниже вы видите описание площадки, на которой можно купить ссылку для продвижения своего строительного сайта. Это свежий скриншот (напоминаем, что статья пишется 1 октября 2019 года). Тут актуальные цены и другие данные.
Важно, что сайт для размещения ссылок нужной тематики – строительство.
Превосходно, что у него 100% индексация (это означает, что каждая статья, опубликованная там, попадает в выдачу поисковиков, хотя и неизвестно, на какое место).
У площадки относительно немаленький возраст и вроде как низкая ссылочность (это значит, что с этого сайта поставлено не много исходящих ссылок. Если их много, поисковики могут понизить сайт или выбросить из индекса).
Цена за размещение средняя. Если хорошо поискать, можно найти ссылку с сайта с такими же параметрами, существенно дешевле. Но есть ссылки и по 20, и по 40 тысяч рублей, а польза от них такая же.
С другой стороны…
В описании сказано о посещаемости в 5000 уникальных посетителей, хотя система говорит, что их всего 1900.
Если посмотреть примеры размещения ссылок, которые указаны в описании, можно увидеть такое:
Статья помещена в рубрику «Без рубрики», автор этой статьи admin, нет ни одной фотографии, ссылка добавлена довольно топорно (хотя может так хотел оптимизатор).
И самое главное – с момента публикации статьи со ссылкой, страницу просмотрели всего 47 человек. 47 просмотров почти за 3 месяца. С помощью несложного эксперимента мы выяснили, что просмотры тут добавляются после каждого обновления страницы. Значит 47 просмотров – это не более 5-10 человек. В принципе, их мог «набить» и один человек.
Чтобы от ссылки была заметная польза, по ней должны переходить. В идеале она должна приводить потенциальных клиентов.
Если бы вы заплатили за 10-20 вот таких ссылок со страниц, которые никто не читает, вы вряд ли заметили хоть какую-то пользу.
Другие особенности продвижения строительного бизнеса в поиске
При подготовке этого поста мы изучили десятки сайтов строительных компаний, которые занимают высокие позиции в поиске.
Почти на всех этих сайтах есть возможность рассчитать стоимость проекта онлайн:
Именно на этом сайте нам еще понравилось название раздела – «Мы построили». Приятная эффективная мелочь. Не «Портфолио», а человеческое и очень понятное «Мы построили».
Некоторые строители предлагают услугу, которая сразу закрывает 90% возражений – возможность посмотреть на работу компании до того, как клиент заплатить хоть копейку. Считаем, что это невероятно удачное и эффективное решение. Также обратите внимание на кнопку «Рассчитать проект» (еще раз доказывает, что в ТОП без подобного калькулятора пробиться крайне сложно) и раздел «Подарки».
Эти строители добавили на сайт карту, где можно посмотреть на все актуальные объекты. При нажатии на каждый указатель, мы узнаем, какой именно проект там реализовывается.
Коротко повторяем о SEO-оптимизации строительных сайтов
Для начала ответ на вопрос выше. Мы вводим в строку поиска Яндекса запрос «заказать одноэтажный деревянный дом», а получаем сайты, где в заголовке написано «одноэтажные дома из бруса под ключ». Так происходит, потому что для Яндекса «деревянный» и «из бруса» синонимы. Отметим, что синонимы с точки зрения Яндекса и человека не всегда совпадают. Имейте это в виду при оптимизации текстового контента на своем сайте.
Теперь коротко о содержании статьи:
- Основа продвижения сайта строительной компании такая же, как и у многих других сайтов. Для начала нужно избавиться от дублей, ускорить загрузку и позаботиться о других технических нюансах.
- Контент для строительных сайтов создавать сложнее и дороже, но и пользы от него в десятки раз больше. Компании, которая на рынке всерьез и надолго, надо постараться при работе с текстами, фотографиями и видео. При этом надо понимать, что основа эффективного контента – правильно собранное семантическое ядро.
- Ссылки всех пугают, работать с ними сложнее, чем с текстами, но игнорировать ссылочное продвижение при SEO-оптимизации строительных сайтов нельзя!
Чем сайт лучше аккаунтов в соцсетях
Один наш читатель задал такой любопытный вопрос: «Чем сайт лучше раскрученных аккаунтов в соцсетях?»
Это вопрос немного некорректный. Каждый ресурс решает свои задачи. Если у вас есть аккаунты в соцсетях, к тому же раскрученные, это хорошо.
Для стабильных продаж на потоке вам в любом случае нужен сайт. Но сайт сам по себе не играет главной роли в привлечении клиентов. Сайт — это одна из финальных точек, которые приводят к касанию потенциального клиента с вашим отделом продаж.
Скажем, ваша аудитория может вас читать в соцсетях бесконечно долго. Вы можете там демонстрировать свои работы, кейсы, рассказывать о клиентах, ценах, о своем подходе к работе. Но всего этого может быть недостаточно для того, чтобы человек у вас купил.
К тому же приложение, через которое многие заходят, тот же Фейсбук, очень «глючное». Читает потенциальный клиент ваш пост, и раз — через минуту у него вылетает мобильное приложение. Как ему найти опять пост? Листать вниз или находить вашу страницу. Пост его должен реально зацепить, чтобы он захотел его специально найти и открыть.
Соцсети не дают такого контроля над действиями пользователя, как дает сайт. На сайте вы можете делать все что угодно. Вы можете убрать все внешние ссылки, чтобы человек вообще никуда не попал. Чтобы не мог никуда перейти, а просто сидел и читал вашу страницу.
Конечно, он может и прекратить читать, может поверхностно пробежаться глазами, но в любом случае в соцсетях гораздо больше отвлекающих факторов.
Кроме того, не все ваши подписчики и друзья видят ваши посты. Далеко не все. Реальный охват — от 20% до 40% друзей видит ваш пост. Это если писать на своей личной странице. А если писать на бизнес-странице, то охват и того меньше. Как минимум раза в два.
В Фейсбуке охват бизнес-страницы вообще мизерный: 2%. Это не очень приятная ситуация для компаний, но как есть. Во ВКонтакте немного получше с пабликами: процентов 10. Но тоже не лучший вариант.
Сайт Imperial Watch
Это не означает, что сайт лучше, чем соцсети. Сайт должен дополнять вашу воронку продаж. В соцсетях это очень хорошо работает, там нужно греть свою аудиторию и делать из самых верных последователей группу поддержки. В современном мире это называется «комьюнити» (community) — сообщество, которое вас поддерживает.
На сайт человек переходит, чтобы узнать о вас подробнее. Именно о вас. Почитать, что вы предлагаете, узнать стоимость, гарантии. Все это потенциальный клиент узнает на вашем сайте. А в соцсетях идет прогрев. По наблюдениям, самые «холодные» подписчики, которые вас не читают или читают по диагонали, могут стать вашими клиентами в результате правильной работы в соцсетях.
По теме будут полезны наши статьи: Как повысить продажи с сайта?
Источник: материал взят из паблика https://vk.com/web112