Некоторое время назад менеджеры небольших и крупных магазинов стали замечать связь между правильной презентацией продуктов и увеличением или уменьшением их продаж. Имеет значение не только высота, на которой представлено предложение производителя, но и соответствующее освещение продукта или расположение данной стойки. Это касается химии, еды или книг. В некоторых книжных магазинах издатели платят даже за то, чтобы получить книгу в нужном месте! То же самое и в интернет-пространстве – на оценку сайта пользователями в значительной степени влияют его цвета и дизайн. Как эти элементы могут повлиять на позицию сайта в поисковой системе и на количество конверсий?
Влияет ли цвет сайта на SEO и конверсию?Презентация продукта имеет решающее значение
Неслучайно при входе в продуктовый магазин нас встречает запах свежего хлеба, а на кассах мы можем найти всевозможные бритвы, батарейки и жевательную резинку. Теплый свет, освещающий спальни в мебельных магазинах, и естественный свет в помещениях с кухонной мебелью – тоже не случайность.
Это похоже на Интернет. Чрезвычайно важно то, как представлены продукт или услуга . Правильный выбор шаблона страницы, размещение описательного контента в нужном месте и даже выбор цветов могут помочь привлечь внимание получателя на более длительный срок, что, в свою очередь, приведет к увеличению конверсии на странице.
Сам факт удержания интернет-пользователя на более длительный срок является одним из факторов ранжирования, влияющих на позицию сайта в поисковой системе. Вот почему так важно правильно подготовить веб-сайт не только с технической, но и с визуальной стороны.
Цвета на сайтеВыбор цветов на сайте кажется тривиальным. Однако верно, что неподходящие цвета могут отправлять получателям сообщения, вводящие в заблуждение. Решение о цветовой гамме сайта следует принимать на этапе разработки логотипа и определения целей и ценностей компании.
Конечно, фонд, занимающийся борьбой за окружающую среду, чаще всего выбирает оттенки зеленого , потому что это цвета, связанные с природой, плодородием и гармонией. Зеленый цвет успокаивает, заставляет задуматься о главном в жизни. Выбор другого цвета, например оранжевого, который на каком-то этапе подсознания ассоциируется в основном с активностью и действием, может указывать на то, что данная основа пытается бороться, а не обучать, что не обязательно будет восприниматься положительно.
Фонд Гринпис
Оранжевый часто встречается на всевозможных сайтах сравнения цен, таких как Allegro, OLX или Ceneo. Этот цвет чаще всего используется при отображении цен или на кнопках добавления товаров в корзину. Оранжевый побуждает нас нажимать и принимать решения быстрее , не задумываясь.
Цвет – какие эмоции он может вызвать в нас?
Желтый и красный можно найти рядом с оранжевым. С одной стороны, желтый цвет ассоциируется с теплом и может вызывать положительные эмоции. Однако исследования показывают, что это чаще вызывает разочарование и гнев у получателя. Кроме того, ссылки, выделенные желтым на белом фоне, которые доминируют в Интернете, просто плохо выглядят, потому что они нечетко видны .
Красный цвет, с одной стороны, ассоциируется со страстью, с другой – цвет революции, агрессии и войны. Сегодня веб-сайты отходят от красного как способа подчеркнуть важный контент, а разделение на красный как призыв к действию и зеленый как на принятие выбора осталось в прошлом. Лучше немного переместиться по цветовому кругу и выбрать зеленый цвет, который будет дополнен бежевым или синим.
Цвета на знаменах политиков во время избирательных кампаний – в основном синий и темно-синий – также являются попыткой завоевать доверие и авторитет в глазах потенциального избирателя. Это очевидно даже после последней президентской кампании, когда цвета знамен Анджея Дуды и Рафала Трзасковского представляли собой сочетание синего, белого и красного цветов в различных пропорциях.
Интересной мерой стал уход кандидата от «Гражданской платформы» из оранжевого цвета, который сопровождал политиков этой партии, наверное, на всех предыдущих выборах. На этот раз было решено использовать красный цвет, который вместе с белым должен был отсылать к национальным цветам, и синий, задачей которого было вызвать доверие.
Дополнительные цвета
Выбирая цвет для сайта, стоит использовать цветовую палитру / колесо . Ключ состоит в том, чтобы определить два, максимум три цвета, которые будут отображаться на всех подстраницах данного веб-сайта. Выбор большего количества цветов – ошибка, поскольку это создает путаницу.
Цветовая палитра
Если вы решили использовать два цвета, практическое правило заключается в выборе противоположного цвета на цветовом круге. Выбор пурпурного в качестве основного цвета, связанного с творчеством, изобретательностью и богатством, будет, среди прочего, заметен на кнопках на сайте в качестве дополнения выберите желтый или оранжевый, в зависимости от выбранного оттенка фиолетового. Дополнительный цвет к красному будет зеленым, хотя, как я уже писал ранее, лучше перемещаться вправо или влево на цветовом круге.
Триадные цвета
При выборе трех цветов мы говорим о трехцветных цветах – расположенных на цветовом круге через равные интервалы. Для оранжевого цвета дополнение в этом случае будет темно-зеленым и темно-фиолетовым, а для красного цвета – желто-синим.
Цвета и миссия компанииМожет оказаться, что в настоящее время на вашем сайте вы представляете важный контент в неправильном цвете, и изменение цвета фона, заголовка или графических элементов, подчеркивающих данный фрагмент текста, положительно скажется на приеме ваших сообщений.
Это все равно, что написать слово « оранжевый» и отобразить его синим цветом, как в этом абзаце. Сам выбор цвета влияет на прием сообщения, а его неправильный выбор может привести к помехам при общении. То же самое и с другими элементами страницы, выделенными неправильным цветом.
Следовательно, анализ веб-сайта также в этом отношении может, во-первых, положительно повлиять на время посещения веб-сайта и количество конверсий, а во-вторых, он может способствовать повышению позиции веб-сайта в поисковой системе. Конечно, это не один из прямых факторов ранжирования, но, как вы можете видеть, вопрос о соответствующем дизайне веб-сайта с точки зрения визуальных эффектов также может повлиять на позиционирование страницы предложения или платформы электронной коммерции.
Соответствующие цвета – повышение позиции в Google и конверсия
Комбинация красного и зеленого в части электронной коммерции, где красный должен был призывать к действию, а зеленый приводил к завершению заказа, изменен на фиолетовый, связанный с творчеством и страстью. Изменение было заметно в течение недели. Интересно, что решения о добавлении товаров в корзину более охотно принимались женщинами, которые до сих пор посещали сайт, но не решились предпринять какие-либо действия.
Электронная коммерция
Растущее количество конверсий также привело к увеличению видимости веб-сайта не только для фраз, по которым он уже отображался в результатах ТОП50, но и для новых ключевых слов, по которым веб-сайт пока не был найден в первых 50 результатах. Сайт начал индексироваться в TOP10 по фразам, по которым пока находился на второй или третьей странице результатов.
Поэтому, помимо самой природы компании или фонда и исповедуемых ими ценностей, хорошо подбирать цвета, соответствующие аудитории. Возможно, стоит на каком-то этапе провести A / B-тесты и представить сайт в одном цвете мужчинам, а в другом – женщинам. Такие тесты нужно проводить, например, в Google Ads на целевых страницах, а затем, в случае определения, какие цвета работают лучше, начинать внедрять их на базовой версии страницы.
