2017-11-24

Textual description of firstImageUrl

Черная пятница онлайн. Скидки и распродажи

Black-Friday
Сегодня началась крупнейшая распродажа Black Friday (Черная пятница). Уже вошедшая в привычку ежегодная распродажа товаров по сниженным ценам, в 2017 году черная пятница состоится 24 ноября. Обычно эта грандиозная акция начинается днем раньше (в четверг) и длится 3 дня. В ней принимают участие большинство крупных магазинов, которые зарекомендовали себя с положительной стороны и тысячи мелких онлайн магазинов, а также порталов, предлагающих платные услуги.
Важно, не слепо покупать товары или заказывать услуги, а обращать внимание на цены. Многие недобросовестные продавцы проводят манипуляции с ценами, заранее повышая стоимость товаров, чтобы сделать видимость достойной “скидки”. Лучше накануне мониторить цены на интересующие продукты.
В этой статье я расскажу о некоторых магазинах, поддерживающих скидочную лихорадку, и, конечно, учитывая тематику моего блога, сделаю упор на сервисах, полезных вебмастеру.
Aliexpress – пожалуй, один из самых популярных онлайн магазинов, на котором совершают покупки в черную пятницу. Это и не случайно, огромное количество гаджетов, бытовой техники, одежду, детские товары и многое другое можно приобрести по сравнительно низким ценам. Если подойти грамотно с днем распродажи, то можно дополнительно сэкономить. Однако, некоторые недобросовестные продавцы могут значительно “играть2 с ценами в день черной пятницы. Так что будьте внимательны! Учитывая достаточно долгую доставку из магазина, то выбирать подарки к Новому году нужно уже сейчас.
Примечание. Если вы покупаете на aliexpress или на другом крупном онлайн магазине, то полезно пользоваться сервисами кэшбек (они дают скидку, если вы покупаете через их сервис). К сервисами кэшбека относится letyshops. Во время проведения распродажи на черную пятницу, сервис традиционно повышает размер кэшбека.
Другие онлайн магазины, поддерживающие добрую традицию проведения Black Friday:
Это был лишь краткий обзор популярных магазинов, участвующих в распродаже. Вы можете его дополнить списком своих любимых интернет-магазинов. Следующий список онлайн площадок будет больше полезен блогерам и вебмастерам.

Black Friday для блогеров

Litres – в день Black Friday можно выбрать книги по сниженным ценам. Покупая электронные книги, вы убиваете двух зайцев – экономите деньги и место в книжном шкафу. Кроме ежегодной распродажи, на литрес сегодня проходит акция 3+1 – покупая 3 книги, четвертая – в подарок (подробные условия акции на сайте). Как раз сегодня я воспльзовалась скидками и приобрела 3 книги на общую сумму 479 рублей и выбрала в подарок детскую книгу:
книга-в-подарок
Я считаю, что блогер должен постоянно развиваться. Развивать свою речь, грамотность, получать новую информацию. Лучшим образом это можно сделать, регулярно читая книги. Кстати, на книги издательства “Манн, Иванов и Фербер”, некоторые из них я освещала в своем блоге, в Черную пятницу скидка – 40%.

Блогерам знание языка помогает искать новые идеи для статей, для этого нужно иметь навык перевода статей или знать технику перевода аудио на английском языке в русский текст. Поэтому для всех, кто изучает язык, я предлагаю ознакомиться с сервисами по изучению английского, которые предлагают скидки в Черную пятницу:
Lingualeo – имеет отличные инструменты для запоминания английских слов, наборы текстов, аудио, видео на английском языке, курсы грамматики и многое другое предлагается за 845 рублей в год.
Puzzle-english – этот сайт использует свои плюшки, помогающие изучению английского языка. В день Black Friday купить абонемент на год можно всего за 690 рублей. за эту же цену можно купить Puzzle Movies и тренировки слов на 1 год.
Блогерам на Wordpress можно купить качественную тему или плагин от разработчиков WP Puzzle с 30% скидкой. При оформлении заказа нужно ввести код купона: BLCKFRD302017
Все виды купонов и распродаж в Черную Пятницу для продвинутых SMM-мщиков:

