8 800 302 06 29
SEO или дизайн: что важнее для продающего сайта?
logo Site Elite Studio
SEO или дизайн: что важнее для продающего сайта?

SEO или дизайн: что важнее для продающего сайта?

≈ 5 мин. 1906
Оглавление

Зачастую, разрабатывая супер-мега-эксклюзивный вебсайт, владелец бизнеса думает прежде всего о дизайне: «Хочу вау!», «Хочу, чтобы на первом экране грязь из-под колес мотоцикла прилипала к экрану и превращалась в меню /цитата/», «Хочу как у… (Васи, Саши, Петровича)».

Здорово, что в XXI веке веб-технологии позволяют «вытворять» любую потребность владельца, однако не всегда эти потребности действительно оправданы. И если вас как пользователя вдруг заинтересовали созвездия во весь экран из разделов сайта, это совсем не значит, что они заинтересуют ваших покупателей.

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

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

Пример аналитики источников трафика для сайта из рекламного кабинета

Да, перед тем как создавать сайт, нужно четко знать, из каких источников на него будет приходить трафик. Кстати, у нас есть отдельная статья про источники трафика — SEO там стоит на первом месте.
 

Почему при разработке дизайна стоит ориентироваться на SEO?

Во-первых

Яндекс и Google тщательно следят за качеством сайтов и удобством пользователей, а также за релевантностью страниц этих сайтов запросам пользователей. Некачественные ресурсы быстро отсеиваются. А чтобы попасть в ТОП выдачи, на ресурсе важно учесть более 800 факторов.
 

Пример из нашего портфолио: проработано более 100 макетов под 4 разрешения трех базовых форм-факторов (мобильные устройства, планшеты, десктопы)
Портфолио
Портфолио Site Elite Studio ▪ Примеры работ по созданию сайтов, разработке айдентики ▪ Кейсы по SEO и контекстной рекламе ▪ Реализуем проекты любой сложности 📞 +7 (4822) 633-202

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

Во-вторых

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

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

В одной из статей мы подробно разбирали их влияние и даже подготовили полный чек-лист «224 способа увеличения продаж с сайта». Вы можете скачать его, написав нам «Хочу чек-лист продаж» в Директ инстаграм-аккаунта. Не забудьте подписаться — там много интересного из диджитал-сферы!

Подготовка дизайна (редизайна) сайта

Убедиться, что SEO и дизайн на сайте «идут в ногу», можно по ряду признаков:

  1. Четко продумана структура URL.
  2. Страницы оформлены в едином стиле. Это относится ко всем элементам — меню, хедерам, многоуровневому каталогу, карточкам товаров, корзине, разделам отзывов.
  3. Продуманы размеры и контрастность элементов на страницах — фона, шрифтов, СТА-кнопок.
  4. СТА-кнопки отличаются выраженной мотивационностью, продуманным оформлением.
  5. Текстовая и графическая информация размещена без нагромождений.
  6. В качестве иллюстраций применяются уникальные фото и графика, а не стоковые изображения.
  7. Все элементы страниц корректно отображаются на различных устройствах (дизайн адаптивен).

…и многому другому. Скачайте чек-лист продаж, и узнаете все в деталях! ;)

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

Выведем сайт в топ и увеличим продажи

Топ-1 в рейтинге веб-студий, 10+ лет опыта, 800+ проектов. Мы знаем, как продвигать сайты любых тематик и конвертировать посетителей в покупателей. Первые результаты — через 1 месяц после начала работ.

Поднять сайт в топ

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

Пример тепловой карты дилерского автосалона: наиболее кликабельны кнопки со ссылками на модели автомобилей, машины в наличии и с пробегом
Тепловые карты: изучаем поведение пользователей
Разбираемся с тепловыми картами сайта из функционала Яндекс.Метрики ▪ Что такое карты кликов, виды, способы применения и как с их помощью сделать сайт удобнее для пользователя.
Илья Вершинин
Илья Вершинин Ведущий SEO-специалист Site Elite Studio

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

Общая проверка на соответствие ПФ

