Белые, серые и черные схемы раскрутки сайтов

Поделиться в социальных сетях

Продвижение сайтов для достижения ТОПовых позиций в поисковой выдаче может осуществляться различными методами. Существующие схемы раскруточных действий можно разбить на три группы, которые по степени легальности (в поисковом понимании) условно обозначаются тремя цветами:

• «Белой»;
• «Серой»;
• «Черной».

Риски серых и черных схем раскрутки сайтов

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

Не следует применять «черные» схемы раскрутки, к которым в первую очередь относится приобретение ссылочной массы на агрегаторах, не желательно покупать ссылки на специальных биржах ссылок. Все это с большой легкостью вычисляется поисковыми роботами. У некоторых получается в ряде случаев обойти алгоритм анализа, если проставлять купленные ссылки в тематически близком контенте. Пропорция купленного и естественного должна быть не выше 1 к 5.

К «черным», приводящим к бану схемам раскрутки, относится задействование:

• Невидимого текста;
• Дорвеев;
• Линкаторов;
• Клоакинга;
• Поискового (с излишним количеством ключевых слов) и почтового спама.

К «серым» схемам раскрутки следует относиться с большой осторожностью. Безобидные на первый взгляд действия более частого, чем это необходимо, применения тэга «strong» или нетематического обмена контентом (ссылками) неожиданно дают забанивание сайта. Следует с большой опаской относиться к задействованию сервисов, которые осуществляют обмен статьями в автоматическом режиме. Не желательно пользоваться услугами платных линкаторов. Если какое-то время тому назад «серые» схемы были достаточно эффективными, сегодня совершенствование алгоритмов поисковиков Гугла и Яндекса сводит на нет эффективность данных методик.

Ориентируйтесь только на белые методы SEO оптимизации

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

Для того чтобы ваш созданный «для людей» ресурс оказался на топовых позициях поисковой выдачи нужно:

• В постоянном режиме добавлять качественный контент, в том числе публиковать актуальные новости и информационный материал;
• Уделить внимание созданию прибавляющей трафик собственной рассылки;
• Регистрировать ресурс в тематических каталогах с высокими ТИЦ и Pr;
• Позаботиться о наличии позитивных ссылок на ваш ресурс;
• Поставить на страницу сайта кнопки соц. сетей;.
• Обеспечить удобство навигации и в целом качественное юзабилити;
• Разместить ссылки с видеоканалов;
• Не забыть о приобретении контекстной рекламы, привлекающей целевых посетителей ресурса;
• Попытаться прописаться в каталоге Яндекса и на страницах популярных онлайновых СМИ.

И еще весьма желательно обратиться к услугам специализирующейся на раскрутки ресурсов компании VIPSEO. Это гарантирует значительное увеличение ваших продаж.

Черное и белое. Методы продвижения сайтов

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

Основное различие оптимизаторов — их методы, которые они употребляют при продвижении сайтов. Условно их можно разделить на две категории: «белые» и «черные» оптимизаторы. «Белые» — те, которые применяют законные методы продвижения (дозволенные к использованию поисковыми системами), «черные» — те, которые применяют запрещенные методы раскрутки. Данная разница принципиальна и может привести к удалению вашего сайта из результатов поиска совсем, в случае если над продвижением поработал «черный» оптимизатор. Правда, такие инциденты — больше исключение из правил и действия начинающих оптимизаторов, которые берутся за продвижение, до конца еще не поняв и не отшлифовав на практике всех нюансов оптимизации и продвижения. Их притягивает возможность скорой наживы, а клиенты становятся нкким своеобразным полигоном для испытаний, от чего страдает доверие к действиям всех оптимизаторов.

Рекламировать товары, услуги и сайты также можно при помощи электронных рассылок. Для этого нужно знать, как сделать email рассылку.

Опытные оптимизаторы ценят свою репутацию и отношения с клиентами, так как рассчитывают на продолжительное сотрудничество, а не на сиеминутный барыш . Это также вытекает из того, что нет смысла приступать за продвижение сайта на 1-2 месяца, так как довольно ресурсоемкие операции осуществляются на начальном стадии подготовки к продвижению: оптимизация кода сайта, регистрация в каталогах, обмен ссылками/статьями и т. д. Собственно вследствие этого стоит скептически относиться к предложениям достижения быстрого результата без последующего сопровождения. Какой смысл в первых местах на время?

В основе «черного» продвижения лежат так называемые дорвейные схемы. Оптимизаторы генерируют (в наше время чаще всего автоматически) десятки и сотни псевдосайтов, преследуя совершенно осознанную цель — создать трафик. Потом с данным трафиком можно поступить по-разному: продать его другим ресурсам, направить на сайты клиентов или поместить блоки контекстной рекламы, зарабатывая на переходах на сайты рекламодателей.

К «черному» продвижению причисляют так же нетематический обмен ссылками, когда оптимизаторы стараются любыми способами «накрутить» параметры тИЦ и PR, рискуя вызвать санкции со стороны поисковых систем, когда сайт пессимизируется (принудительно снижается в результатах поиска), либо совсем удаляется из результатов поиска. Вернуть свой сайт назад в результаты поиска можно, однако для этого потребуется найти причину пессимизации или удаления и ликвидировать ее. Через некоторое время сайт автоматически возвратится в результаты поиска. Если же через месяц ситуация не поменяется, нужно будет связаться с администрацией конкретной поисковой системы.

«Белое» продвижение состоит из комплексного подхода:

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

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

Чаще всего лучшее лежит на границе между запрещенным и дозволенным, отсюда пришло понятие «серого» продвижения, которым занимаются самые опытные оптимизаторы. Они держат руку на пульсе и по опыту знают, что поисковые системы не налагают запрет официально (вернее сказать, догадываются, так как поисковые системы не открывают принципы ранжирования, к тому же постоянно их улучшают), хотя и не приветствуют. С одной стороны, они не компрометируют ресурсы клиентов открыто, что исключает их удаление из результатов поиска. С другой стороны, в будущем они не могут поручиться, что те или иные запреты не будут наложены на ранее примененные уловки. Но активно сочетая «белые» и «серые» методы раскрутки, оптимизатры обеспечивают более эффективное продвижение.

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

Каким образом продвигать свой ресурс, решать конечно вам. Но если и работать с оптимизатором, то с тем, который понимает разницу между «белым» и «черным», заинтересован в долгосрочном сотрудничестве и может аргументированно разъяснить, что намеревается делать с вашим ресурсом.

Автор: Андрей Каролик

25 тактик “чёрного” SEO-продвижения, которые убьют ваш сайт

Думаете, что чёрная SEO-оптимизация — пережиток прошлого? Подумайте ещё раз.
К сожалению, тайные и тёмные методы продвижения все ещё актуальны для SEO-мира. И хотя многие SEOшники и сайты не хотят “обманывать” поисковые системы, незнание не освобождает от ответственности. Используя данные методы, вы только навредите своему сайту, и его забанят.

В этом посте мы расскажем вам о 25 наиболее распространённых чёрных тактик SEO-продвижения, которыми всё ещё пользуются в гонке ранжирования. Мы разделили их на три категории:

1. Плохие: Эти методы вы могли применять неосознанно, не зная, что они навредят позициям вашего сайта. Они самые вероломные: так как они не приносят больших результатов, но негативно влияют на вашу SEO-стратегию.
2. Очень плохие: Вы, скорее всего, знаете об их вреде, но не хотите принимать это во внимание. Вы видите, что они приносят результаты. Но не обольщайтесь: и за это придётся заплатить.
3. Злостные: Вы знаете, что так делать нельзя, но всё равно это делаете. Искушение быстрого продвижения сайта слишком велико, чтобы остановиться. Но будьте осторожны: Вас накажут. Будьте готовы получить бан, в лучшем случае. В худшем — будьте готовы к полной деиндексации сайта в поисковой выдаче.

Применяя хотя бы одну из этих 25 тактик, вы можете столкнуться с серьёзными проблемами с Google. И к сожалению, Google не будет учитывать специально или нечаянно вы сделали это.

Уделите несколько минут, чтобы просмотреть список приёмов, которых вам следует избегать при поисковой оптимизации.

1. Единственная цель блога — наращивать ссылки: Блог — хороший способ повысить лояльность к вашему бренду и занять более высокие позиции в поисковой выдаче. Но это не хорошо, если вы будете размещать  ссылки в блоге на плохие, нерелевантные сайты. Вот пример того, как спамный пост может заблокировать работу всего сайта.  
2. Короткий контент с огромным количеством ключевых слов: До выхода алгоритма Panda небольшие тексты, наполненные основными ключевыми словами, помогали сайту лучше ранжироваться. На сегодняшний день не всё так просто. Использовать ключевые слова в тексте, по-прежнему, необходимо, но теперь стоит уделять больше внимания качеству контента, а не количеству ключевых слов в тексте.
3. Продажа ссылок: Интернет-издательства всегда ищут способ монетизировать свой сайт. И самый простой способ сделать это — рекламировать ссылки. Очень часто, компания покупает рекламное место в каком-либо интернет-издании, и ссылка на их сайт оказывается в статье, которая посвящена их сфере деятельности. Называйте это рекламой, если хотите, но Google будет всё равно считать это схемой обмена ссылками.
4. Ссылки на отзывы о товарах: Другой распространённый метод — это предлагать бесплатную продукцию в обмен на размещение ссылки на сайте. Как бы то ни было, система Google считает, что ”раздача «бесплатных» товаров с условием размещения отзывов о них со ссылками” — это также схема обмена ссылками. Чтобы этот приём не стал “чёрным”, просто добавляйте атрибут rel=”no follow” к ссылке.
5. Покупка ссылок: В случае, если вы не поняли намёка в пункте #3 и #4, что продавать ссылки нехорошо, то мы ещё раз напомним. Нельзя покупать ссылки. Новейшие и авторитетные интернет-издания могут не знать, как правильно размещать ссылки на своём сайте (т.е. используя атрибут rel=”no follow”). Поэтому ваша задача — рассказать им.
6. Сверхоптимизация внутренних ссылок: Внутренние ссылки нужны, чтобы уравновесить количество ссылок по всему сайту. Но если вы оптимизируете эти ссылки анкорным текстом с чересчур огромным количеством ключевых слов, то у вас могут возникнуть проблемы. Используйте понятные “человеческие” фразы, а не просто набор ключевых слов, по которым ранжируется ваш сайт.
7. Сверхоптимизация внешних ссылок: Тоже самое касается внешних ссылок, которые вы можете контролировать. Используйте реальный текст в анкоре, который побуждал пользователей переходить по вашим ссылкам.
8. Наполнение ключевыми словами атрибут alt изображений: Мало кто видит альтовый текст изображений, поэтому можно наполнять его огромным количеством ключевых слов, верно? Нет. И хотя бана за это может и не быть, но это точно будет надоедать посетителям вашего сайта.
9. Обмен ссылками: Взаимные ссылки не желательны. Вместо того чтобы просить об обмене ссылками, просто создавайте качественный контент, который привлечёт естественные ссылки.
10. Покупка места в каталогах низкого качества: Не все ссылки создаются одинаково. И если покупка (с атрибутом no follow) ссылки в каталогах высокого качества — это хорошо, то покупка в плохих каталогах может принести много проблем.

Очень плохие

11. Использование нерелевантных ключевых слов для ранжирования: Для успешного контент-маркетинга нужно постоянно публиковать качественный текстовый и медийный контент. И желание пойти по лёгкому пути может оказаться выше ваших сил. Один из таких путей, который применяется некоторыми интернет-маркетологами, выглядит так: они просто наполняют уже существующие тексты нерелевантными ключевыми словами, чтобы начать ранжировать сайт по ним. Но Google легко может различить настоящую статью от поддельной, созданной с помощью Latent Semantic Indexing. Поэтому эта тактика точно не сработает в вашу пользу.
12. Прокрутка статей вручную (также смотрите ниже об автоматической прокрутке статей): Все знают, что автоматическая прокрутка статей — это “чёрный” приём. Но мало, кто знает, что и прокрутка статей вручную тоже нежелательна. Прокрутка статей означает: вы берёте уже существующую статью, меняете заголовок, переставляете предложения, заменяете некоторые из слов синонимами, меняете вид форматирования — и вуаля, у вас готова новая статья. Проблема одна — вас забанят за размещение дуплицированного контента. Вместо этого заплатите за новый, оригинальный контент. Да, это будет дороже, но оно того стоит.
13. Неправильное использование сниппетов: Заполненные сниппеты — отличный способ привлечь клики по ссылкам в поисковой выдаче. Но размещение сниппетов, которые не имеют никакого отношения к вашему сайту, может спровоцировать бан за спам. Когда используете сниппеты, убедитесь, что они подходят для вашей страницы (например, не используйте сниппет “отзывы”, если на странице отзывов нет!).
14. Мета-заполнение ключевыми словами: И хотя бана за использование слишком много ключевых слов нет, это вам всё равно не поможет в ранжировании. Тоже самое касается и мета-описания: Пока Google не использует ваше описание контента в качестве фактора ранжирования, то оно выполняет функцию рекламного текста в поисковой выдаче. Убедитесь, что описание соответствует контенту на вашей странице.
15. Спамные ссылки внизу страницы: Ссылки внизу страницы могут оказаться очень полезными для пользователей, с помощью них они смогут легко ориентироваться на вашем сайте. Но некоторые сайты используют ссылки для лучшей индексации поисковыми машинами по определённым ключевым словам, чем для юзабилити. Простое правило для вас: Если вы размещаете ссылку внизу страницы, которая действительно окажется полезной для пользователей, то пожалуйста. Но если вы делаете это только для ранжирования, уберите её. И последнее, не размещайте внешние ссылки внизу вашего сайта…как говорил автор MOZ Сирис Шепард, “Не ссылайтесь на внешние источники внизу страницы. Не нужно. Я не буду говорить, почему. Просто не делайте этого”.

Злостные