Если вы ведете рассылку на Sendpulse, то сегодня там предусмотрена ссылка 35% при покупке на год.
Calameo.com – сайт для хранения ваших электронных публикаций, предлагает скидку 30% для платного тарифа по купону: Friday17
Платные виджеты для Blogger и wordpress вы можете приобрести с 50% скидкой в день распродажи на сайте Getsitecontrol по купону: BLACKFRIDAY50 Описание этих виджетов, которые ограниченно можно использовать бесплатно читайте в статье “красивые виджеты для обратной связи”.
Качественные плагины от Sumo для блога на любой площадке, в том числе и для Blogger, можно приобрести сегодня со скидкой 50%.
Скидку 70% на регистрацию доменов вы можете получить на beget.com. Покупка одного домена вам обойдется в 57 рублей! Спешите, акция распространяется только на период с 00:00 24 ноября 2017 года до 23:59 26 ноября 2017 года.
На timeweb.com предлагает следующие акции на период с 20 ноября до 03 декабря 2017 года: при оплате годового тарифа при вводе купона BLACKFRIDAY, вы получите еще месяц хостинга в подарок. При переносе блога с другого хостинга и при оплате на год, вам подарят еще 3 бесплатных месяца.
Надеюсь, что мой перечень акций, проводимых в день Черной Пятницы 2017 года был вам полезен. Если вам есть чем его дополнить, то пишите комментарии!
Читать далее ...

2017-11-20

Textual description of firstImageUrl

Ads.txt–вы рискуете потерять доходы

ads.txt - вы рискуете потерять доходы

Внимание! Запись обновлена через 5 дней после публикации 25 ноября 2017 года. В конце статьи вы найдете решение проблемы с Ucoz-сайтами, а возможно, эта информация поможет вам в решении с проблемами на других площадках!
Google Adsense внес новшество – теперь у некоторых издателей появляется уведомление в виде красной полосы статуса в аккаунте адсенс – “Вы рискуете потерять доходы – Один или несколько файлов ads.txt не содержат сведений об идентификаторе издателя AdSense. Исправьте эту ошибку, чтобы избежать потери дохода”.

Вы рискуете потерять доходы – Один или несколько файлов ads.txt не содержат сведений об идентификаторе издателя AdSense

Чтобы исправить эту ошибку достаточно разместить файл ads.txt с указанными данными (их вы возьмете из вашего аккаунта adsense) в корневом каталоге.
Проблема стала нерешаемой для сайтов, размещенных на поддоменах. Это сайты на Ucoz с доменами третьего уровня. Вебмастера просто технически не могут разместить файл в корневом каталоге. Я не слышала, чтобы проблема затронула блоги на Blogger, но если предупреждение будет разослано блогерам Blogspot, то они не смогут также загрузить файл, так как эта функция недоступна.
Что написано про файл ads.txt в справке Adsense вы можете подробно прочитать сами по ссылке >>>

Кратко я расскажу, что в ней написано:


Google Adsense решил контролировать процесс размещения рекламных объявлений, и предоставлять места авторизованным продавцам инвентаря (читать: мест под рекламные объявления). Таким образом, рекламодатель будет контролировать, чтобы продажа рекламных мест осуществлялась строго продавцом, чьи сайты будут иметь статус подтвержденных в аккаунте Google Adsense. Это имеет целью снизить случаи мошенничества со стороны вебмастеров.
При этом добавление файла ads.txt не является обязательным, но в случае получении вебмастером уведомления о “риске снижения доходов”, файл будет необходимо добавить в корневой каталог.

Ваши действия при получении уведомления: “Вы рискуете потерять доходы – Один или несколько файлов ads.txt не содержат сведений об идентификаторе издателя AdSense”

  1. Создайте файл ads.txt и вставьте в него рекомендуемое содержание Adsense:
    google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0
    Обязательно замените pub-0000000000000000 на свой идентификатор издателя. Его вы найдете в аккаунте Адсенс по пути: Настройки –> Аккаунт –> Информация об аккаунте.
    Второй вариант: всю строку, которая должна содержаться в файле ads.txt вы можете скопировать из информации, которая откроется при просмотре статуса:
    ads.txt создание файла
  2. Загрузите файл в корневой каталог.
  3. Ждите вступления изменений в силу в течение 24 часов.