Нет времени на глубокую аналитику? Определить, насколько юзабилити (то есть удобство использования веб-ресурса) соответствует требованиям посетителей, можно по следующему чек-листу.

  • Информация с сайта воспринимается легко. На страницах все блоки находятся в нужном месте и несут однозначную пользу, при необходимости можно быстро и четко узнать о достоинствах товаров или услуг. За счет этого у пользователей создается впечатление: раз у компании хороший сайт, хорош и ее продукт, то есть те самые товары и услуги. Ведь на сайте наведен порядок, а значит, владелец склонен к порядку и в ведении бизнеса.
  • Сайт быстро загружается. На страницах нет «тяжелой» графики, программных скриптов или других элементов, снижающих скорость загрузки. Никто не будет ждать, пока неимоверно стильная и продающая, но «тормозящая» страница откроется до конца, когда у конкурентов все проще, но работает гораздо быстрее. А если нужно просмотреть несколько страниц — и описание товара, и отзывы, и условия доставки? Кстати, скорость загрузки важна для ПС — сайты с низкой скоростью загрузки они ранжируют хуже. Кому нужна поисковая система, в которой все «тормозит»?
  • Досконально продумана навигация. Все, что может потребоваться пользователю — телефон и адрес компании, статья на важную тему, конкретный товар в каталоге, условия оплаты — он должен найти на сайте за 3-5 секунд. В противном случае проще уйти к конкурентам, у которых все на виду («все для клиента, все для вас»).
     
Наша реализация навигации при выборе квартиры в ЖК для сайта застройщика
А это — пример оформления эргономичной навигации по ТРЦ для его сайта (тоже из нашего портфолио)
  • Сайт стильно оформлен. Пользователи «заражаются» позитивным настроем благодаря удачным сочетаниям цветов, высококлассной графике и общей атмосфере, подчеркивающей клиентоориентированность бренда. На таком сайте можно посидеть подольше, полистать страницы в поисках характеристик товара. И, очень возможно, заказать товар без особых промедлений. Кстати, подобного эффекта можно добиться с помощью шаблонизированных решений. Не обязательно создавать уникальные шедевры веб-дизайна.
  • Шрифты просты и легко читаемы. Мозг человека, читающего печатный текст, фиксирует обычно только начало и конец слова. Но при условии, что на чтение не тратится лишняя энергия. То есть шрифт должен быть не слишком мелким и не слишком крупным, гармонично сочетаться по цвету с оттенком фона страницы, не иметь лишних деталей. В противном случае человеку придется вчитываться в каждое слово целиком, вместо того чтобы быстро выхватывать суть. Это утомляет и отбивает желание читать, даже если текст полезен.
  • Сайт адаптивен, т. е. им легко пользоваться со смартфона. Об этом мы уже говорили неоднократно. В эпоху, когда мобильные гаджеты почти не уступают по функциональности десктопам, люди ищут выгодные предложения, сравнивают услуги конкурентов, делают звонки, заявки или заказы буквально на ходу (в кафе, по дороге на работу, в пробке). Без адаптивной верстки самый удобный и красивый сайт не получит ни трафика, ни конверсий.

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

Резюме

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

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

Дизайн является полноценной маркетинговой составляющей при разработке стратегии развития веб-проектов, но только в связке с SEO-работами. Складывается он по итогу из ряда факторов:

  • Контент (важна как суть текстов, так и их процентное соотношение на странице, количество слов, ссылок).
  • Графика (число изображений, их процентное соотношение относительно прочего контента).
  • Форматирование страниц (заголовки, списки, отступы, стили, рамки и пр.).
  • Стиль оформления (число шрифтов, цветов на страницах и конкретно в текстах).
     
Что выбрать: адаптивный дизайн или мобильную версию сайта?
Рассказываем, чем отличается мобильная версия сайта от адаптивного дизайна ▪ Разбираем достоинства и недостатки обоих вариантов ▪
Пример страницы сайта, где продумано гармоничное расположение, стили и цвета всех элементов

Все эти факторы оценивают поисковые системы, которые не «видят» оформления сайтов, но разбираются в показателях релевантности. Если веб-ресурс поисковикам не понравится, потому что контент на нем бесполезен, а навигация абсолютно хаотична — он не понравится и людям, потому что они не увидят его в выдаче. А если сайт нельзя найти через поиск и он не дает конверсий, зачем ему красивое оформление?

Таким образом, те, кому нужен высококлассный продающий сайт (новый или обновленный), фокусируют внимание не на эстетике, а на SEO.

Мы умеем смотреть на сайт глазами пользователей. И мы знаем, как создавать сайты, которые отличаются не только современным дизайном, но и отличной оптимизацией. Закажите создание или редизайн своего веб-ресурса у нас!

Автор: Site Elite Все статьи автора
Давайте дружить!
Похожие статьи
Вам также будет интересно
Контакты

Нужна встреча, чтобы
принять решение?

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

vladimir

Владимир Варич
Коммерческий директор
+7 (920) 699-82-04
E-mail: vladimir@st-lt.ru

vladimir

Ольга Гайдукова
Руководитель отдела продаж
+7 (967) 555-98-77
E-mail: olga@st-lt.ru