16. Подмена: Что вы делаете: вы ждёте, пока одна страница не начнёт индексироваться и ранжироваться, а затем заменяете её на совершенно другую страницу. Может быть, нерелевантный контент и будет ранжироваться какое-то время, но вскоре Google обо всём догадается. Данная тактика приведёт к увеличению показателей отказов, сведя к минимуму все преимущества.
17. “Укрывание”: Этот метод предполагает создание двух версий одной страницы: одна из которых для поисковых систем, другая — для пользователей. Google приводит следующие примеры: для пользователей создана страница с флеш-контентом, а для поисковых систем показывается HTML-страница.
18. Дорвеи: Это страницы, созданные специально для ранжирования по определенным ключевым словам, которые приведут пользователей на другие страницы. Проблема заключается в следующем: на дорвеях нет полезного контента, и чаще всего они ведут на различные (бесполезные) страницы.
19. Автоматическая прокрутка статей: Введите в гугле ‘автоматический рерайтинг’ и вы найдёте кучу программ, помогающих автоматически изменить или перефращировать существующий контент. Качество такого контента будет ужасным, в результате чего вас ещё и забанят за дуплицированный контент.
20. Линкбэйтинг: Вы привлекаете ссылки на определённую страницу или статью, а затем включаете в текст коммерческие предложения. Например, вы можете написать хороший пост в блоге, который привлечёт много ссылок, а затем, полностью или частично замените информацию на продажу товаров или услуг.
21. Невидимый текст: Невидимый текст шлёт нам привет из 2000-х. Невероятно, но некоторые ещё пользуются данным способом. Идея заключается в следующем: нужно сделать текст и фон сайта одного цвета (текст будет виден только поисковым системам).
22. Спам-комментарии: Вы используете программу, чтобы она оставляла ссылки в комментариях различных блогов. Таким образом, вы получаете очень много бэклинков на свой сайт за короткий промежуток времени, повышая позиции сайта в поиске. К счастью, система Google быстро распознает и обесценивает такие ссылки.
23. Доменный сквоттинг: Этот приём известен также как “киберсквоттинг”, “хапперство”. Вы покупаете доменное имя, только чтобы продать его человеку или компании, владеющей этим товарным знаком.
24. Соскребание: Как и следует из названия этого метода: вы вырываете контент с одного сайта и используете его на другом. Цель — привлечь больше трафика с помощью “вырванного” контента, а затем получить прибыль с пользователей, перешедших по вашему рекламному объявлению.
25. Создание веб-кольца — ссылки между сайтами: Веб-кольцо — это просто кучка сайтов, ссылающихся друг на друга. Сами по себе веб-кольца не так уж плохи, но в контексте ранжирования с целью получения более высоких позиций совершенно бесполезны.

Заключение

Конечно, существуют и другие тактики чёрного SEO-продвижения, которые мы не затронули в этой статье. Это лишь самые основные и распространённые. Помните, что даже если вы примените эти приёмы, чтобы увеличить трафик на сайте, это продлится недолго, при этом пострадает ваша репутация и ваши позиции в поиске.

Настоящее SEO не приносит быстрых результатов, но зато они долговечнее.

Прочитайте и другие полезные статьи:

Если у вас возникли дополнительные вопросы — пишите нам [email protected]

Или звоните:

+375 17 209 00 95

+375 17 254 73 89

+375 17 306 43 05

+375 29 619 05 79

Методы линкбилдинга — обзор и рекомендации

Аутрич (от англ. outreach — «обеспечить более широкий охват») — это метод линкбилдинга, при котором ссылки на трастовых ресурсах размещаются благодаря прямым договоренностям с владельцами таких ресурсов.

Некоторые специалисты определяют аутрич как условно бесплатный метод получения ссылок. Однако это один из самых дорогих методов, особенно на западном рынке: включает в себя затраты на сервисы email-маркетинга (статистика, отправка писем владельцам трастовых ресурсов), на специалистов и качественный контент (статьи, инфографики для размещения на трастовых ресурсах).

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

Несмотря на затраты, этот метод является одним из самых эффективных — качество ссылок гораздо выше, чем крауд, сабмиты и покупные ссылки. Пока не слишком популярен в русскоязычных странах, но на Западе лежит в основе любого продвижения.

Этапы качественного аутрича:

• подбор подходящих для бизнеса площадок;
• создание качественной email-рассылки владельцам трастовых ресурсов;
• контроль за email-рассылкой, работа над повышением её эффективности;
• коммуникация с владельцами сайтов, блогерами, журналистами путём выстраивания цепочки аутрич-писем;
• создание и публикация контента со ссылкой на продвигаемый ресурс.

От правильно выстроенной коммуникации с владельцами трастовых ресурсов зависит половина успеха. Составить письмо, которое захотят открыть, прочитать и ответить на него, особенно в условиях жёсткой конкуренции, можно назвать отдельным видом искусства. Помимо понимания методики составления подобных писем, данный вид работы требует навыков копирайтинга.

Что стоит учесть при создании шаблона рассылки:

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

Пример качественного письма

Если шаблон email-рассылки составлен некачественно, то с большой вероятностью такие письма останутся непрочитанными и будут зря потрачены тысячи долларов на соответствующие сервисы.

Пример некорректного письма для аутрич:

Качественный контент — второй фактор успеха. Требования к контенту, размещаемому на сайте-доноре вместе со ссылкой, гораздо выше, чем к контенту на продвигаемом ресурсе. Ведь цель такого размещения — привлечь аудиторию, мотивировать её делиться контентом в соцсетях и на других ресурсах, переходить по ссылке на продвигаемый ресурс.

Становится популярным контент, созданный при помощи data-driven подхода — на основании анализа данных пользователей. Он считается более эффективным и вовлекающим.

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

Результат качественного аутрича — ценная ссылка, которая со временем только наращивает вес и приводит на сайт заинтересованную аудиторию.

Что стоит за обещаниями вывести ваш сайт в топ за несколько дней? – статьи про интернет-маркетинг

Время прочтения: 9 минут

Тэги: SEO, Маркетинг

О чем статья:

• Мифы и правда о накрутке поведенческих факторов – чему верить? Мнение экспертов
• Почему обещания вывести сайт в ТОП за пару дней не сработают?
• Для чего стоит доверять белым методам продвижения и выбирать долгосрочные стратегии?

Кому полезна эта статья?

• Маркетологам, ищущим ускоренные методы SEO-продвижения проектов.
• Директорам и владельцам – для оценки рисков SEO-продвижения методом накруток.
• SEO-специалистам – для общего понимания тенденций накрутки ПФ.
  

Накрутка поведенческих факторов в 2020 году: чего стоит остерегаться?

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

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

Новые наказания за имитацию действий пользователей настигли сообщениями в Вебмастере владельцев сайтов в конце сентября 2020 года (текст сообщения – на скриншоте ниже). Виталий Подовжний (OverLead) и Елена Камская (Siteclinic) опубликовали в Facebook посты о санкциях за накрутку ПФ. Для Елены происходящее напоминает ситуацию декабря 2014 года, когда сайты за накрутку ПФ массово пессимизировали. Так, не изменился сам текст сообщения о санкциях, есть ощущения дежавю-2014 и двойственности. 

Эксперт отмечает, что наконец-то предпринимаются официальные шаги по решению проблемы с накруткой. Многих точно заставит задуматься вероятность бана на 9-12 месяцев, возникает вопрос о цене потери бизнеса на год, несмотря на первые позиции по ВЧ. Обратная сторона: пока Яндекс прибегает к санкциям, создается впечатление, что его попытки нивелировать накрутку на уровне алгоритмов проваливаются, а это, в свою очередь, вызывает сожаление.

В результате сентябрьских банов потери позиций идут на десятки: иногда с 1-3 до 50-60+. Напомним, в Яндексе бан длится от 6 до 12 месяцев, в Google — до полугода.

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

Мнение эксперта

Алексей Губерман, руководитель отдела поисковой оптимизации «Ашманов и партнеры»:

«Накрутчики работают в нишах с высоким спросом; в тематиках, подразумевающих быструю денежную отдачу от продвижения. Одним наложением санкций на сайт дело не заканчивается: пока сайт находится под фильтрами, в поиске быстро «поднимается» его зеркало по другому адресу. При этом меньше всего внимания уделяется факторам, обеспечивающим доверительное отношение как к сайту, так и к самому бренду». 

Что выбрать: SEO «вдолгую» или быстрый «результат»?

Бренды с историей и крупные, стабильные компании понимают, что в поисковом пространстве сложились «best practice»: рабочие правила и эффективные практики. Они помогают достигать конкретных целей и управлять процессом продвижения вместо накрутки статистики для извлечения узких и быстрых выгод. Если компания планирует стабильное и длительное присутствие в Интернете, вопрос с накруткой, как правило, отпугивает и отпадет сам. 

На первых позициях сайт действительно чувствует себя лучше, но у проектов с накрутками чаще возникают проблемы с санкциями, аудиторией и спросом. Вспомнить хотя бы 2014-ый год (отчетливо свеж в памяти). Тогда произошло самое масштабное в борьбе с накрутками событие: под фильтр Яндекса попало более 4000 тысяч сайтов единовременно, в результате чего изменилось 85,5% выдачи. Для многих изменения стали шоком: на определенный период накрутки ушли в тень. С 2018 года манипуляции поведенческими факторами резко активизировались. Трендом стали многочисленные сервисы по накрутке и образовательные курсы по ним.

Напротив, долгосрочные SEO стратегии чаще выводят сайты в ТОП выдачи. На примере 2 миллионов ключевых слов и данных в ТОП-10 по каждому из них Ahrefs подсчитали*, что только 22% страниц, которые сейчас входят в ТОП-10, были созданы в течение года, и чуть более 1% из них занимают первую позицию в выдаче. Возраст около 80% страниц – от 2-3 лет и более; 5,7% «счастливых страниц» в ТОП-10 хотя бы по одному ключевому слову достигли результатов в течение 61-182 дней. (*Исследование Ahrefs, 2020).
Специалисты, активно использующие накрутки, рассчитывают на признание собственных методик и взглядов на SEO-продвижение. Так формируются «рабочие схемы» и «авторские алгоритмы» накруток поведенческих факторов, пытающиеся оставить за бортом по-настоящему эффективные стратегии и рекомендации поисковых систем для профессионального сообщества и бизнеса.

Токсичные, “черные” практики, вызванные поиском изъянов в работе алгоритмов поисковиков, не имеют ничего общего с настоящей работой специалистов и экспертов, разделяющих принципы прозрачности и ответственности за последствия применяемых решений в продвижении. Мы составили для вас «портрет накрутчика» — обратите внимание, один из пунктов — это гарантии. О том, что такое гарантии в SEO и как это работает — мы писали в нашем интервью.

Мнение эксперта

Денис Шубенок, исполнительный директор «Ашманов и партнеры»:

Вопрос накрутки поведенческих факторов (ПФ) носит откровенно цикличный характер. Если посмотреть в ретроспективе, даже обещания накрутчиков буквально «зеркалят» друг друга: все те же обещанные уникальные технологии, не подвластные поисковым системам, обещания вывести сайт в ТОП за пару недель, если не быстрее, и с минимальным бюджетом. Конечно, на деле все не так успешно, как звучит. Посмотрим на конкретном примере среди SEO-агентств (кстати, чаще всего именно там и используют черное SEO, как ни странно).Статистика показывает, что большая часть тех, кто сейчас имеет нули в столбце за 2020 год – наказаны поисковыми системами. Летом они продемонстрировали неестественный скачкообразный рост, что усиливает подозрение на накрутки. В течение последующих 3-6 месяцев они получили соответствующие санкции и вылетели с верхних строчек в выдаче. Для наглядности мы добавили в сравнение сайт, который рос естественным путём (ashmanov.com). Более детально информацию о видимости компаний в SEO и прочих отраслях вы можете отслеживать в рейтинге видимости сайтов.

Но тот факт, что эти сайты выпали из ТОПа, не говорит о том, что сейчас накрутчиков нет. Напомню, ПФ в качестве фактора ранжирования начали учитывать в 2009 году. В 2011 году случилась первая чистка от накрутчиков – так называемая операция «Чистый поиск». Интенты все те же: уникальные технологии, черные методы под видом белых, гарантии безопасности от фильтров. В результате пострадало более 1000 сайтов, многие из которых до сих пор (!) не вернулись в топ и лишились доверия. Некоторым только пришлось переквалифицироваться (например, сервис накрутки Userator).  

Ситуация повторилась в 2014 году – когда Seopult анонсировал очередной сервис накрутки ПФ, заявляя о чистоте метода и уникальности технологий привлечения трафика. В результате – все клиенты этого сервиса под баном. Таким образом, история повторилась. 

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

МИФЫ ОБ ЭФФЕКТИВНОСТИ ЧЕРНОГО SEO

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

• МИФ №1: Лучше позиция в ТОПе — больше конверсий

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

• МИФ №2: Накрутить лучше, чем вкладывать большие ресурсы

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

• МИФ №3: Алгоритмы поисковиков не смогут распознать накрутку

Продвижение сайта в конкурентных нишах требует постоянного внимания к чувствительным метрикам (%ТОП5, %ТОП3, %ТОП10, %Ptraf). Если сайт резко упал в выдаче, нужно проверить, не совершались ли с сайтом сторонние действия. Ботовый трафик на ваш сайт со стороны недоброжелателей и конкурентов может ухудшить поведенческие факторы и дать плохой сигнал поисковым системам. В этом случае, нужно незамедлительно заблокировать трафик от роботов и обратиться в поддержку Яндекс.Вебмастер или Google Analytics. В 2019 году Google получил патент на «Изменение ранжирования результатов поиска на основе неявной обратной связи с пользователем» для защиты от накрутки поведенческих факторов. Благодаря этому алгоритму отдается меньший вес статистике пользователей, постоянно выбирающих результаты из ТОП-3 и вводящих множество запросов в одной тематике. В Яндексе, судя по недавним событиям, ситуация с массовыми накрутками поведенческих факторов находится под ужесточенным контролем. Так, идет более тщательная фильтрация накрученного трафика при существенной потери позиций недобросовестных ресурсов.

КАК ПРЕДОСТЕРЕЧЬСЯ ОТ НАКРУТЧИКОВ?

Системы аналитики поисковиков неплохо справляются с обнаружением автоматизированного трафика и предоставляют возможность закрыть доступ к конкретному IP-адресу. Полностью блокировать всех роботов и ботов не в силах ни одна система или программное решение.

Яндекс.Вебвизор призывает обращать внимание на поведение посетителей на ключевых страницах сайта: входных, регистрации, с формой поиска, товарного каталога, оплаты и т.д.

Google позволяет отсеять не интересующий трафик по географическому принципу, исключив IP-адреса отдельных компьютеров или сетей.

Рекомендуется регулярно вести мониторинг клиентских сессий и реагировать на аномальные скачки в основных метриках (длительность сессии, глубина просмотра, показатель отказов, действия с контентом). Отслеживать неестественно резкие периоды роста можно в рейтингах видимости – например, среди сайтов в отрасли SEO.

В любых спорных ситуациях лучше всего обратиться в поддержку и ждать получения ответа.

Мнение эксперта

Алексей Губерман, руководитель отдела поисковой оптимизации «Ашманов и партнеры»:

«Обнаружить ресурсы, которые накручивают ПФ, можно только через анализ поведения пользователей на сайте и дополнительных метрик: браузера, местоположения, времени захода на сайт, ключевого слова перехода и т. д. Сейчас имитацию поведения пользователей всё сложнее отличить от реальных визитов. Возможно, единственной зацепкой для поисковых систем остается фактор достижения целевого действия. К счастью, роботам-накрутчикам оформлять реальные заказы на данный момент слишком трудозатратно и проблематично. Хотя в будущем, возможно, накрутчики придут и к этому.». 

 ПОЧЕМУ ЧЕРНЫЕ МЕТОДЫ SEO ВСЕ ЕЩЕ ЖИВЫ?

Что же способствует расцвету черных схем продвижения в 2020 году? Рассмотрим далее накрутку в действии и ответим на вопрос, почему многие проекты продолжают накручивать поведенческие факторы:

• Огромное внимание к значимости поведенческих факторов ранжирования

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

• Уязвимость поисковых систем и некая выжидательная позиция

К заданиям на раскрутку привлекаются как настоящие пользователи, так и программное обеспечение, иногда часть трафика проходит фильтры на роботность. Зачастую только вручную можно предположить о возможном инциденте накрутки, факты трудно доказать. Важно общаться с поддержкой поисковиков и вовремя выявлять инциденты. В схемах используют множество сессий с одной IP-сети, пустой User-Agent, повторяющиеся визиты и, как правило, совершаются однотипные действия на сайте для манипуляции статистикой. Это делают как для повышения позиций ресурса в выдаче, так и для быстрого выталкивания конкурента с высоких мест.

• Рост потенциала нейронных сетей и обучающих алгоритмов

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

КОМУ ДОВЕРИТЬ SEO-ПРОДВИЖЕНИЕ? 

Как эксперты рынка с уверенностью заверяем: только с помощью «белых» методов продвижения сайт из чисто маркетингового инструмента способен перейти в состояние авторитетного ресурса и стать неотъемлемой частью вашего продукта. В противном случае, вы потеряете сайт и с большей долей вероятности лишитесь доверия к товарам и услугам. Таким образом, выбор идет между полноценной работой с SEO или неоправданным риском — решать вам. 

Соблюдать правила призывают не только поисковые системы, но и опытные агентства, акцентирующие внимание на прозрачных отношениях между бизнесом и клиентами, имеющие экспертизу, эффективные методологии, собственные технологии, рабочие кейсы. Плохие примеры чаще заразительны, но за успешным опытом стоит больше ресурсов, времени и достижений. Чтобы быть уверенными в SEO-стратегии и предостеречь свой сайт от накрутчиков, вы можете получить консультацию экспертов “Ашманов и партнеры”, экспресс-аудит вашего сайта или вашего действующего подрядчика — для этого оставьте заявку здесь.

Мнение эксперта

Денис Шубенок, исполнительный директор «Ашманов и партнеры»:

Поиск золотой пули всегда будет актуален среди накрутчиков: возможность ничего не делать с бизнесом и получать трафик для многих выглядит привлекательно. Но она невозможна в долгосрочной перспективе. Потому что поисковые системы всегда настигают накрутчиков, и наказание для них чаще всего – жесткое, как и последствия для бизнеса. История накруток ПФ и борьбы поисковых систем в какой-то степени вечна, как борьба добра со злом. Но главное, что с каждой новой технологией накруток ПФ алгоритмы поисковых систем становятся только сильнее и умнее. 

Статью подготовил Демчук Матвей. Выпускник НИУ-ВШЭ (факультет коммуникаций, медиа и дизайна). Интересуется маркетингом, технологиями и наукой. Увлекается спортом, чтением и природой.

 

Продвижение сайта в Барселоне, Правда и мифы, разоблачение чёрных схем.

В этой статье я хотел бы затронуть бурно обсуждаемую с моими клиентами тему – сео продвижение. Сразу оговорюсь, я – дизайнер и программист, и не занимаюсь продвижением сайтов в поисковых системах. Всё, что я делаю – это следую всем канонам разработки качественного сайта, который легко продвигать в любом агентстве или вашими собственными силами. И далее я расскажу вам как не набить оскомину на этом пути и не пустить деньги на ветер. Достаточно давно я перешёл на светлую сторону и рекомендую использовать только «белое» продвижение, основанное на контент-маркетинге, позиционированию в соцсетях и детальной работе над вашим сайтом. Практика же показывает, что у большинства заказчиков до сих пор нет понимания, почему покупка ссылок – это прямая дорога в ад плохо, а продвижение, которое предлагают мои партнёры, стоит так дорого? Обращаясь ко мне, клиент желает получить конкретную услугу. Ему нужно SEO, ибо он уверен, что с помощью некой магии окутывающей это слово, он сможет достичь первых строк в выдаче по сочным запросам, потратив максимум 50 €, и, по щучьему велению, увеличить доходность на порядок. Что же, друзья мои, прошу вас спешиться с вашего замечательного летающего единорога и позволить сопроводить вас в реальный мир. Что нужно знать о современном продвижении сайта Наверняка вы уже запланировали продвижение своего сайта. Ведь от места сайта в поисковой выдаче напрямую зависит поток клиентов и ваша прибыль. Скажите честно, что первое вам приходит в голову, когда встает вопрос о поднятии позиций сайта в поисковой выдаче? Конечно же волшебное и манящее SEO! Ведь всем давно известно, что массовая закупка ссылок и супер-оптимизированные тексты с ключами – это верный путь в ад к высокому ранжированию сайта. Вот именно из-за этих заблуждений вы не только не можете добиться положительного результата, но и можете потерпеть оглушительный провал. Вы будете вкладывать свои средства в опасную авантюру, грозящую в один прекрасный миг оставить вас без возможности отработать вложенные деньги и вернуться хотя бы на задворки поисковых систем. Наверняка вы сейчас удивляетесь: «Как же так?». Ведь масса компаний предлагает именно закупку ссылок и сео-оптимизированные тексты и уверяют, что это самый простой путь к поднятию сайта в поисковых выдачах. Что же, когда-то было именно так, а точнее до января 2015 года. Работа строилась на впихивании ключевых слов в каждое второе предложение текста, перелинковке страниц и оптимизации метатегов. После этих несложных манипуляций сайт действительно поднимался в рейтинге и начинал приносить прибыль. Дело в том, что в компаниях поисковых систем сидят не дураки. Однажды стало очевидно, что на верхних строчках в большинстве своём находится поисковой хлам, не отвечающий ожиданиям поиска и портящий доверие к поисковой системе, адекватности её методов выдачи и ценности такой информации. 1 января 2015 года Google ввёл новые фильтры: сайты, замеченные за покупкой ссылок, наполненные «оптимизированными» невменяемыми текстами, заспамленные ключевыми словами, покидали поисковую выдачу и надолго попадали под санкции. Что же теперь делать? Давайте, следуя зову здравого смысла, пойдём самым логичным путём и узнаем, что хотят от нас в поисковых системах, какие рекомендации у них есть. Во-первых, все поисковики рекомендуют постоянно совершенствовать сайт, делая его комфортным для пользователя. Что это значит? Всё очень просто! Сайт должен быть грамотно продуман, удобен в использовании, быстро загружаться и адаптироваться под различные типы мобильных устройства. Да-да! То «произведение искусства», которое было создано голодным студентом за пару сотен евро, даже Rambler на смертном одре не будет воспринимать всерьёз. Итак, давайте посмотрим, что нам рекомендуют ребята из Google: Первым шагом должно стать создание действительно качественного сайта с приятным юзабилити, то, что я вам предлагаю на протяжении всех лет моей карьеры, обращая ваше внимание на всевозможные мелочи, которые порой играют ключевую роль. Далее идёт вопрос о наполнении. Заполняйте сайт только уникальным, релевантным и полезным контентом. Информация должна быть действительно полезной, не стоить уповать на то, что поисковой робот это всего лишь машина. Эта машина прекрасно отличит пространственный текст «о погоде» от интересной статьи по пунктам расставляющей все точки над «и». Регулярно проводите аудит площадки. Не медлите с исправлением ошибок, обнаруженных при анализе кода. Для товаров и услуг на ресурсе должна присутствовать микроразметка, помогающая отобразить ваши в товары в поиске. Подготовьте полный перечень ключевых запросов, составьте семантическое ядро. Не ограничивайтесь высоко частотными запросами, в перечне должны быть запросы средне популярные, и, конечно, самый лакомый кусочек — это узконаправленные спецпредложения которые есть только у вас. Оптимизируйте контент сайта согласно семантическому ядру. Следите за постоянным обновлением контента. Наращивайте массу естественных ссылок, но не прибегайте к их закупке. Используйте социальные сети для привлечения внимания. Чётко следуйте намеченному плану и вы сами удивитесь возросшему интересу к вашим услугам как поисковиков так и ваших новых клиентов. Вернемся к критериям поисковых систем В нашей беседе мы уже затрагивали тему рекомендаций от поисковых систем. Сейчас я расскажу вам о них более подробно, чтобы вы понимали в каком направлении нужно работать над своим сайтом. Рассмотрим пример из требований поисковика Гугл. Я взял за пример именно эту систему, т.к. она сегодня является наиболее распространенной в нашем регионе и имеет схожие требования с Яндексом. Что нравится Гуглу:

• Гугл любит ресурсы для людей
• Гуглу нравятся площадки с удобным и понятным интерфейсом
• Гугл поощряет сайты на которых размещена качественная, актуальная, интересная и релевантная информация
• Гугл любит уникальные ресурсы
• Гугл повышает за краткость и точность
• Гугл выдаёт ваши продукты в поиске если они размещены с помощью микроразметки

Что не нравится Гуглу:

• Гугл не любит ресурсы, где приведена не корректная информация
• Гугл наказывает веб-сайты с чёрными методами для повышения рейтинга
• Системе не нравятся площадки с автоматически сформированным контентом
• Наказываются сайты, замеченные в схемах бартера ссылками
• Гугл очень не любит сайты с не уникальным наполнением
• Система понижает в рейтинге за переспам ключевыми словами в тексте

Хочу обратить ваше внимание на важную цитату официальной инструкции для веб-мастеров из требований Гугл

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

Исходя из данного заявления, можно смело утверждать, что современные поисковики жестко наказывают ресурсы, использующие для продвижения тёмные методы продвижения и, напротив, поощряют площадки с качественным и интересным наполнением, удобным юзабилити и качественным дизайном. Также у каждой из поисковых систем есть свои инструменты для фильтрации и борьбы с сайтами-нарушителями. Так, к примеру, инструменты Минусинск и Пингвин выискивают сайты, практикующие закупку ссылок, АГС и Панда фильтруют контент, Владивосток и Google Mobile Friedly наказывают ресурсы, которые не имеют мобильной версии. Это лишь некоторые примеры из инструментов поисковиков для отслеживания и наказания чёрных схем продвижения. На самом деле их гораздо больше и рассказать обо всех в рамках данного поста просто невозможно. Итак, подходим к самому главному: если вы хотите чтобы ваш сайт высоко оценивался поисковыми системами и в выдаче занимал высокие позиции, нужно просто следовать рекомендациям поисковых машин и делать действительно интересный сайт. Но что же мы видим на практике? На самом деле происходит следующее. Вместо того, чтобы постепенно и кропотливо работать над своим сайтом, планомерно поднимая его в поисковой выдаче, многие продолжают приобретать ссылки, гонять ресурс по каталогам и, вообще, заниматься всякой чёрной магией, которая, как мы знаем ещё из сказок, никогда не доводит до добра. Такие действия лишь усугубляют ситуацию и сайт продолжает стремительное падение в рейтинге, а ваш доход от бизнеса с каждым днем становиться все меньше. SEO – это утопия. Для тех, кто хочет действительно зарабатывать на своем ресурсе, тех, кто заботится о своем бизнесе, этот путь крайне опасен. В любой день ваш ресурс может попасть под неусыпное око фильтров и восстановить репутацию сайта будет уже не так просто. При этом, продвижение ресурса нужно будет начинать с нуля, а это, как вы понимаете, лишняя трата времени и средств. Так что подумайте лучше о контекстной рекламе, она хоть и дороговата, но если вы не готовы платить за большее с заделом на годы вперёд, это ваш единственный путь. Для тех же, кто готов смотреть в будущее, приглашаю к прочтению далее. Критерии выбора – Агентства по продвижению Какие методы применяют мастера для продвижения ресурса Очень часто вижу такую картину: «Агентство» обещает поднятие сайта в ТОП 10 по ключевым запросам за 60 € и 2 месяца. Гарантия 100%. Осторожно – это мошенники. Помните, что никто не может давать подобных гарантий! Даже самый опытный мастер оптимизации, знающий о своем деле буквально все, не может гарантировать вам позиций в топе за месяц другой. Он может сделать все, что от него зависит, он может провести большую работу над вашим ресурсом, но гарантий он обещать не может и этому есть 2 простые причины: 1) Большинство параметров ранжирования поисковиков не доступны обычному пользователю, поэтому иной раз даже закоренелые профессионалы не могут ответить на вопрос, почему один ресурс ранжируется выше другого с такими же показателями. 2) Поисковые машины не стоят на месте и постоянно меняют свои инструменты. Это происходит всегда без предупреждения и предугадать этого не может никто. Ещё одна частая ложь: «Наше агентство партнёры гугла». За такое заявление можно вообще под уголовное дело попасть. Во первых, у гугла нет партнёров среди компаний по сео-продвижению. Во вторых, гугл борется с искоренением первых. Надеюсь тут всё ясно? Внесу ясность: я не пытаюсь дискредитировать работу агентств по продвижению. Даже наоборот, я рекомендую вам обращаться исключительно к таковым. Но, так же я пытаюсь разложить по полочкам «кто есть кто» и где вас приведут к желаемому результату, а где оставят у разбитого корыта. И здесь с вероятностью в 100% дело стоит в цене вопроса. Отсекайте напрочь все предложения ниже 500 €, иначе это будут деньги выкинутые на ветер, а вы не получите ничего взамен, кроме потраченного времени и нервов. Конечно же есть замечательные примеры, когда за вполне умеренную плату можно найти фрилансера, который проведет достойную работу по оптимизации вашего сайта. Ко мне часто обращаются заказчики по разработке и дизайну и я работаю с ними именно в таком режиме. Но, здесь так же стоит обратить внимание на методы используемые в работе и на адекватность обещаний. Однако нередки и случаи, когда вы обращаетесь в агентство и получаете небрежную работу, которая лишь наносит вред вашему сайту или, в лучшем случае, не имеет никакого результата, хотя в описании услуг прописано только белое SEO. Изучая предложения агентств по продвижению сайтов, я наткнулся на предложение по цене в 50 €, что само по себе конечно подозрительно. Описание услуги отсутствовало и, судя по цене, мастера из этой компании не будут заморачиваться на серьезную работу за такие гроши. Совет: Перед тем, как доверить свой сайт СЕО-мастерам, поинтересуйтесь какие работы входят в стоимость услуги. Если представители компании затрудняются с ответом, не стоит доверять им представление своей репутации в сети интернет, они то и за свою не в ответе. Так что там насчёт гарантий? Обращаясь в агентство, конечно, мы ждём красивых и многообещающих гарантий. Однако, будьте бдительны! Гарантий в этом деле просто не может быть кроме одной. Эта гарантия заключается в четком плане работ, который описан в договоре. Для каждого сайта есть ряд внешних факторов, которые могут влиять на прибыльность вашей компании. Так, к примеру, на рост продаж может повлиять конкурентоспособность вашей фирмы, опыт и квалификация ваших менеджеров, покупательский спрос на ваши товары, экономическая ситуация и т.д. Именно по этой причине добросовестное агентство не будет вам давать никаких гарантий повышения продаж от трафика. Мастера могут лишь спрогнозировать ситуацию через 3, 6 или 12 месяцев. Если анализ проводится опытным специалистом, то прогнозы чаще всего сбываются, но всегда остается вероятность, что что-то пойдет не так. И напоследок В этой статье я старался донести до вас: почему не стоит доверять изобилию манящих предложений и нужно выбирать только те, которые действительно выполняют свою работу качественно и ответственно, не вводя своих клиентов в заблуждение. Да, услуги таких профессионалов могут показаться вам достаточно дорогостоящими, но помните, что только комплексный подход к вопросу может действительно повысить рейтинг вашего сайта, а это не может стоить дешево. Высокая цена складывается из многих факторов. Во-первых, над вашим сайтом будет работать целая команда узкоспециализированных специалистов, которые проведут огромную работу по улучшению и оптимизации ресурса. Во-вторых, данная компания не будет использовать в своей работе элементы черного SEO. А это значит, что вы не рискуете попасть под фильтры, а ваш бизнес будет планомерно и целенаправленно развиваться и приносить доход. Пусть черное продвижение выбирают те, кому нечем рисковать! Выбор за вами: довериться профессионалам или мошенникам, достичь стабильного результата или продолжать выкидывать деньги на ветер. Возможно, прочитав эту статью, вы наконец поймёте, что ваш бизнес только в ваших руках и вы сможете самостоятельно выбрать курс вообще не обращаясь к услугам мастеров. Если вы будете следовать простым рекомендациям поисковых систем и заботиться о ваших клиентах результат не заставит себя долго ждать. Хочу заметить, что у меня добрая половина клиентов самостоятельно занимается продвижением своих продуктов и услуг, используя выше описанные методики. Как вы уже наверное догадались, они имеют отличный результат. Ну а я, в свою очередь, при разработке ваших проектов, следую всем критериям удобства для пользователей и заинтересованности поисковых машин, неустанно давая советы по совершенствованию вашего сайта.