Что ждет вебмастера при игнорировании предупреждения

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

Что делать вебмастерам бесплатных доменов

Если вам не пришло уведомление, то делать ничего не нужно.
Если у вас сайт на ucoz с доменом третьего уровня, то вам следует задуматься о приобретении собственного домена. Если это решение вас по каким-то причинам не устраивает, то:
  1. ищите другие способы монетизации сайта,
  2. обратитесь в службу поддержки ucoz. Эту проблему наверняка решают.
  3. Ждите, когда Adsense разрешит добавлять ads.txt на домены третьего уровня.
Про случаи появления статуса у блогеров Blogger я пока не слышала, надеюсь, что их не затронет эта проблема, так как без изменения функционала Blogger, она станет нерешаемой для для тех блогеров, которые  прикрепили домен второго уровня.

Обновление от 25 ноября 2017 года. Прошло пять дней с момента публикации этой статьи, и примерно  8 дней с момента появления предупреждения в панели моего аккаунта Google Adsense, связанного с Ucoz-сайтом, имеющим домен третьего уровня */do.am.
К тому времени, я уже сняла всю рекламу адсенс с сайта на Ucoz и заменила ее на блоки advmaker.net. Доход, конечно же, стал значительно меньше, чем когда у меня висела реклама от Google. Перед сменой рекламы, я предусмотрительно сделала резервную копию шаблона, чтобы при случае быстро вернуть все назад.

Итак, зайдя в аккаунт Google Adsense 25 ноября, я не обнаружила красной строки с предупреждением о снижении дохода, вернула блоки гугла на сайт, и они стали отображаться!

Вывод: если после добавления файла ads.txt, ваша реклама не стала отображаться на следующий день, то следует подождать в течение недели. Домены третьего уровня и сайты на Ucoz не являются помехой для добавления этого файла.
Читать далее ...

2017-10-29

Textual description of firstImageUrl

Как вставить плейлист Youtube на сайт

как вставить плейлист youtube на сайт
Youtube развивается быстрыми темпами, все чаще стала возникать ситуация, когда найти информацию по какому-либо запросу на Youtube стало проще, чем на обычных текстовых сайтах. Все больше блогеров пользуются популярностью видеоконтента, и создают свой “облегченный” текстовый контент – они берут идеи у популярнх и не очень видеоблогеров, вставляют видео на свой сайт со своим описанием. Таким образом можно “наштамповать” много страниц на сайте. Главное в этом вопросе – попадание в тренд, поиск удачным запросов, которые находятся навзлете.
Если вы хотите стать одним из популярных видеоблогеров, то записывайтесь в школу Дениса Коновалова
Как вставить видео в блог, пожалуй, знают все (Перейдя по указаной ссылке, вы узнаете, как встравать видео youtube на сайт 2017, я исправила статью согласно изменениям, произошедшим на популярном видеохостинге). В этой заметке я расскажу, как вставить видео плейлист на ваш сайт. Плейлист – это серия следующих друг за другом видеороликов. Добавление интересного и полезного плейлиста в статью вашего сайтаа может надолго задержать посетителя, но это произойдет лишь в том случае, если тематика плейлиста будет строго соответствовать теме статьи, дополнять ее, материал будет изложен интересно и доходчиво.
Вам может быть также интересно, как вставить видео в блог ЖЖ
Инструмент вставки плейлиста удален из обновленного интерфейса Youtube, но это не значит, что теперь функция вставки плейлиста совершенно недоступна для вебмастеров. Нужно просто знать трюк, с помощью которого это можно осуществить. О нем и пойдет речь ниже. Вам может пригодиться также информация о том, как скачивать плейлисты youtube на компьютер.

Как вставить плейлист Youtube в сообщение блога или сайта

