5 самых распространенных ошибок юзабилити сайтов

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

Canva для создания графики для блога и соцсетей (2:

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

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

Canva для создания графики для блога и соцсетей (2:

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

Большие визуальные “пропасти” между контентом разной длины

В идеальном мире, наш контент ровный и красивый, как в наших Sketch файлах, но реальный мир расставляет все на свои места. Заголовки длиннее, описания отличаются по длине а имена не всегда состоят из 4-х букв (как того хочет Apple). Когда карточки размещаются в сетке на больших экранах, мы часто видим большие расстояния между ними. Это не означает, что пробелы нельзя использовать вообще. Это значит, что непоследовательные пробелы могут нарушить компактность и затруднить восприятие карточек.

Большие визуальные “пропасти” между контентом разной длины

Предстоящие воркшопы

  • Продвинутая типографика в веб-дизайне $25 марта в 19:00

  • Как прокачать визуалку (UI) и научиться красть как художник Оценка из 5 $10 апреля, 13:00

Большие визуальные “пропасти” между контентом разной длины

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

Большие визуальные “пропасти” между контентом разной длины

Триггеры для развития визуальных трендов в году

Вирус

Реакция общества: всеобщая паника, страх потери (дохода, работы, возможностей и т.д.).

Реакция брендов: стремление успокоить и поддержать.

Локдаун

Локдаун (от англ. lockdown — «карантин») — запрет на свободное перемещение людей в связи с экстренной ситуацией).

Реакция общества: изменение образа жизни, увеличение количества потребляемого контента.

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

Экология

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

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

Безработица

Реакция общества: стресс и страх.

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

Эти явления и ответы на них становятся топливом для визуальных трендов. Многие тенденции берут начало в 2019 году и продолжают усиливаться. Некоторые появились в начале 2020 года и подхватываются брендами сейчас. Согласно опросу британского digital-издания MarketingWeek, 86% маркетологов откладывают или пересматривают свои рекламные кампании. Поэтому некоторые тренды мы проиллюстрировали примерами из музыкальной индустрии, представители которой зачастую являются трендсеттерами в визуальной коммуникации.

Читайте также:  Где можно разместить бесплатную ссылку на свой сайт?

Графические форматы

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

Графические форматы
Графические форматы

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

Графические форматы
Графические форматы

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

Графические форматы
Графические форматы

Фотографии

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

Иллюстрации

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

14 ошибок на коммерческих сайтах, которые мешают продвигаться и продавать

Схемы

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

Инфографика

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

Комиксы

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

Примеры продающих постов

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

Вот пример продающего поста:

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

Вот пример развлекательного поста, то есть использование цитаты на картинке.

Далее, пример информационного поста.

Соответственно, картинка должна быть тематической.

Вот пример конкурса.

Фотография к хорошему конкурсу должна содержать в себе иконки действий: лайк, шер, комментирование. Человек просто посмотрев на картинку должен понимать, каких действий вы от него хотите.

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

Вот пример поста йога-студии Сидерского, которая использовала сервис Promo Republic.

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

Вот использование шаблона из библиотеки сервиса Promo Republic.

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

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

Это пример мероприятия детской студии — Миньоны PARTY. Они использовали картинку миньонов, добавили объекты дизайна — вот этих вот маленьких кукол, написали «Чудики», использовали нужный стиль шрифта (я бы сказала такой, что воспринимается по-детски), плюс добавили подарок в верхнем правом углу.

Дальше пост нашего клиента с индивидуальным стилем.

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

Заключение

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

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

Желаем процветания вам и вашему бизнесу!

Перевод статьи -seo-tips

ОШИБКА 5: СКУЧНЫЙ КОНТЕНТ

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

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

РЕШЕНИЯ: как сделать сайт интересным

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

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

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

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

← Поделиться с друзьями !

Базовый чек-лист по настройке контекстной рекламы

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

1. Разделение и кросс-минусовка B2B и B2C запросов. Это верхний уровень структуры. Чтобы ее улучшить, нужно детально изучить ваши сегменты аудитории.

2. Объявления оптимизировать под разные устройства. Рекламные кампании для мобильных собираем отдельно.

3. Пишите рекламное объявление правильно.

1 = Ключевые слова в заголовке

2 = Наличие уточняющих слов

3 = Ключевое слово в отображаемой ссылке

4 = Ключевое слово в описании

5 = Призыв к действию

6 = Наличие быстрых ссылок с ключевым словом

7 = Контактная информация

4. Используйте «Структурированые описания» и расширения объявлений: «Номера телефонов», «Адреса», «Цены» для повышения эффективности ваших объявлений в Google AdWords помимо быстрых ссылок и уточнений.

Читайте также:  Как выбрать роутер для дома

Пример расширения «Цены»:

Пример структурированного описания:

5. Придерживайтесь принципа 1 ключевое слово = 1 объявление для средне- и высокочастотников рекламные кампании должны строиться по принципу. Низкочастотники (когда показов 1–30) нужно группировать, а объявления для них — шаблонизировать с помощью решеток.

6. Сделайте кампании на околотематические ниши, например: сервис, лизинг, комплектующие.

7. Ограничивайте бюджет на неэффективные ключи, площадки, каналы.

8. Работайте с рекламной сетью Яндекса и контекстно-медийной сетью. Но фильтруйте площадки, чтобы к вам не шел мусорный трафик.

9. Запускайте новые инструменты. Это, в основном, касается AdWords: реклама в Gmail, объявление-звонок.

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

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

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

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

14. Заполните список минус-слов. Его часто забывают или составляют небрежно.

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

Хотите получить предложение от нас?Начать сотрудничествоСмотрите также

Статья

Как использовать SEO на полную мощность?

Статья

Кейс: SEO-страницы, которые принесли 50 миллионов рублей

(Нет оценок)Loading…Назад Кейс: SEO-страницы, которые принесли 50 миллионов рублей Вперед Сквозная многоканальная аналитика контент-маркетингаРассказать друзьям Комментарии Вконтакте Facebook Please enable JavaScript to view the comments powered by Disqus. comments powered by Disqus

Площадки для вирального контента

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

  1. «Твиттер» — площадка для любителей шуток и смешных картинок от 20 лет.
  2. «Одноклассники» — посетители 35+. Акцент сделан на изображениях и видео.
  3. «Вконтакте» — зарегистрированы люди от 12 до 65 лет. Хорошо распространяются видеозаписи и флешмобы.
  4. «Инстаграм» — пользователи от 13 до 35 лет. Популярен визуальный контент.
  5. «Фейсбук» — сеть для деловых людей от 35 лет. Лучше запускать видео и лонгриды.
  6. «ТикТок» — молодежная площадка для пользователей до 30 лет. Распространяются смешные видеозаписи.

Не понятно для кого создаем материал

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