7 причин падения SEO трафика

 

Представьте — вы заходите в Яндекс Метрику и видите, что график посещаемости сайта стал идти вниз. В чем могут быть причины такого падения и что делать в таких случаях? Разберем в этой статье.

Причина №1 — Изменение алгоритмов

Первая причина падения SEO трафика — это изменения (апдейты) поисковых алгоритмов. Они могут незначительно повлиять на позиции вашего сайта, скажем, понизив его на 1-2 места в выдаче. Даже такое незначительное изменение может снизить CTR и количество переходов.

Как отследить?

Проверить с помощью сервиса от SEOLib. Сервис показывает изменения алгоритмов прямо на графике посещаемости вашего сайта. Таким образом, вы можете отследить, связаны ли изменения в посещаемости с апдейтами поисковиков.

Как исправить?

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

Причина №2 — Фильтры поисковых систем

Помимо регулярных апдейтов, поисковые системы борются с “черными” методами продвижения, вводя новые фильтры.

Например, в своё время и Яндекс и Google решили бороться с ссылочным продвижением сайтов, когда для роста позиций было достаточно купить ссылки на сайт. Тогда многие сайты, покупающие ссылки, потеряли свои позиции в выдаче. Причем падение было не на 1-2 пункта, многие сайты просто терялись на дальних страницах.

Как отследить?

Чаще заходите в Яндекс Вебмастер и Google Search Console. Обычно поисковые сети заранее объявляют о своих планах по глобальному изменению алгоритмов.

Как исправить?

Не пытайтесь хитрить и работать по “черным” и “серым” методам. Если вы понимаете, что ваш сайт попал под фильтр поисковой системы — исправляйте причину попадания под фильтр (например, попросите убрать ссылки с некачественных сайтов).

Причина №3 — Персональные санкции

Описанные выше методы затрагивают абсолютно все сайты, но иногда поисковые системы накладывают санкции на конкретный сайт. О попадании вашего сайта под персональные санкции можно узнать на сайтах Яндекс Вебмастер (“Безопасность и нарушения”) и Google Search Console (раздел “Меры принятые вручную). Вы также получите письмо на электронную почту о причинах инцидента.

В чём могут быть причины санкций?

Некачественные ссылки

Факторы риска — покупка большого количества некачественных ссылок (например, ссылок с сайтов, рассылающих спам).

Как исправить?

Удалить некачественные ссылки, после чего отправить сайт на повторное рассмотрение.

Заражение вирусом

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

Как исправить?

Удалить вирусы с сайта и отправить сайт на повторную проверку.

Некачественный сайт

К этой категории нарушений можно отнести откровенные нарушения принципов поисковых систем, а именно: сайты-дорвеи, сайты с избытком рекламы, сайты с ворованным контентом, сайты с нелегальным контентом, мошеннические сайты.

Как исправить?

Лучше вообще не участвовать в “черных” схемах. Исправить получиться лишь переделав весь сайт “с нуля”, причем даже в этом случае есть риск остаться в “черном списке”.

Причина №4 — Сезонность

Как это ни странно, но многие владельцы сайтов не учитывают параметр сезонности.

Очевидно, что летом лыжами будет интересоваться в разы меньше людей, чем перед началом сезона или во время сезона катания. Несмотря на поговорку “Готовь сани летом, а телегу зимой”, на все сезонные товары нет регулярного спроса, что в интернете, что в обычных магазинах.

Как отследить сезонность?

С помощью сервисов, показывающих временные графики популярности запроса (например: Google Тренды, Планировщике фраз Google и Яндекс Wordstat). Выберите пункт “История запросов” и изучите график сезонности.

Что делать?

Это зависит от вашего бизнеса. Подумайте, какие запросы могут быть интересны вашим клиентам в несезонное время. Например, запросы связанные с хранением лыж, или вопросы о том, где можно покататься на лыжах летом, возможно осветить тему горнолыжных курортов. При просадке SEO трафика можно восполнить его с помощью рекламы. Например, разработать летнюю акцию “Готовь лыжи летом” со скидками на все лыжи в 25%.

Причина №5 — Ошибки в индексации страниц

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

Во-первых, ошибка в файлах robots.txt и sitemap, которые помогают поисковикам разобраться в структуре вашего сайта.

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

В-третьих, это могут быть технические ошибки со стороны CMS, поисковика, хостинга. Это случается редко, но тоже бывает.

Как проверить?

Самый быстрый способ вбить в оба поисковика запрос: “site:вашдомен.ru”. В выдаче появятся все страницы, которые “видит” поисковая система. Можете сравнить эту цифру с количеством страниц вашего сайта.

Как исправить?

Разберитесь, в чем именно может быть проблема и исправьте её. Если дело не в структуре вашего сайта и файлах — свяжитесь с технической поддержкой Яндекса и Google.

Причина №6 — Понижение позиций сайта

Как все вышеперечисленные причины, так и другие факторы могут негативно влиять на позиции вашего сайта в поисковой выдаче по определенным запросам. Очевидно, что при падении позиций падает и трафик.

Как отследить?

Регулярно отслеживайте позиции вашего сайта по приоритетным запросам.

Бесплатно: в Яндекс Вебмастере и Google Search Console. Платно, но с удобным интерфейсом и расширенным функционалом в сервисах, наподобие Serpstat и Semrush.

Как исправить?

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

После выявления причины исправьте её — позиции должны вернуться к прежним показателям.

Причина №7 — Технические ошибки и недоступность сайта

Проблемы со стороны хостинга, непродленный SSL-сертификат, проблемы с базами данных, “перегрузка” сайта от наплыва пользователей и другие технические проблемы могут быть незаметны на первый взгляд, но при этом влиять как на трафик в целом, так и на позиции вашего сайта. Если ваш сайт работает только 80% времени, а в остальное время “тормозит”, “зависает” и “вылетает” — вы не только теряете пользователей, которые физически не могут им пользоваться, но и портите свою статистику по поведенческим факторам, а также общую репутацию сайта.

Как отследить?

Для начала — выберите надёжный хостинг. Недоступность сайта отображается в Яндекс Метрике. Периодически заходите на ваш сайт и отслеживайте скорость его загрузки и работы.

Как исправить?

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

Итог

Для того, чтобы ваш сайт работал стабильно, выбирайте только безопасные и естественные методы продвижения. Заранее продумайте структуру сайта и придерживайтесь ее. Доверяйте создание, поддержку и продвижение сайта только проверенным специалистам. Используйте только проверенные CMS и хостинг. Регулярно обновляйте CMS. Отслеживайте позиции вашего сайта и оперативно реагируйте на изменения.

В таком случае вы на 99% огородите себя от непредвиденных просадок трафика и сможете обеспечить уверенный его рост.

Как использовать психологию цвета для увеличения конверсии веб-сайта

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

Однако прежде чем идти дальше, необходимо сделать еще один шаг: рассмотреть цвета и цветовые комбинации, которые вы используете на своем веб-сайте.

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

Вы можете не осознавать, что цвет — это не только его эстетические качества.

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

Давайте рассмотрим влияние психологии цвета на потребителей и то, как вы можете использовать ее на своем веб-сайте.

Что такое психология цвета?

Психология цвета — это наука о том, как цвет влияет на поведение человека.Это ветвь более широкой области поведенческой психологии. На практике это наука о том, как цвет влияет на поведение и реакцию человека.

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

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

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

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

Неважно, в какой нише вы находитесь. Если вы продаете одежду, цифровые фотоаппараты или технические услуги, важно, чтобы ваши цвета идеально сочетались с каждым элементом вашего маркетингового плана.К сожалению, это не всегда просто, поскольку выбор цвета — это «несовершенное искусство».

Вот что вам нужно знать, чтобы извлечь максимальную пользу из этого поля.

Заблуждения о психологии цвета

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

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

Воздействие может зависеть от других факторов, например:

• Отрасль, в которой вы продаете.
• Культура, которой вы продаете, и личные убеждения людей.
• Разные полы и их индивидуальные предпочтения.

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

Где следует использовать психологию цвета?

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

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

• графика героя
• тип заголовка
• границы
• фон
• кнопки
• всплывающие окна

Однако вы можете применять подсказки в широком диапазоне областей, в том числе:

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

Реальная проблема состоит в том, чтобы понять это правильно.

Почему важна психология цвета?

Вы можете использовать психологию цвета для передачи ценности, а также для продажи продукта. Например, когда компания Coca-Cola отметила 125-летие предоставления безупречного сервиса, они использовали свой классический, смелый красный цвет для брендинга своей кампании.

Индивидуальность вашего бренда имеет первостепенное значение. Основными преимуществами тщательного выбора цвета при брендировании являются:

• Ясность цели: Ваш веб-дизайн или репутация бренда могут быть усилены с помощью правильной цветовой схемы.Если вы не знаете и не говорите на языке, на котором говорят ваши потенциальные клиенты, ваш продукт может потеряться в море конкуренции, независимо от того, насколько ценным или эффективным он может быть.
• Первые впечатления : Тщательное использование цветов для создания первого впечатления может привлечь внимание впервые посетивших ваш сайт и привлечь лояльных клиентов.
• Удержание клиентов и новые потенциальные клиенты: Благодаря разумному использованию цвета вы можете повысить количество подписчиков по электронной почте, вдохновить постоянных клиентов и дать людям повод поделиться своим брендом с семьей и друзьями.

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

Как использовать психологию цвета для увеличения конверсии

CRO — неотъемлемая часть создания успешного веб-сайта. Цель состоит в том, чтобы получить максимально возможную рентабельность инвестиций и преуспеть, независимо от того, насколько сильны ваши конкуренты.

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

Какие цвета предпочитают представители разного пола?

Цветовые предпочтения не всегда легко установить. Вы найдете множество доступных исследований, и, естественно, многие из них не согласуются друг с другом. Однако у мужчин и женщин, похоже, есть очевидные предпочтения.

Согласно одному исследованию, женщины предпочитают тонкие тона:

Напротив, мужчины тоже любят эти цвета, но предпочитают их в более ярких тонах.

Тематическое исследование показывает, что многое из этого справедливо, по крайней мере, для женщин, при этом популярными остаются синий, зеленый и лавандовый цвета.

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

Также имейте в виду, что пол не считается таким бинарным, как когда-то, поэтому полагаться на цвет, который нравится мужчинам, а не женщинам, может быть не так эффективно, как вы думаете.

Некоторые цвета также могут указывать на определенные качества. Давайте посмотрим на некоторые из них.

Используйте синий для повышения доверия

Blue прочно ассоциируется с доверием, поэтому многие финансовые учреждения часто выбирают его. PayPal, Capital One, Visa и Bank of America — это лишь некоторые из финансовых компаний, использующих синий цвет в своих цветовых схемах.

Хотя разные оттенки синего могут указывать на разные вещи, он также символизирует:

• безопасность
• лояльность
• ответственность

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

Желтый — внимание

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

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

Экологичность для окружающей среды и наружных работ

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

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

Оранжевый положительный

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

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

Например, Amazon.com использует оранжевый цвет для запуска действия. Цвет указывает на срочность, что делает сообщение более заметным и действенным.

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

Черный означает элегантность и роскошь

Хотя мы иногда воспринимаем черный цвет в негативном свете, его часто выбирают продавцы предметов роскоши.

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

В психологии цвета черный символизирует авторитет, власть и престиж.Это объясняет, почему Prada, Rolls Royce и Chanel используют его в своих логотипах.

Однако такие бренды, как Chanel, стараются не позволять черному цвету доминировать на своих веб-сайтах, хотя он играет определенную роль в их общих цветовых схемах.

Используйте яркие основные цвета для вашего CTA

В нескольких исследованиях рассматривались лучшие цвета для CTA, и, как и следовало ожидать, многие из них не согласны друг с другом.