>br />
  1. Сначала нужно найти плейлист нужной тематики. Набираем в поиске Youtube ключевое слово и задаем фильтр “Плейлисты”. Смотрите скриншот ниже с порядком действий:
    найти плейлист youtube

    Результаты поиска:
    поиск плейлиста на youtube
    Вы можете перейти по ссылке – "название плейлиста” (выделено красной рамкой на скрине). Тогда вы попадете в окно просмотра видео из плейлиста. Если вы перейдете по ссылку “Просмотреть весь плейлист”, то попадете на страницу плейлиста с перечнем видео. Чаще всего вы будете иметь дело с первым вариантом.
  2. Итак вы на странице плеера плейлиста youtube. Скопируйте ссылку страницы:
    встроить плейлист с видео на сайт

  3. Пример: Ссылка на плейлист -
    https://www.youtube.com/watch?v=NEPWOPcx43k&list=PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
    Из него нужно вычленить id плейлиста. Это код, который идет после &list=
    В примере id плейлиста PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl

    Если вы находитесь на странице просмотра плейлиста:
    встроить плейлист youtube на сайт

    Здесь также нужно скопировать ссылку страницы и вычленить оттуда id плейлиста.
    Ссылка на страницу плейлиста в примере:
    https://www.youtube.com/playlist?list=PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
    id плейлиста – это набор символов, идущих после знаков ?list=
    В примере id – PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
    Как мы видим, что id одного плейлиста, полученного разными способами совпадает. Это значит, что мы все делаем правильно. Используйте один из способов для получения id.
  4. Теперь вам нужно поставить id плейлиста в код:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=ID frameborder="0" gesture="media" allowfullscreen></iframe>
    Вместо ID (в коде выделено красным) подставьте свой id.
Пример плейлиста на сайте:

Как добавить плейлист вашего канала Youtube на сайт

Если у вас есть свой канал Youtube, и вы создаете плейлисты, добавляя в них свои или чужие видео (нет никакой разницы), то вы можете воспользоваться способом, описанным выши для встраивания плейлиста на сайт, но есть способ и проще. О нем и пойдет речь далее.
Перейдите в раздел “Творческая студия” –> Менеджер видео –> плейлисты –> выберите плейлист –> Настранице плейлиста нажмите на кнопку “Изменить”:
добавить видео плейлист на сайт
Теперь нажмите на кнопку “Отправить” –> HTML – код:
html-код-плейлиста
Читать далее ...

2017-10-26

Textual description of firstImageUrl

Конвертер Word документов в html онлайн

Конвертер Word в html онлайн
Использовать текстовый редактор Word очень удобно для написания статей для вашего сайта, но далее блогер сталкивается с проблемой выкладывания статей из ворд документов на сайт. Простой совет использования горячих клавиш CTRL + C и CTRL + V не подойдет, так как теряется все форматирование, и особенно жаль таблицы.
Выход из этой ситуации – использовать блог клиенты Windows Live Writer или Open Live Writer – подойдет тоже не всем, так как имеются сложности с использованием программ для публикации статей на вордпресс (их блокируют плагины безопасности), а также эти клиенты создают лишний код, что является существенным недостатком.
Вебмастерам, которые любят выкладывать на своих сайтах сложные таблицы, особенно рекомендую прочитать эту статью до конца. Некоторые решения проблем с созданием и публикацией таблиц в постах блогов я уже освещала в статьях:

Как перевести документ Word в html

Удобный сайт, который помогает преобразовывать тексты word файлов в html - https://word-to-html.ru/
Перевод Word в html онлайн
Пользоваться конвертером очень лекго. Копируйте содержимое вашего Word-документа в буфер обмена и вставляйте в редактор сайта word to html. Далее нажмите на значок исходного кода:
Word в html онлайн
Теперь выделите код, скопируйте его и вставьте в html-редактор записи вашего блога. Перед копированием кода, рекомендую провести оптимизацию кода (нажмите кнопку “Оптимизировать” на сайте). Самый большой плюс этого генератора в том, что таким образом вы сможете добавлять на ваш сайт сложные таблицы с шапками, объединенными ячейками, а также с выделением строк или столбцов цветом. При добавлении “цветной таблицы” оптимизировать код html нельзя.
Пример таблицы, добавленной при помощи сервиса:
Моя цветная таблица
ячейка
Пустое поле
Пример таблицы
-
Зеленое поле
Второе зеленое поле
Однако, сервис не лишен недостатков:
  1. Нельзя загрузить Word документ, необходимо вставлять содержимое копированием. Также, как и нет возможности скачать html-документ.
  2. Картинки пропадают. Придется их вставлять вручную.