Однако бренды часто предпочитают яркие цвета, такие как красный, синий и зеленый.Еще есть Amazon, которая, как известно, использует оранжевые призывы к действию.

Тем не менее, самое важное в вашем CTA — это не обязательно сам цвет: вам нужно смотреть на контраст, вашу аудиторию и свой бренд.

А как насчет белого в психологии цвета?

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

Например:

• в простом, минималистичном дизайне
• для типографики и добавления контраста
• с всплеском цвета для этого дополнительного «поп»

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

Лучшие практики психологии цвета

Обновление цветов не означает начинать с нуля. Возможно, вы не сможете переписать руководство по стилю и выбрать цветовую палитру веб-сайта или цвета шрифта в шаблоне электронной почты, но у вас все еще есть некоторые варианты.

Вот несколько важных выводов, которые вы можете использовать, внедряя психологию цвета в свой маркетинг и увеличивая конверсию:

Если цвета не работают, предложите изменения

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

Объясните, почему некоторые цветовые комбинации не работают и как правильное сочетание может положительно повлиять на конверсию.

Используйте психологически подходящие цвета для дополнения существующей цветовой схемы

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

Тестирование нескольких цветов

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

Не забывай; Цвет — это проблема преобразования

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

Избегайте перегрузки цвета

Слишком много цветов может вызвать путаницу, поэтому не переусердствуйте: используйте белый цвет в своей цветовой схеме.

Заключение

Легко упустить из виду потенциал психологии цвета. Однако цвета, которые вы выбираете для своего веб-сайта, брендинга и маркетинга, могут оказаться более действенными, чем вы думаете.

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

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

Однако помните, что психология цвета не дает гарантированных результатов, и одни и те же цвета не будут одинаково влиять на всех.

Учитываете ли вы психологию цвета при разработке и маркетинге своего веб-сайта? Расскажите, как вы его используете, ниже.

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

12 основных советов по выбору цветовой схемы веб-сайта

Знаете ли вы, что 85 процентов покупателей принимают решение о покупке товара на цвете?

Это правда.

Сначала я обнаружил, что этот показатель был потрясающим.

Но если учесть, насколько мы управляемы визуально, как люди, это имело смысл.

Визуальные стимулы направляют почти все, что мы делаем.

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

И только подумайте о некоторых из крупнейших мировых брендов.

Большинство из них, как правило, имеют четкую цветовую схему, связанную с их фирменным стилем.

В «Макдоналдсе» — красно-желтый.

Для Dell он синий.

И так далее.

Цвет и брендирование

Как мы все знаем, создание прочной торговой марки жизненно важно.

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

А что является неотъемлемой частью бренда?

Его логотип.

Цветовая гамма, которую компания выбирает для своего логотипа, навсегда переплетается с ее фирменным стилем.

Согласно исследованию, «Цвет увеличивает узнаваемость бренда на 80 процентов».

Итак, я думаю, будет справедливо сказать, что цветовая схема очень важна.

Есть еще кое-что, о чем нужно помнить. Цвет бренда коррелирует со значением бренда .

Конечно, есть некоторый компромисс между причиной и следствием, но взгляните на эту статистику:

Ценные бренды заботятся о цвете .Много!

Если бы вы пошли путать с цветами существующего бренда, это полностью изменило бы восприятие этого бренда.

Взгляните на эти примеры с сайта TheLogoFactory.com

Вы можете мгновенно обнаружить искусственные логотипы, и вы почувствуете нечто иное, окружающее этот бренд!

Цветовая схема сайта

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

Вы не хотите выбирать цветовую схему наугад или основывать ее на том, «что вам нравится».

Конечно, вам нужна потрясающая эстетика и «сделать это популярным», но цветовая схема — это то, о чем вы хотите хорошенько подумать.

Почему?

«Люди подсознательно судят об окружающей среде или продукте в течение 90 секунд после первого просмотра. От 62 до 90 процентов этой оценки основано только на цвете ».

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

Теперь я хотел бы предложить 12 важных советов о том, как выбрать идеальную цветовую схему для веб-сайта, основываясь на исследованиях и моем личном опыте.

1. Понять, как цвет влияет на эмоции

Первое, что я рекомендую, — это ознакомиться с тем, как цвет влияет на человека на эмоциональном уровне.

Вот подробное описание того, как различные цвета кнопок с призывом к действию влияют на покупателей в Северной Америке.

Обратите внимание, что влияние цвета может варьироваться в зависимости от географического положения.

Например, цвет, который нравится американским покупателям, необязательно может понравиться покупателям из Индии.

Я также наткнулся на справочник Color Emotion Guide , в котором объясняются эмоции, которые мы связываем с цветами, и приводятся некоторые примеры брендов, использующих каждый цвет.

Я предлагаю потратить некоторое время на рассмотрение этих примеров и подумать о психологическом значении различных цветов.

2. Учитывайте общую демографию

Теперь я хочу, чтобы вы подумали о своей целевой демографической группе.

С кем вы пытаетесь связаться и продать?

Какие эмоции вы пытаетесь вызвать?

Это чрезвычайно важные вопросы, которые стоит задать себе.

Я рекомендую ознакомиться с этой информацией от Fast Company, которая объясняет эмоции и психологию, лежащие в основе общих цветов.

Учитывайте личность и эмоции вашей целевой аудитории.

Затем выберите лучший цвет, который будет основным цветом для цветовой схемы вашего веб-сайта.

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

3. Учитывать пол

Хотя это не относится ко всем, некоторые компании в основном обслуживают людей определенного пола.

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

Исследование на основе Color Assignments Джо Хэллока показало, что в среднем каждый пол имеет определенные цветовые предпочтения.

Вот о чем я.

Как видите, мужчинам очень нравится синий и не нравится коричневый и фиолетовый.

Женщины любят синий и фиолетовый и не любят коричневый и оранжевый.

Это еще один фактор, о котором следует помнить.

4. Учитывать возрастную группу

Есть кое-что, о чем следует подумать, что может быть неочевидно — возрастная группа.

Знаете ли вы, что цветовые предпочтения человека могут меняться с возрастом?

Согласно исследованию Джо Хэллока, это правда.

Вот любимые цвета людей по возрастным группам.

Вот наименее любимый цвет людей по возрастным группам.

Если в вашей демографической группе преобладает определенная возрастная группа, это тоже будет важным фактором.

5. Пройдите «Цветную викторину»

Если вам нужна небольшая помощь в выборе основного цвета, вы можете пройти тест от Grasshopper.

Вас спросят, например, «что лучше всего описывает ваших клиентов» и «какой тип продукта вы предлагаете».”

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

6. Избавьтесь от предубеждений

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

И это на основании их личных предпочтений, а не психологии.

Если ваш любимый цвет — синий, очень заманчиво сделать его основным цветом.

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

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

7. Решите, сколько цветов использовать

Итак, на этом этапе вы должны иметь в виду основной цвет.

А теперь пора выяснить, сколько всего цветов вы хотите использовать.

Хотя для этого не существует универсальной формулы, я хотел бы указать на то, что называется правилом 60-30-10.

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

Вот как все это ломается.

• 60 процентов доминирующего цвета
• 30 процентов вторичного цвета
• 10 процентов акцентного цвета

Это означает, что основной цвет будет составлять примерно 60 процентов места на вашем веб-сайте, вторичный цвет будет составлять 30 процентов, а цвет акцента будет составлять 10 процентов.

Если вам нужен пример правила 60-30-10, не ищите ничего, кроме Quick Sprout.

Обратите внимание, что зеленый является основным цветом, белый — второстепенным, а черный — основным.

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

Три.

Я не говорю, что вам нужно использовать три цвета, но это хорошее число, к которому стоит стремиться.

Использование более четырех цветов может сделать вещи сложными и совершенно уродливыми.

8. Выберите цветовую гамму

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

Я не эксперт по дизайну, но одна вещь, которую вы определенно захотите достичь, — это контраст.

Лично я предпочитаю сайты со светлым фоном и более темными контрастами на переднем плане.

Это должно облегчить восприятие ваших посетителей и создать по крайней мере определенную эстетическую привлекательность.

Вот хороший пример.

Однако есть сайты, которые неплохо справляются с темным фоном.

Возьмем, к примеру, «Чудо-хлеб».

9. Проконсультируйтесь с цветовым кругом

Помните, еще в классе рисования вы узнали о «цветовом круге»?

Что ж, это может быть огромным подспорьем при выборе цветовой схемы сайта.

Что вы хотите сделать, так это выбрать либо «аналогичные цвета», которые похожи и расположены рядом друг с другом на цветовом круге, либо «дополнительные цвета», которые находятся прямо напротив друг друга на цветовом круге.

Вот о чем я.

Один из возможных вариантов дополнительных цветов — желтый и фиолетовый.

Еще бы зеленый и оранжевый.

Один из вариантов аналогичных цветов — оранжевый и красный.

Другой будет зелено-синим.

10. Используйте вспомогательные инструменты

Вот совет по оптимизации процесса.

Используйте такой инструмент, как Colorspire.

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

Это поможет сэкономить много времени и поможет подобрать наиболее подходящую цветовую комбинацию.

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

11. Проверить конкурс

Вы также можете многому научиться у конкурентов в вашей отрасли.

Я рекомендую проверить как минимум три веб-сайта прямых конкурентов и поискать общие закономерности в их цветовой гамме.

Это должно дать вам представление о том, какие типы тонов они используют.

Оттуда у вас есть один из двух вариантов.

1. Создайте аналогичную цветовую схему, подходящую для обычной формы
2. Идите в противоположном направлении, чтобы выделиться из стаи

Я лично сторонник второго варианта, если вы хотите создать свой собственный бренд.

12. Сравните несколько разных цветовых схем

Вот в чем дело.

Вам не обязательно использовать первую цветовую схему, которую вы придумали.

На самом деле, это может быть очень ограничивающим фактором.

Я предлагаю придумать три или четыре разные цветовые схемы и сравнить каждую бок о бок.

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

Затем сузьте его, пока не найдете цветовую схему, подходящую для вашего бренда, до T.

Заключение

Не нужно быть всемирно известным художником, чтобы придумать работающую цветовую схему для веб-сайта.

Это просто вопрос понимания психологии цвета и эмоций, которые вызывают различные цвета.

Вы также захотите получить базовое представление о правиле 60-30-10 и о том, как работает цветовое колесо.

Путем экспериментов, проб и ошибок вы сможете найти оптимальную цветовую схему для веб-сайта.

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

Все это может иметь огромное влияние на ваш бизнес.

Какие факторы вы учитываете при выборе цветовой гаммы?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

11 цветовых схем веб-сайта, которые помогут вам найти идеальную палитру

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

Но погоди минутку. Что делать, если у вас уже есть цветовая палитра веб-сайта, которую вы хотите использовать? Что ж, конечно, это отличное начало, но важно подумать о том, что вы хотите, чтобы цветовая схема вашего веб-сайта говорила, прежде чем торопиться с чем-либо …

Учет психологии цвета для цветовых схем веб-сайта

—

Возьмите прекрасного художника Йозефа Альберса.Мастер цвета, он посвятил свою практику пониманию цвета и того, как он влияет на настроение зрителя и адаптируется к различным контекстам. Огромная часть его исследований заключалась в изучении различных способов взаимодействия цветов друг с другом. Возьмем, к примеру, его картину ниже: сочетание темно-зеленого и оранжевого цветов вызывает неприятные ощущения, тогда как в сочетании зеленого с серым Альберс создает баланс с гораздо более спокойным, современным настроением для публики.

Взаимодействие цвета. Джозеф Альберс через Phillips

. Подобные открытия можно использовать для информирования при выборе дизайна; они помогут вам выбрать цвета веб-дизайна, подходящие для ваших услуг, и подчеркнут идентичность вашего бренда, чтобы донести его до потребителей.

Этот разговор представляет собой введение в психологию цвета, то есть изучение цветов и того, как они влияют на нас на мозговом уровне. Как показал Марк Ротко со своими одноименными картинами «Цветовое поле», определенные цвета требуют определенной реакции. Итак, когда мы рассматриваем цветовые схемы веб-сайта, важно понимать, как разные тона и оттенки влияют на наше настроение. Например, если бы мы разработали веб-сайт для благотворительной организации в области устойчивого развития, мы могли бы использовать оттенки зеленого и синего, потому что они вызывают чувство доверия, природы и здоровья.

Выбор идеальной цветовой палитры для вашего веб-сайта создает положительное восприятие и доверие потребителей.

Вы можете не только использовать определенные цветовые схемы, чтобы влиять на настроение людей, но также можете использовать их для управления тем, как они воспринимают ваш веб-сайт. Почему именно Facebook всегда придерживался синей цветовой схемы? Неужели это действительно потому, что Марк Цукерберг дальтоник к красно-зеленому, а это значит, что синий кажется ему необычайно ярким? Ну да, но еще и потому, что синий — самый любимый цвет.Фактически, синий цвет присутствует более чем в половине всех логотипов. Имея это в виду, давайте посмотрим на основные психологические принципы всех ключевых цветов:

1. Красный : Скорость, энергия и страсть. Красный — отличный цвет, когда вы хотите, чтобы ваша аудитория начала действовать. Красный часто используется для цветовых схем на веб-сайтах электронной коммерции, а также в ресторанах и приложениях для еды на вынос — когда вы голодны и заказываете еду на вынос, вы страстно хотите, чтобы еда была быстрой!
2. Апельсин : оптимизм и счастье.Оранжевый цвет повсеместно считается «забавным», и его использование в веб-дизайне — отличный способ показать, что вы не относитесь к себе слишком серьезно.
3. Желтый : тепло, уют, позитив. Цвет солнечного света, желтый ассоциируется со счастьем и радостью. Супер весело и доступно. Это отличный цвет для веб-сайтов в сфере услуг — вы будете рады помочь!
4. Зеленый: природа и здоровье. Успокаивающий и естественный зеленый цвет — идеальный выбор для цветовой схемы при создании здорового бренда.Зеленый также является отличным выбором для обозначения экологичности и устойчивости.
5. Синий: самый универсальный и универсальный. Было показано, что синий вызывает чувство доверия, что делает его одним из самых популярных в цветовых схемах веб-сайтов.
6. Фиолетовый : креативность, мудрость и уверенность. Фиолетовый — это уникальный яркий цвет, который можно использовать в цветовой схеме веб-сайта, поскольку он требует внимания и выделяется.
7. Розовый : креативность и изобилие.Пинк сейчас радуется своей жизни, больше, чем когда-либо, его принимают люди всех полов и идентичностей, а это означает, что бренды следуют его примеру и внедряют его в различные отрасли.
8. Коричневый : Целостность, тепло и честность. При использовании в веб-дизайне коричневый цвет утешает. Это придает веб-сайтам естественную, практичную атмосферу и часто сочетается с традиционным винтажным дизайном.
9. Черный: современность, гладкий, нейтральный.Его минимализм отлично подходит для роскошных веб-сайтов; многие косметические бренды выбирают черный цвет в качестве основного цвета, чтобы показать, что их продукт является качественным, что, возможно, поможет вам оправдать такие большие траты ..?
10. Белый: минимализм, прозрачность. Иногда лучший выбор цвета для минималистичного веб-дизайна — это вообще отсутствие цвета. Белый — нейтральный оттенок, а это значит, что его можно легко комбинировать с другими цветами в целях брендинга. Он в основном используется в качестве цвета акцента или фона.
11. Серый: зрелость, авторитет.Если у вас более серьезный веб-сайт, серый цвет — отличный выбор, он показывает людям, что вы серьезно относитесь к делу.