Еще один сайт, который справляется с этой задачей - https://wordtohtml.net/
Как превратить документ Word в файл html
Здесь более расширенный редактор по сравнению с предыдущим конвертером. Недостаток: английский интерфейс. Функционал ограничен в бесплатной версии, так, например, загружить Word-документы можно только в PRO-аккаунте.
Конечно, в интернете есть и другие редакторы, но я остановилась на тех, которые мне больше всего понравились.
Читать далее ...

2017-10-08

Textual description of firstImageUrl

Убрать или изменить надпись “Показаны сообщения с ярлыком”

Убрать или изменить надпись “Показаны сообщения с ярлыком”
Надпись “Показаны сообщения с ярлыком” часто не устраивает блогеров, т.к. она не всегда нужна, не всегда выглядит красиво и выдает то, что блог ведется на платформе Blogger (некоторые вебмастера скрывают этот факт).
Если вы хотите красиво оформить ярлыки, то прочитайте статью по ссылке.
Полезная статья про настройку новых шаблонов Blogger 2017: как показать ярлыки в шаблоне Blogger 2017
показаны сообщения с ярлыком
Еще одна надпись, возникает при использовании встроенного поиска по блогу: “Показанные сообщения отсортированы по релевантному запросу (календарь). Сортировать по дате Показать все сообщения”.
Показанные сообщения отсортированы по релевантному запросу

Поэтому, убрав эти надписи, мы избавляемся от ненужного элемента и от лишнего кода. Из этой статьи вы узнаете, как это сделать несколькими способами, и как изменить эту надпись, прописав свой текст.
Узнайте также о том, как оптимизировать вашу тему Blogger, прописав заголовки h1, h2, h3
Внимание! Перед любыми изменениями в html редакторе темы, делайте резервную копию

Способ 1. Удаляем надпись “Показаны сообщения с ярлыком… Показать все сообщения”


  1. Перейдите в админке Blogger по пути Тема –> Изменить html
    Тема – Изменить html
  2. Клик в любом месте кода мышкой и нажмите CTRL +F для активации поиска по коду. Ищите отрезок кода:
    <b:includable id='status-message'>
  3. Кликните на стрелочку напротив найденного кода для раскрытия
    Убрать или изменить надпись “Показаны сообщения с ярлыком”
  4. Удалите весь код, заключенный внутри секции b:includable с идентификатором 'status-message', а именно:
         <b:includable id='status-message'>       <b:if cond='data:navMessage'>       <div class='status-msg-wrap'>         <div class='status-msg-body'>           <data:navMessage/>         </div>         <div class='status-msg-border'>           <div class='status-msg-bg'>             <div class='status-msg-hidden'><data:navMessage/></div>           </div>         </div>       </div>       <div style='clear: both;'/>       </b:if>     </b:includable>

    Убрать или изменить надпись “Показаны сообщения с ярлыком”
  5. Вставьте на его место код:
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>
  6. Сохраните изменения.
Если таким способом вам по каким-то причинам, удалить указанную надпись не удалось, тогда переходим к способу 2.

Способ 2 удаления текста “Показать сообщения с ярлыком”

  1. Переходим в html редактор темы Blogger (Тема –> Изменить html)
  2. Найдите в шаблоне отрезок кода ]]></b:skin>
  3. Вставьте перед ним: .status-msg-wrap { display: none; }
  4. Сохраните изменения.