Мы только что отправили вам ваш первый урок.

Автор OrangeCrush

11 красивых цветовых схем веб-сайта, которые вдохновят вас

—

Хорошо, кажется, нам нравится приписывать цветам эмоциональные и человеческие черты. Бренды используют эти абстрактные ассоциации для установления эмоциональных связей с людьми, что помогает им привлекать и удерживать больше потребителей или клиентов. Выбирая цветовую палитру своего веб-сайта, вы можете использовать эти ассоциации в своих интересах.Чтобы помочь нам объяснить, мы поискали в Интернете 11 конкретных примеров цветовых схем веб-сайтов в действии:

1. Цвета для продуманных экологически чистых продуктов

При выборе цветовой гаммы для бренда органической конопли есть ли другой выбор, кроме зеленого ?! Помимо экологичности, он является синонимом продуктов из марихуаны, конопли и CBD. Бледные оттенки желтого и овсяного цвета дополняют зеленый цвет конопли, в то время как серьезный характер темно-синего цвета придает уверенности этой цветовой гамме.

Зеленая конопля, бледно-лимонная, овсяная и темно-синяя:

Цветовая схема сайта с тонировкой конопли от Tonitrix: # f5eec2 # 416a59 # 39395f # 73a24e # a9c25d

2. Яркие и полезные для здоровья цвета

Было бы легко увязнуть в предсказуемо землистых тонах коричневого и зеленого при визуализации экологической идентичности бренда… но вы не должны забывать, что ваша целевая аудитория постоянно находится в поле зрения периферии!

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

Бледно-персиковый, апельсиновый, мятный и темно-зеленый:

Эко-тона тысячелетия от Your Daye: # f6c453 # fefbe9 # f0a04b # 183a1d # e1eedd

3. Стильные, тщательно подобранные цветовые схемы

У Сирени момент. Полистайте любой современный модный журнал, и вы увидите, как именно этот фиолетовый сочится со страниц в ваш гардероб.Это свежая, мягкая и классная альтернатива , розовому цвету миллениал, которые мои глаза так много видели, что на него стало больно смотреть.

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

Сирень, ржавчина, крем и уголь:

Цветовая схема Contemporary Lilac от Collagerie: # e4ddf4 # 943d24 # fffbf0 # 2d2d2d # 282612

4.Веселые, юные цветовые палитры

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

Нежно-розовый, зеленый, оранжевый и фиолетовый:

Цветовая схема полихроматического веб-сайта от Brent & Jo Studio: # 397754 # f0a3bc # 70be51 # eb6b40 # 9b45b2

5.Цвета для креативщиков, кружащие голову

Контраст неонового синего и первичного желтого кажется невероятным: он выходит за рамки требования быть замеченным, он заставляет мои глаза физически слезиться. Но я почему-то не против. Эта смелая цветовая гамма отражает вынужденную харизму креативного агентства: она смелая, захватывающая, и мне очень нравится с ней работать.

Желтый, неоновый синий и черный:

Контрастная цветовая схема сайта от e2infinity: # 5bccf6 # fcde67 # 030e12

6.Успокаивающие и оптимистичные нейтральные палитры

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

Персик, сливки и уголь:

Успокаивающая нейтральная цветовая гамма от Lovely Grit Studio: # ef9273 # fef9f8 # 0d0d0d

7.Надежные тона

Оглядываясь на нашу теорию цвета, мы видим, что холодный синий пробуждает чувство надежности и доверия к цветовым схемам веб-сайтов: по сути, ко всему, что вы хотите от онлайн-банка.

Бирюзовый, серый, синий, ярко-белый, темно-серый и морской волны:

Надежные бирюзовые тона через N26: # 2b6777 # c8d8e4 #ffffff # f2f2f2 # 52ab98

8. Успокаивающие, но уверенные цветовые схемы

Хотя коралловый и синий — довольно яркие цвета, они смягчаются безмятежными оттенками серого, сиреневого и бледно-розового.Это умная цветовая схема для приложения для медитации, потому что, хотя она успокаивает, она также уверенная (красный) и надежная (синий), которые в совокупности вполне подходят для услуг, ориентированных на психическое здоровье и благополучие.

Бледно-розовый, коралловый, серый, сиреневый и темно-синий:

Медитативная цветовая схема Spoon Lancer: # fae5df # f5cac2 # ed7966 # 303179 # 141850

9. Современные модные цветовые схемы

Purple возвращается на бис, так как на этот раз лиловый сочетается с мятой и апельсином.Эти цветовые решения повсюду в мире иллюстраций Instagram и модных интернет-магазинов. Хотя они довольно мягкие и скромные, они создают прилив современной энергии, достаточно универсальный, чтобы проникнуть в брендинг любой отрасли.

Фиолетовый, лиловый, мята и апельсин:

Via Saluto: # 5f2c3e # d1adcc # c2d2bd # c65032 # f6e9d7

10. Веселые и благотворительные цветовые палитры

.

Эта некоммерческая организация из Нью-Йорка использует пастельные синие и зеленые оттенки с акцентом на желтом, чтобы проиллюстрировать юношеское, радостное отношение к детям, поскольку они стремятся учить детей правильному питанию и предоставлять медицинские услуги школам.В этой цветовой гамме они выглядят искренними, позитивными и заботливыми.

Синий, желтый, шалфейно-зеленый и белый:

Веселые некоммерческие цвета от Lovely Grit Studio: # 1b4d89 # f9e45b # 6db784 #ffffff

11. Сильные и женственные цветовые схемы

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

Пудрово-розовый, фуксия и нефрит:

Цветовая схема Fuschia и Green для Fertility Tribe от Lovely Grit Studio: # eddcd9 # f2ebe9 # de5499 # 264143 # e99f4c

Начинается поиск цветовых схем для веб-сайтов

—

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

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

Ищете единственную в цветовой гамме?

Позвольте нашим дизайнерам подобрать ваши оттенки.

Эта статья была первоначально опубликована в 2017 году и написана Диной ДеБара. Он был дополнен новой информацией и примерами.

Лучшие цвета для веб-сайтов с большим трафиком, коэффициентами конверсии и продажами

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

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

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

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

«Какой цвет выбрать для своего веб-сайта?»

Задавая себе этот вопрос, подумайте о логотипе вашего бренда и, возможно, цвете ваших продуктов для вдохновения.

Если ваша компания производит тракторы, например, эти автомобили могут быть ярко-красного цвета.

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

Чем бы вы ни занимались, уделяйте этому вопросу много времени. Это не та тема, которую вы хотите решать, а потом уходить от нее. Выбор цвета имеет значение в веб-дизайне, возможно, немного больше, чем вы думаете.

Как выбор цвета веб-сайта может повлиять на конверсию и продажи

В среднем человеку требуется около 90 секунд, чтобы сформировать положительное или отрицательное взаимодействие с вашим сайтом.Согласно исследованию, проведенному Университетом Виннипега в Канаде, до 90% оценки вашего сайта человеком основывается только на цветах.

Кроме того, если ваш сайт электронной коммерции, вы найдете удивительным то, что почти 90% покупателей ссылаются на цвет как на основу при принятии большинства решений о покупке продукта. Цвет также помогает людям узнавать ваш бренд. Фактически, исследования показывают, что цвет помогает узнаваемости бренда на 80%.

Как выбрать цветовую комбинацию для вашего веб-сайта

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

Обратите внимание на графику, созданную Material UI, которая демонстрирует все цвета, используемые ведущими сайтами со всего мира.

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

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

Используйте основные цвета, чтобы выделиться

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

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

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

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

Обратите внимание, как Exxon использует основной синий цвет для своей кнопки с призывом к действию, чтобы побудить посетителей присоединиться бесплатно.

Использование цветовых комбинаций для объединения оттенков

Чтобы понять концепцию цветовых сочетаний, вам рекомендуется обратиться к цветовому кругу.

Это красиво выглядящее колесо помогает понять взаимосвязь цветов друг с другом и помогает создавать сногсшибательные веб-сайты, предназначенные для конверсий.

Вот несколько способов использования цветового круга для выбора цветов вашего веб-сайта для достижения наилучших результатов.

Бесплатные цвета

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

Аналогичные цвета

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

Цвета триады

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

Цвет — это все о психологии аудитории

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

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

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

Однако, независимо от того, на какой пол вы ориентируетесь или даже если вы ориентируетесь на оба, когда дело доходит до мужчин, 27% сказали, что коричневый был их наименее любимым цветом по сравнению с 20% женщин. Примите во внимание эти типы статики, чтобы не испортить образ покупателя.

10 лучших цветов для веб-сайтов с высоким коэффициентом конверсии

Имея в виду все эти знания, давайте перейдем к медным гвоздикам.

Вот различные цвета, которые вы, возможно, захотите выбрать для своего веб-сайта, и почему, для увеличения посещаемости, взаимодействия и продаж.

Белый

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

Без пробелов вы можете ошеломить свою аудиторию и заставить ее скакать.

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

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

Word-Form использует белый цвет для демонстрации своей профессиональной фотографии, и дизайн работает хорошо. Это просто и приятно для глаз.

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

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

Источник

Синий

Синий цвет используется на многих веб-сайтах различных оттенков, а именно на Facebook, Twitter, LinkedIn, Skype, Dropbox, WordPress и многих других.

Для этого есть серьезная причина. Синий считается цветом общения, интеллекта и спокойного размышления.

Обычно используется в корпоративном бизнесе из-за его способности вызывать чувство защищенности, защищенности, комфорта и доверия.

Этот цвет расслабляет, и, прежде всего, он заставляет посетителей вашего веб-сайта хотеть остаться, потому что, как и при взгляде на небо, синий цвет просто заставляет их чувствовать себя чертовски хорошо.

Черный

Вы могли подумать, что черный ассоциируется с тьмой и холодом, и в каком-то смысле были правы.

Но черный, используемый в веб-дизайне, также может олицетворять изысканность, гламур, безопасность и эффективность.

Вы заметите, что черный цвет широко используется в производстве мощных и люксовых брендов, таких как Mercedes-Benz, Under Armour, Loreal, Rolls Royce и многих других.

Источник

Обратите внимание, что Mercedes также использует много серого, что аналогично черному цвету на цветовом круге.

Серый

Цвет, олицетворяющий силу, мощь и авторитет, серый дает отличный оттенок, который подходит к большинству цветов. Вы заметите, что серый цвет сегодня широко используется в веб-дизайне.Возьмем, к примеру, Maytag.

Источник

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

Красный

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

Он также используется для вызова срочности и может быть очень полезен для распродаж.

Многие веб-сайты, такие как Toyota и Avis, используют красный цвет, потому что он теплый и заряжает энергией. Это цвет движения. Хотя слишком много красного может быть ярким и неприятным, красный действительно является отличным акцентным цветом, чтобы ваш сайт выглядел живым и активным.

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

Источник

Желтый

Цвет солнца также вызывает оптимизм и уверенность, прозрачность и творческий подход.Это захватывающе и возбуждающе, но слишком много отвлекает.

Вместо этого для акцентов следует использовать желтый цвет.

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

Источник

Pennzoil также хорошо и консервативно использует желтый цвет. Как и Toyota, бренд моторных масел использует желтый цвет в форме автомобиля, чтобы подчеркнуть роскошный черный и серый цвета и добиться особого эффекта.

Источник

Оранжевый

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

Nickelodeon и Hooters — два примера, в которых оранжевый хорошо используется для возбуждения и побуждения к действию.

Источник

Источник

Коричневый

Не многие сайты активно используют коричневый цвет.Как мы уже говорили, это очень не нравится представителям обоих полов. Однако UPS не боится такой статистики.

Бренд стал синонимом коричневых грузовиков и столь же украшенных водителей-курьеров.

Таким образом, бренд активно использует цвет в дизайне своего веб-сайта. Только надлежащее тестирование определит, подходит ли эта цветовая схема для вашей организации.

Источник

фиолетовый

Этот цвет часто используется для рекламы продуктов против старения из-за его успокаивающего и успокаивающего действия.Это связано с королевской властью, богатством и успехом.

Многие бренды используют фиолетовый цвет, например Yahoo, но лишь немногие будут активно его использовать, например, стартап-сетевой сервис Big Top.

IBM Watson использует фиолетовый, но это скорее акцент, уступающий место черному, белому и синему.

Источник

Зеленый

Этот цвет помогает людям чувствовать себя гармоничными и уравновешенными.

Зеленый — это цвет равновесия, мира и экологической осведомленности.Если ваша компания занимается сельским хозяйством, можно использовать зеленый цвет. Взгляните на веб-сайт John Deere в качестве отличного примера.

Источник

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

Источник

Секрет определения того, какие цвета привлекают и преобразуют больше всего

Чтобы помочь вам создать наилучшую цветовую схему для вашего веб-сайта, используйте удобный инструмент, такой как Калькулятор цветов, предоставленный Sessions College for Professional Design.

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

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

Посмотрите, как взаимодействуют ваши пользователи

Представляя недавно разработанный веб-сайт своей аудитории, выбирайте простое. Возьмите страницу из книги Apple.

Сайт настолько прост, насколько это возможно. Черный фон, белый текст с небольшим количеством синего и серого для завершения. Тем не менее, веб-сайт выглядит красивым. Когда дело доходит до цвета и дизайна, обычно лучше меньше, да лучше.

Источник

Sun Trust — еще один отличный пример простого сайта, в котором используются и синий, и оранжевый цвета, чтобы побудить к действию, но при этом все остается простым с большим количеством белого пространства.

Источник

A / B Тест различных цветов и комбинаций

Говорят, что выделяются цвета, на которые нажимают.Хотя теоретически это может быть правдой, только посетители вашего сайта действительно знают, какие цвета они предпочитают.

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

Заключение

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

Выбор цвета веб-сайта — это серьезное решение.

С другой стороны, выбор правильных цветовых комбинаций при разработке веб-сайта может быть забавным.

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

Ваша аудитория обязательно заметит.

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

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

Последние сообщения Роба Уэллса (посмотреть все)

Лучшие цветовые палитры веб-сайтов для повышения вовлеченности (2020)

Вызывает ли ваша цветовая схема желаемый отклик?

Вы ошеломлены количеством возможных цветовых палитр веб-сайта?

У всех есть любимые цвета, к которым они стремятся, когда дело касается работы или чего-то еще.

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

Цвета на самом деле вызывают эмоциональные отклики в зависимости от используемой палитры.

Хороший выбор цвета требует тщательного планирования.

Они могут влиять на то, как посетитель интерпретирует то, что он видит, а также на макет и типографику сайта — и, если все сделано правильно, они могут положительно повлиять на оценку бренда каждым посетителем в целом.

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

Почему ваша цветовая схема так важна?

Прежде чем мы перейдем к процессу выбора цветовой схемы для вашего сайта, важно точно понять, почему цветовая схема вашего сайта так важна.

В конце концов, вы могли подумать, что действительно имеет значение содержание.И это правда, но это еще не все.

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

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

Вот как:

1. Обеспечение узнаваемости бренда

Ваш сайт — это, по сути, дом вашей компании в Интернете.

Это означает, что он должен точно отражать ваш бренд. Кроме того, он должен быть достаточно запоминающимся, чтобы пользователи вернулись после первого посещения.

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

К счастью, цвет повышает узнаваемость бренда на 80%.

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

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

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

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

Конечно, веб-дизайн — это гораздо больше, чем просто цвет.

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

2. Сформируйте отношение посетителей к вашему сайту

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

В определенной степени причина этого ясна.

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

Но также важно учитывать роль, которую играет психология цвета в этих поспешных суждениях.

Многие компании используют эти связи, как показано логотипами на следующей диаграмме.

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

Это напрямую связано с «индивидуальностью» вашего бренда.

В одном исследовании личности бренда психолог и профессор Стэнфордского университета Дженнифер Аакер пришла к выводу, что пять основных параметров играют роль в индивидуальности бренда:

Бренды иногда могут смешивать черты характера, но по большей части их «индивидуальность» сосредоточена в первую очередь на одном. Например, компания, которая продает снаряжение для кемпинга, будет идентифицировать себя с «прочностью», а модный бренд может стремиться к «изысканности».”

И, как вы можете видеть на диаграмме логотипов выше, цвет может сыграть важную роль в демонстрации потребителям индивидуальности вашего бренда.

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

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

Например, синий часто считается самым безопасным выбором.Отчасти это связано с тем, что это самый распространенный «любимый» цвет среди большинства населения.

На самом деле 57% мужчин и 35% женщин считают, что это их любимый цвет.

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

Также стоит отметить, что синий цвет также часто ассоциируется с чувством доверия, авторитета и надежности.

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

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

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

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

3. Развивайте чувство порядка

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

Лучший способ сделать это — изучить несколько основных принципов теории цвета.

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

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

Но помимо этого, это колесо может помочь вам создать цветовую гармонию или визуально приятное расположение цветов.Гармоничная палитра веб-дизайна может помочь вам установить чувство баланса и порядка.

Существует три общепринятых типа цветовых схем, которые можно использовать для создания такой гармонии: аналогичная, монохроматическая и дополнительная.

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

При этом аналогичные цветовые схемы также являются одними из самых ярких.

Итак, если вы хотите создать красочный, визуально интересный сайт, вы можете использовать палитру, подобную следующим трем примерам:

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

Эти палитры — одни из самых простых в создании и «самых безопасных» в применении, потому что разные оттенки одного и того же цвета редко сталкиваются или кажутся слишком занятыми.

Итак, если вы хотите, чтобы ваш сайт выглядел относительно просто, монохромная цветовая схема, подобная этим трем, может хорошо подойти для вашего бренда:

Наконец, дополнительная палитра находится где-то между аналогичными и монохроматическими схемами с точки зрения разнообразия.

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

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

Конечно, это не единственные типы цветовых схем, которые вы можете создать. На самом деле, лучшие типы палитры различаются в зависимости от того, кого вы спрашиваете.

Триадная цветовая схема — один из основных вариантов.

В этой цветовой схеме используются три цвета, расположенные на цветовом круге под углом 120 градусов друг от друга.На рисунке выше это оранжевый, зеленый и фиолетовый цвета.

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

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

4.Выделение определенных элементов

Как я упоминал в предыдущем разделе, определенная цветовая палитра веб-сайта может быть полезна для обозначения важности определенных элементов.

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

Общая идея этого психологического принципа состоит в том, что чем больше выделяется предмет, тем больше вероятность, что его заметят и запомнят.

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

Такой подход также соответствует предпочтениям большинства потребителей.

В двух исследованиях, «Эстетическая реакция на цветовые комбинации» и «Потребительские предпочтения в отношении цветовых комбинаций», исследователи обнаружили, что, хотя потребители предпочитают сочетания цветов с похожими оттенками, они также отдают предпочтение палитрам с очень контрастным акцентным цветом.

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

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

Итак, хотя ваш акцентный цвет должен иметь сильный контраст, это нормально — и даже предпочтительнее — если остальная часть вашей палитры состоит из относительно похожих оттенков.

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

5. Упростите конструкторские решения

Когда дело доходит до ведения веб-сайта или бизнеса (или того и другого!), Всегда полезно искать способы упростить базовые процессы.

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

А создание палитр веб-дизайна — отличный способ сократить время, необходимое для создания новых страниц. Когда у вас есть устоявшаяся цветовая схема, вы значительно упрощаете базовый выбор дизайна как для себя, так и для своих дизайнеров и разработчиков.

Это особенно верно, если вы потратите время на документирование своей палитры простым в использовании способом, как в этом бизнесе:

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

Таким образом, если вы (или ваши дизайнеры) не можете определить, какой цвет использовать для кнопки CTA, вы можете просто сослаться на документ, чтобы получить полный список ваших вариантов.

Таким образом, вместо того, чтобы ломать голову над всеми различными возможностями, вы можете выбрать цвета из заранее заданного списка. И как только вы выберете несколько для использования или тестирования, все коды HEX и RGB уже будут прямо перед вами.

Сколько цветов нужно добавить?

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

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

Как выбрать цветовую схему для веб-сайта

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

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

Но это не всегда легко перевести, когда вы смотрите на тысячи потенциальных цветовых комбинаций. Давайте посмотрим на 23 отличные цветовые палитры веб-сайта, которые помогут вам повысить вовлеченность.

16 отличных цветовых палитр для повышения заинтересованности веб-сайтов (2020)

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

1. Меа Чаппа

На веб-сайте Mea Cuppa используется приятная для глаз цветовая палитра, которая включает в себя пару оттенков драгоценных камней (рубиновый и изумрудный) для максимальной живости, но в остальном полагается на нейтральную монохроматическую палитру коричневых и серых тонов.

Палитра веб-дизайна вызывает ощущение кафе и отражается в главном изображении сайта, что создает единство.

2. Большая вершина

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

Все основные цвета — холодные, что делает более теплые цвета яркими. На скриншоте главной страницы вы заметите, что оранжево-желтый призыв к действию привлекает ваше внимание прежде всего.

3.Глаз Тори

Наш третий пример взят из инструмента визуализации Twitter Tori’s Eye. Это отличный пример преимущественно монохромной цветовой схемы. Здесь мы видим эффекты простой, но мощной цветовой палитры, сосредоточенной вокруг оттенков зеленого.

Эту цветовую схему часто легко реализовать, поскольку один оттенок цвета почти всегда будет работать с другим оттенком того же цвета.

4. BarkBox

Доминирующий розовый цвет на домашней странице BarkBox повторяется по всему сайту в разных оттенках.Он красиво контрастирует с синим цветом, который используется в логотипах и призываниях к действию по всему сайту.

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

5. Набор для выживания с сыром

Красный — чрезвычайно популярный цвет для цветовой палитры веб-сайтов. Он может передать богатый набор эмоций, что делает его очень универсальным. Он особенно эффективен при использовании в малых дозах, как вы можете видеть на веб-сайте Cheese Survival Kit.

Красный сочетается с более нейтральными цветами, а синий помогает привлечь внимание посетителей к CTA и другим областям, в которых компания хочет привлечь внимание посетителей.

6. Северный рубин

У конференции

Nordic Ruby в Стокгольме есть красивый веб-сайт, оформленный в ярких тонах. Цвета, выбранные для цветовой палитры этого веб-сайта, придают ему изысканность и выделяют его среди менее эффектных дизайнов.

7. Озеро Нона

Lake Nona — это сайт для определенного места, в частности, у воды.Следовательно, нет ничего удивительного в том, что здесь представлен синий цвет. Другие нейтральные цвета позволяют хорошо выделяться синему.

8. Лимонная стойка

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

9. Монетный двор

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

10. Одопод

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

11. Fiverr

Вы могли заметить, что многие компании резервируют определенный цвет — в случае Fiverr, зеленый — исключительно для CTA.Его больше нигде на сайте нет. Фактически, ColorFav даже не подобрал его, потому что в нем преобладают более нейтральные цвета.

12. Школа цифровой фотографии

Вы ожидаете, что бизнес, специализирующийся на графике, будет иметь отличную цветовую палитру веб-сайта, и Школа цифровой фотографии вас не разочарует. Яркие цвета помогают привлечь внимание зрителя. И, как и Fiverr, оранжевый цвет, используемый в CTA, даже не отображается на палитре сайта, потому что он используется экономно для воздействия.

13. Ahrefs

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

14. Millo.co

Millo.co использует очень простую цветовую палитру веб-сайта, и это лучше для нее. Мы точно знаем, где искать, когда посещаем такой сайт.

15.Брайан Гарднер

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

16. Ткацкий станок

Мягкие цвета хорошо подойдут, если вы хотите успокоить посетителя. Ткацкий станок использует большие дозы лосося и беби. Это хорошо работает, особенно с темно-синим цветом, доступным для CTA и других важных элементов на странице.

Удобный список ресурсов для выбора идеальной цветовой палитры веб-сайта

Вот 18 ресурсов цветовой палитры, которые помогут вам выбрать идеальную палитру для вашего веб-сайта.

Во-первых, нужно ли вам вдохновение?

1: BrandColors

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

Ищете готовую палитру?

2: ColourLovers

ColourLovers — это форум, посвященный дизайну палитр, пользователи которого прислали почти 2 миллиона палитр. Вы можете найти «палитры, включающие этот цвет», просмотреть или подписаться на дизайнеров. Часто вы найдете варианты одной и той же палитры, дающие вам готовые варианты оттенка и насыщенности.

(В комплекте с причудливыми названиями.)

3: ColoRotate

ColoRotate поставляется с библиотекой цветовых схем, которые вы можете просматривать, выбирать и изменять.Если вы хотите создать свой собственный с нуля, вы можете это сделать с помощью инструмента 3D-цвета. И вы можете использовать схему, созданную вами прямо в PhotoShop или Fireworks, с плагином ColorRotate и приложением для iPad.

Соответствие вашему бренду

Но что, если у вас уже есть изображения, логотипы или брендинг, которым должны соответствовать цвета вашего веб-сайта?

4: Охотник за цветом

Color Hunter — это не инструмент с огромным набором функций, в отличие от некоторых многофункциональных устройств в этом списке.Вместо этого это надежное решение для одного: отслеживания определенного цвета. Зайдите на сайт, затем вставьте изображение, и инструмент создаст для вас палитру из изображения. Это надежный способ создания цветовых палитр вокруг изображений, с которыми вам нужно гармонизировать ваш сайт, и вы также можете использовать его для обратного проектирования палитр сайтов, внешний вид которых вам нравится.

5: Живописный

Pictaculous создает цветовые палитры из фотографий — загрузите фотографию, и Pictaculous предложит цвета, соответствующие ей.Помимо палитры, основанной на загруженной вами фотографии, Pictaculous предложит вам готовые цветовые схемы, которые подходят.

Эти инструменты будут генерировать целые цветовые палитры.

6: Цветовое колесо Adobe Color CC

Этот инструмент раньше назывался Adobe Kuler и начинался как сайт сравнения основных цветов. Теперь это полноценная система построения цветовой палитры. Это позволяет вам опробовать, сравнивать и сохранять цветовые комбинации на основе цветовой сферы. Вы можете выбирать типы палитры и создавать пятицветные палитры с различными уровнями ввода из инструмента, включая полностью настраиваемые и почти автоматические.

7: Палеттон

Paletton позволяет быстро создавать цветовую палитру. Выберите желаемую схему: моно, дополнительная, триадная, тетрадическая, аналог или аналог с акцентом. Затем, когда вы меняете один цвет в схеме, другие изменяются в соответствии с ним.

8: Color Spire

Color Spire создает цветовую палитру из одного цвета. Вы выбираете начальный цвет, и Color Spire предлагает палитру цветов для использования в сочетании с ним.Он также обеспечивает предварительный просмотр, позволяющий увидеть, как рекомендуемые им цвета будут выглядеть на образце веб-сайта.

9: Цветовая сфера MudCube