Как изменить текст надписи “Сообщения с ярлыком …”

  1. Повторите шаги 1-3 из Способа 1 (удаление надписи)
  2. Замените удаленный код следующим:
    <b:includable id='status-message'>
       <b:if cond='data:navMessage'>
       <div class='status-msg-wrap'>
         <div class='status-msg-body'>
           <b:if cond='data:blog.pageType == "index"'>
           <b:if cond='data:blog.searchLabel'>
             Сообщения с ярлыком <b><data:blog.searchLabel/></b>
           </b:if>
           <b:if cond='data:blog.searchQuery'>
             Показаны сообщения, соответствующие запросу <b><data:blog.searchQuery/></b>
           </b:if>
           <b:else/>
           <data:navMessage/>
           </b:if>
         </div>
         <div class='status-msg-border'>
           <div class='status-msg-bg'>
             <div class='status-msg-hidden'><data:navMessage/></div>
           </div>
         </div>
       </div>
       <div style='clear: both;'/>
       </b:if>
    </b:includable>
  3. Вы можете изменить текст, выделенный синим и зеленым на свой собственный.
Читать далее ...

2017-09-30

Textual description of firstImageUrl

Как убрать древовидные комментарии в Blogger

комментарии-blogger
Сегодня мы будем учиться убирать древовидные комментарии из блога Blogger. В этом случае комментарии будут иметь линейный (одноуровневый) вид. В такой форме комментариев нельзя ответить какому-то конкретному комментатору, но она имеет свои неоспоримые преимущества:
  • из линейных комментариев возможно удалить внешние ссылки на Blogger.com.
  • ссылку из даты комментариев можно удалить только при условии использования одноуровневой системы.
Как итог, лучшая оптимизиция, удаление тонны внешних ссылок, ведущих из комментариев вашего блога.
Примечание. Если вы пользуетесь комментариями от гугл плюс, то удалить древовидные комментарии будет невозможно. Прежде нужно отключить google plus комментарии.

Способ 1 удаления древовидных комментариев

Вы можете поменять эту настройку комментариев на значение “На всю страницу” или “Всплывающее окно” (Настройки –> Сообщения, комментарии, настройки доступа –> Комментарии –> Расположение комментария –> На всю страницу или Всплывающее окно). Изменение одной этой функции приведет к удалению древовидных комментариев из вашего блога и приведения их в линейный вид. Однако в этом случае при оставлении комментария (при нажатии кнопки “Ответить”) у вас будет всплывать окно. Это достаточно неудобно.
Поэтому рассмотрим…

Способ 2 – переход к одноуровневым комментариям Blogger (оптимальный)

  1. Настройки –> Сообщения, комментарии, настройки доступа –> Комментарии –> Расположение комментария –> Встроенный
    комментарии
  2. Настройки –> Другое –> Фид сайта –> Разрешить фид блога –> Дополнительно –> Напротив пункта “Каналы комментариев к каждому ссобщению” выбираем “Нет”:
    фид-комментария
Сохраните изменения.

Как удалить внешнюю ссылку на Blogger.com из комментариев

Перед любыми изменениями кода темы делайте резервную копию шаблона!
Перейдите в редактирование шаблона блога по пути Тема –> изменить html, клик в любом месте кода шаблона, активируйте поиск горячими клавишами CTRL + F. Введите в поиск по коду шаблона отрезок data:post.commentFormIframeSrc и вы найдете строчку:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' />
Удалите её.

Как удалить ссылку из даты комментариев

Хотя дата комментариев и не дает внешней ссылки, однако некоторые пользователи стремятся избавится и от нее, считая, что она уменьшает вес страницы, а также являются циклическими ссылками, т.е. ведут на одну и ту же страницу. Это не одобряют поисковые системы.
Чтобы удалить ссылку из даты комеентариев на Blogger, выполните поиск по отрезку кода  data:comment.timestamp, в результате вы найдете такой код, отвечающий за вывод даты комментария:
<a expr:href='data:comment.url' title='comment permalink'>
             <data:comment.timestamp/>
           </a>
Удалите код, выделенный красным. Сохраните изменения.
Читать далее ...

2017-09-22

Textual description of firstImageUrl

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

Счетчики на сайт, ставить или нет?

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

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



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

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

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

В древности и на протяжении истории воины надевали красные доспехи и облачения (например войны Спарты), красные мундиры были у солдат британской армии.

Красный цвет это так-же власть и величие.

С точки зрения дизайна сайта красный это практически самый яркий и заметный цвет (лучше выделяется только ядовито-зелёный и жёлтый), при этом красный не всегда вульгарен. Им можно выделять реально важные элементы интерфейса или подчёркивать что-то (наличие спойлеров в тексте, например).