(Источник: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube’s Color Sphere — это плагин для Chrome, который помогает гармонизировать цвета, контролировать дальтонизм и определять шестнадцатеричные коды. Вы также можете экспортировать цветовые схемы прямо в Illustrator, PhotoShop и CoIRD.com.

10: Сплошные цвета

Cohesive Colors берет вашу текущую палитру и позволяет вам манипулировать ею, добавляя оттенок наложения в цвет по вашему выбору и быстро и легко создавая новую палитру из существующей.

11: Генератор шестнадцатеричных цветовых схем

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

Создайте свои цвета

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

12: Цветное приложение

Этот инструмент iOS позволяет принимать точные решения между похожими цветами, четко распределяя их с некоторым промежутком между ними, а не градиентами, как в цветовых кругах и сферах. Большие цветные сетки позволяют использовать весь экран (пользователи iPad Pro, радуйтесь!), А также позволяют выбирать цвета, находить значения RGB, Hex и HSLA и создавать цветовые палитры с нуля.

13: Цвет

Color от HailPixel позволяет вам точно определить, какой цвет вы хотите, а затем дает вам шестнадцатеричный код для него.

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

Получить коды для цвета

Если вы где-то видели цвет и не знаете, как его назвать, это инструменты для вас.

14: SpyColor

SpyColor дает вам информацию о любом цвете, включая Hex, RGB, CMYK и другие коды. Инструмент показывает вам ряд типов схем, таких как дополнительные, раздельно-дополнительные, триадные, конфликтующие и аналогичные, на каждой цветной странице.

15: цветовые коды HTML

HTML Color Codes находит шестнадцатеричные коды цветов изображений в вашем браузере. Вы выбираете изображение на рабочем столе и нажимаете «просмотреть изображение», затем наводите указатель мыши на него, чтобы получить шестнадцатеричные коды для различных частей изображения.

Проверьте свою палитру

Когда у вас есть цветовая палитра, вам нужно знать, подойдет ли она для разных посетителей.

16: Проверь мои цвета

Check my Colors позволяет вам проверять цвета переднего плана и фона вашей цветовой палитры, чтобы убедиться, что они обеспечивают достаточный контраст для людей с дефицитом цвета. Если вы хотите защитить свой сайт от дальтонизма или просто получить наиболее эффективные и интуитивно понятные цветовые комбинации с точки зрения UX, этот инструмент неоценим.Вставьте URL-адрес, и он выдаст отчет:

… который в основном просматривает весь код вашего сайта и оценивает все визуальные элементы на нем по видимости.

Соответствующие изображения

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

17: TinEye

TinEye более известен как альтернатива поиску картинок Google. Но он также работает как способ изучения цветовых комбинаций, используя базу данных из более чем 10 миллионов лицензионных фотографий Creative Commons, собранных с Flickr.Если вы ищете изображения с идеальной цветовой комбинацией, это отличный и простой в использовании способ их найти.

18: Вдохновение

Designspiration позволяет выбрать до пяти оттенков из палитры на всю страницу, что дает вам возможность четко видеть цвета. Затем сайт отображает все изображения в своей базе данных с этой цветовой комбинацией. Он четко показывает вам шестнадцатеричные числа и позволяет вам нажимать на отдельные шестнадцатеричные числа. Вы можете сохранять изображения в коллекции на сайте, а также скачивать их.

Как использовать инструмент поведения веб-сайта для анализа лучших цветовых палитр

Вы можете подумать, что все, что вам нужно сделать, это выбрать цветовую палитру веб-сайта и двигаться вперед на всех парах. Это не лучший способ заниматься бизнесом.

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

Инструмент анализа поведения веб-сайта, такой как Crazy Egg, предлагает прекрасную возможность выяснить, как ваша аудитория реагирует на вашу текущую цветовую палитру.

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

Когда у вас есть необработанные данные, вы можете принимать обоснованные решения о цветовой палитре вашего веб-сайта.

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

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

Вы не узнаете, пока не протестируете.

Начать использовать Crazy Egg

Создайте бесплатную учетную запись Crazy Egg, чтобы начать бесплатную пробную версию, или войдите в систему, чтобы настроить отчеты о поведении пользователей.

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

Заключение

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

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

Изменить цвета на сайте очень просто. Если вы знаете HTML, вы можете вручную изменять HEX-коды в файлах темы. Многие темы WordPress также поставляются с настройщиками, которые позволяют изменять цвета, не зная кода.

Дайте себе возможность сделать свой сайт максимально привлекательным и запоминающимся.

Дэвид Чжэн — выпускник и бывший сотрудник The Daily Egg.

Последние сообщения Дэвида Чжэна (посмотреть все)

6 советов по выбору потрясающей цветовой схемы веб-сайта

Когда дело доходит до вашего веб-сайта, вы должны дать своим клиентам потрясающие впечатления, чтобы они зацепились за ваш бренд.

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

Что ж, вы сможете добиться этого, только если выберете правильную цветовую схему веб-сайта, и я покажу вам, как именно это сделать, даже если у вас нет опыта в дизайне.

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

1. Познакомьтесь с основами психологии цвета
2. Познакомьтесь с теорией цвета
3. Подумайте о смешивании цветовых сочетаний
4. Будьте проще
5. Контрастите свои цвета
6. Добавьте свой брендинг

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

1. Познакомьтесь с основами психологии цвета

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

Цветовые ассоциации очень сильны. Мы развиваем их в младенчестве, и обычно они остаются с нами на всю жизнь. Эти ассоциации инстинктивны и часто подсознательны.

Многие из этих ассоциаций достаточно универсальны.Например, все учатся ассоциировать зеленый цвет с листьями и природой, а желтый — с солнцем.

Однако некоторые из них носят культурный характер. Одно исследование показало, что американцы связывают зависть с черным, зеленым и красным, в то время как русские считали черный, фиолетовый и желтый цветами зависти.

Эти культурные ассоциации сегодня более важны, чем когда-либо прежде, поскольку многие бренды имеют глобальное присутствие. В зависимости от используемых вами цветов люди из определенных стран могут ассоциировать с вашим брендом что-то негативное, что вам определенно не нравится.

2. Познакомьтесь с теорией цвета

Короче говоря, теория цвета — это наука о том, как работает цвет. Более длинную версию объяснить не так просто — для нее есть целые курсы колледжа! Но есть несколько простых концепций, которые вы можете подобрать, чтобы обогатить свое понимание цвета для дизайна своего веб-сайта.

Во-первых, вам необходимо понять первичных , вторичных и третичных цветов.

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

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

Третичный цвет создаются путем смешивания основного и вспомогательного цветов, расположенных рядом друг с другом на цветовом круге. Они создают сложные цвета; например, смешивание синего (первичного) и фиолетового (вторичного) создает сине-фиолетовый (третичный).

Во-вторых, давайте поговорим о теплых и холодных цветах .

Вы, наверное, уже имеете представление о том, что такое теплые и холодные цвета. Красные, оранжевые и желтые цвета классифицируются как теплые, а синие, зеленые и фиалки — как холодные.

В-третьих, важно понимать цветовых нюансов .

Не все цвета, которые вы видите, являются чистыми. Многие цвета, которые вы видите в Интернете, так или иначе пострадали.

Вы можете видеть оттенок (цвет с добавлением белого), оттенок (цвет с добавлением черного) или оттенок (цвет с добавлением серого).

Или вы могли бы видеть перенасыщенный или ненасыщенный цвет . Насыщенность цвета — это яркость или тусклость цвета.

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

3. Подумайте о смешивании цветовых комбинаций

Ваша цель — выбрать цветовую схему для дизайна вашего сайта. Что это обозначает? Что ж, вы ищете удачное сочетание цветов. В зависимости от того, с каким количеством цветов вы в конечном итоге будете работать, ваша цветовая схема может включать несколько цветовых комбинаций.

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

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

Ранее я упоминал, как цвета комбинируются для создания новых цветов, но нам также нужно посмотреть, как комбинировать разные цвета.

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

• Дополнительные цвета расположены напротив друг друга на цветовом круге. Дополнительная цветовая комбинация будет состоять из одного теплого и холодного цветов. Красный и зеленый — одна популярная взаимодополняющая пара.
• Разделенные дополнительные цвета состоят из основного цвета и двух цветов, которые примыкают к дополнительному основному цвету.
• Триады и четырехцветные цвета имеют аналогичные отношения. Триады используют цвета, равномерно распределенные на цветовом круге (например, красный, синий и желтый).Тетрадические цвета — это четыре цвета, состоящие из двух пар дополнительных цветов (например, красный, зеленый, синий и оранжевый).
• Аналогичные цвета располагаются рядом друг с другом на цветовом круге. В результате аналогичные цвета очень похожи, например, зеленый и желто-зеленый.
• Наконец, монохроматических цветов — это просто вариации одного и того же цвета. Это достигается за счет использования оттенков, оттенков и тонов.

Считайте эти цветовые комбинации своими инструментами.Поскольку все эти комбинации работают, вам не нужно беспокоиться о несовпадении цветов.

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

4. Будьте проще

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

У простоты есть два больших преимущества.

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

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

Цветовая схема

WordStream — отличный тому пример.На главной странице используются всего три цвета: синий, оранжевый и зеленый.

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

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

Эта цветовая схема одинакова для всего сайта.Вот как выглядит одно из сообщений в блоге:

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

Блог

Evernote — еще один отличный пример:

Дизайн блога построен на зеленом цвете, который является основным цветом бренда Evernote. Здесь есть несколько фантастических штрихов — изображение, кнопка входа и даже гиперссылки — все зеленые.

Желтый появляется часто, что делает эту цветовую схему аналогичной.

Эти простые дизайны имеют огромное влияние — помните об этом при выборе цветовой схемы своего веб-сайта.

5. Контрастите свои цвета

Затем подумайте о контрасте. Это один из важнейших элементов хорошего дизайна, который вы можете использовать при создании цветовой схемы своего веб-сайта.

Это потому, что контраст создает впечатление. В частности, контраст может привлечь внимание к определенным частям страницы.

Еще раз взгляните на сайт WordStream:

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

Итак, если у вас есть что-то, что вы действительно хотите, чтобы пользователи заметили, сделайте это контрастирующим с остальной частью страницы (или, по крайней мере, с элементами дизайна, которые к ней ближе всего).

6. Добавьте свой брендинг

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

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

В этом и есть ключ — подумайте о цветовых ассоциациях, которые у людей возникают с цветами, которые вы выбрали. Соответствуют ли эти ассоциации ценностям, на которых вы построили свой бренд?

Полезно узнать, что сделали и другие бренды.Вот пример с Medium:

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

А теперь приступим к (цветному) проектированию!

Теперь у вас есть все инструменты, необходимые для создания потрясающей привлекательной цветовой схемы для вашего веб-сайта.

Все, что осталось, — это пойти и сделать это.

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

И еще одно — эти знания пригодятся в будущем. Эти принципы дизайна имеют много приложений, на больше, чем просто дизайн веб-сайтов. Вы можете использовать их для оптимизации таких вещей, как публикации в социальных сетях и инфографика. Но пока начнем со своего веб-сайта. Возьмите информацию, которую вы узнали из этого руководства, и сокрушите ее! Вы готовы сделать свой сайт как можно лучше.

Об авторе

Payman Taei — основатель Visme, универсальной платформы визуальной коммуникации, позволяющей каждому создавать и делиться красивыми интерактивными презентациями, инфографикой, отчетами и другими формами интересного контента без каких-либо дизайнерских навыков.

Выберите правильные цветовые схемы для сайта электронной торговли в 2021 году

Цвет — это эмоции! Сайт без крутой цветовой гаммы — это как человек без эмоций. Мы сомневаемся, что вам будет интересно общаться и иметь дело с таким человеком или с таким сайтом.

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

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

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

Согласно «Влияние цвета на маркетинг» Сатьендры Сингха

• 85% людей подтвердили, что цвет влияет на их выбор
• 66% людей будут покупать товары только в том случае, если в дизайне товара используется их любимый цвет
• 26% людей больше реагируют на цветную, чем на черно-белую рекламу
• 80% людей узнают свои любимые бренды по цвету

Имеют ли значение цветовые схемы?

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

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

Красный

Красный цвет обладает наибольшей силой. Это лучший цвет для привлечения внимания.

Он ассоциируется с опасностью, крайностями, максимальной концентрацией эмоций, страстью и силой.

Красный цвет вызывает такие эмоции, как:

• беспокоиться
• энергия
• пыл
• смелость
• внимание
• агрессия

фиолетовый

Этот цвет очень «величественный».«Не зря это цвет Королей. Как правило, у людей он ассоциируется с чем-то высоким, гордым и духовным.

Фиолетовый вызывает такие эмоции, как:

• духовность
• глобальность
• глубина
• тайна
• изобретательность

Синий

Синий — это цвет моря, неба и умиротворения.

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

Синий используется для стимуляции таких чувств, как:

• уверенность
• ответственность
• баланс
• серьезность

Зеленый

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

• гармония
• восстановление
• надежность
• интермеццо
• устойчивость
• безопасность

Желтый

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

В электронной коммерции он используется, чтобы вызывать такие чувства, как:

• счастье
• разработка
• энергия
• удовольствие
• свобода

Оранжевый

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

Чаще всего передает такие эмоции, как:

• оптимизм
• изобретательность
• Изобретательность
• авантюризм

Розовый

«Взгляд на жизнь через розовые очки» — наверное, первое, что приходит на ум, когда речь идет о розовом.Розовый цвет символизирует женственность, легкомыслие и детскость.

Эмоции, вызывающие розовый цвет:

• легкость
• невнимательность
• нежность
• мечтать

Черный

Черный — цвет тайны, вуали и классицизма. Этот цвет одновременно устрашающий и привлекательный. Черный цвет используется для демонстрации серьезности и уверенности. Используя черные сайты электронной коммерции, хочу вызвать такие эмоции:

• авторитет
• тайна
• ограничение
• управление
• ответственность

Белый

Белый универсален — и вызывает только положительные ассоциации.Он всегда вдохновляет, помогает и вселяет определенную веру. Этот цвет вызывает ощущение:

• обновление
• ограничение
• справка
• чистота

Серый

Серый обычно используется серьезными и консервативными брендами, потому что это нейтральный цвет. Редко встретишь человека, который любит или ненавидит этот цвет. Обычно те, кто предпочитает серый цвет, руководствуются разумом, а не эмоциями.

Серый стимулирует появление таких эмоций как:

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

Коричневый

Коричневый цвет олицетворяет стабильность, преданность и естественность.Обычно это связано с почвой / землей.

На веб-сайте электронной коммерции используется для отображения:

• стабильность
• натуральность
• серьезность
• тепло

Как сочетать цвета, чтобы ваш сайт оставался идеальным

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

• Дополнительная цветовая схема

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

Это схема, в которой цвета расположены бок о бок. Например, фиолетовый и красный.

Такая схема означает выбор трех цветов, стоящих на равном расстоянии по кругу. Например красный, желтый и синий.

В такой схеме используются два цвета, стоящие рядом, а третий — напротив этих двух. Например, фиолетовый, оранжевый и зеленый.

Эта схема объединяет две пары цветов, находящихся друг напротив друга. Например, красный и оранжевый с синим и зеленым.

Эта модель состоит из цветов в кресте. Например, красный и зеленый, оранжевый и фиолетовый.

Цветовые схемы для сайтов электронной коммерции. Как выбрать подходящий?

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

Как правильно выбрать цветовую схему для электронной коммерции?

Перед тем, как выбрать цветовую схему своего сайта электронной коммерции, рассмотрите 3 основных момента:

1. Сфера вашего бизнеса. Например, если вы ориентированы на продажу косметики, то вам следует выбирать более девичьи цвета, например розовый и фиолетовый.
2. Эффект, который вы хотите произвести. Если вы заинтересованы в стимулировании людей к импульсивным покупкам, то лучше использовать яркие цвета, например красный.
3. Ваша потенциальная аудитория. Кто ваши клиенты? При разработке сайта вы должны подумать о поле вашего покупателя.

Получите лучшие цветовые схемы для веб-сайта электронной коммерции

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