Красным часто выделяют большие скидки и распродажи:

Психология цвета в дизайне и рекламе

Красный это так-же цвет праздника и подарков

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

Если мы возьмём новый дизайн YouTube то мы видим, что на красный был сделан огромный акцент (но этот дизайн многим не понравился):

Психология цвета в дизайне и рекламе

Почти все важные элементы в ютубе сейчас имеют красный цвет

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

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

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

Психология цвета в дизайне и рекламе

Яркий пример как старается выделится ютуб и это получается

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

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

Психология цвета в дизайне и рекламе

Красный так-же использует Coca-Cola, а главный конкурент, Pepsi - синий

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



Психология цвета в дизайне и рекламе

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

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

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

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

Касательно дизайна именно синий выбрали крупнейшие социальные сети - Вконтакте и Фейсбук (первые украли у вторых).

Психология цвета в дизайне и рекламе

Фейсбус делает даже платные конверсии синим

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

Я думаю именно поэтому ютуб (или к примеру Альфа-Банк) выбрали красный, при перечислении логотипов и брендов эти компании выделяются.

Обратите внимание что большие компании вообще используют максимум 3 цвета, редко когда 4 (белый, серый, чёрный и один из цветов радуги). Довольно редко есть больше чем 3 цвета радуги на одном сайте, а вот в блогах у людей с плохим чувством вкуса вы постоянно будете видеть кучу цветов и сплошной цирк.

Психология цвета в дизайне и рекламе

В азбуке блогера сохраняется одна основная цветовая гамма

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

Психология цвета в дизайне и рекламе

Классическая цветовая палитра

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

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

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



Психология цвета в дизайне и рекламе

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

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

К примеру абсолютно красный это 225 Red 0, Green, 0 Blue. А вот допустим жёлтый это если выкрутить на максимум красный и зелёный (225), при этом не подключая синий.

Так-же в компьютере любой цвет можно обозначать с помощью кода:

Психология цвета в дизайне и рекламе

http://htmlcolorcodes.com/

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

Итак, что означает зелёный цвет с точки зрения психологии цветов и дизайна сайта?

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

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

Старое растение зелёным уже не будет.

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

А так-же это цвет яда, бактерий, болезни, микробов, радиации и кислоты.

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

Психология цвета в дизайне и рекламе

Исключения - сайты про экологию, животный мир и природу

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

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



Цвет как часть бренда


Цвет бренда (часто логотипа) является важной вещью для бренда. Если мы говорим про зелёный, то его взяли на вооружение банки.

Психология цвета в дизайне и рекламе

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

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

Психология цвета в дизайне и рекламе

Тинькоф банк выбрал жёлтый - как более молодой и активный

Альфа-Банк выбрал красный.

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

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

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

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

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

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

А некоторая крутая реклама как раз чёрно-белая.



Психология цвета в дизайне и рекламе

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

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

Помню отвратительное решение сайтов про Матрицу делать примерно вот так:

Психология цвета в дизайне и рекламе

Это еще не самый плохой вариант реализации, бывает весь текст зелёным

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

Вернёмся к цветам.

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

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

Оборачивать что-то дорогое и серьезное в жёлтый цвет будут редко.

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



Психология цвета в дизайне и рекламе

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

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

Например вот так жёлтый цвет куда лучше читается.

Но всё равно он слишком сильно напрягает глаза.

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

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

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

Психология цвета в дизайне и рекламе

Но тут жёлтый не текст, а только некоторые элементы

И заметьте как это сочетается с чёрным (преумным цветом), вполне неплохо в этом случае. Как бы говорит про активность и молодость, но и стиль + нечто серьезное.

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

Психология цвета в дизайне и рекламе

При этом внизу сайта у банка жёлтого уже почти нет

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

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

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



Автор данной статьи - Блог Econ Dude. Я пишу на разные темы (продвижение, раскрутка, игры, экономика) и о том, что мне интересно. Делаю обзоры и делюсь своим опытом. Заходите в мой блог и спасибо что прочитали эту статью.

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