6 КОНЦЕПЦИЙ SEO:О ЧЁМ ДОЛЖЕН ПОМНИТЬ КАЖДЫЙ ВЕБ-ДИЗАЙНЕР

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

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

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

Давайте рассмотрим более подробно…

6 КОНЦЕПЦИЙ SEO: О ЧЁМ ДОЛЖЕН ПОМНИТЬ КАЖДЫЙ ВЕБ-ДИЗАЙНЕР
Сергей Грибняк 30.05.2018 3068 просмотров 4 комментария Дата обновления: 04.12.2018

СОДЕРЖАНИЕ

Главная задача любого сайта – быть найденным.

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

Ошибочно полагать, что привлекать SEO нужно уже на стадии полной готовности сайта.

Чем раньше, тем лучше.

Некоторые SEO-концепты нужно рассматривать еще на стадии дизайна.

Здесь и возникает сложность.

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

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

ГЛАВА 1:

ПРИОРИТЕТ МОБИЛЬНОГО ДИЗАЙНА ДЛЯ РАНЖИРОВАНИЯ GOOGLE

ГЛАВА 1: ПРИОРИТЕТ МОБИЛЬНОГО ДИЗАЙНА ДЛЯ РАНЖИРОВАНИЯ GOOGLE
Что же означают слова “адаптивный” и “отзывчивый” дизайн?

От его правильной реализации зависит поведенческий фактор, соответственно позиции в поисковиках.

Давайте рассмотрим ряд особенностей, которые диктует контент для относительно маленьких экранов.

Приоритет мобильного дизайна для ранжирования Google

Google запустил алгоритм Mobile-first Index в 2018 году.

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

Если Вы конечно хотите быть в топе поисковой выдачи.

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

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

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

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

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

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

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

Выше мы использовали слова “адаптивный” и “отзывчивый” дизайн, но не объяснили, что это.

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

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

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

Адаптивный дизайн (Adaptive Design) включает в себя несколько макетов с фиксированными размерами.

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

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

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

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

Экран телефона позволяет охватить гораздо меньше деталей, чем монитор компьютера или планшета.

Все это знают, но не все делают правильные выводы.

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

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

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

Чего ожидает пользователь от веб-сайта:

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

Создание и расстановка контента для относительно маленьких экранов диктует ряд особенностей.

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

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

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

Улучшайте свою мобильную версию и мониторьте результат.

ГЛАВА 2:

СТРУКТУРА ТЕКСТА ДЛЯ ОРГАНИЧЕСКОЙ ВИДИМОСТИ

ГЛАВА 2: СТРУКТУРА ТЕКСТА ДЛЯ ОРГАНИЧЕСКОЙ ВИДИМОСТИ
Пользователь должен легко находить необходимую информацию, а также пользоваться функционалом сайта.

В этой главе напомним Вам теги H1, H2,…,H6.

Визуальная иерархия сайта.

Оформление контента. Поговорим о лонгридах.

Структура текста для органической видимости

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

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

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

В этой главе напомним теги H1, H2,…,H6, расскажем про аспекты визуальной иерархии сайта и лонгридов.

Заголовки и подзаголовки

Начнем с тегов H1, H2 и H3.

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

Глазам есть за что зацепиться и немного отдохнуть и осознать прочитанное.

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

При этом теги H1, H2,…,H6 сканируются ботами и положительно влияют на продвижение сайта.

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

Основной фокус направлен на первые 3 тега, но если объём и структура текста позволяют (и это оправдано с точки зрения структуры), то рекомендуется использовать все 6.

Визуальная иерархия страницы

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

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

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

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

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

Помним, что посетитель не приступает к вдумчивому/тщательному чтению.

Перейдя на сайт, он сканирует страницу глазами.

Эта особенность нашла свое отображение в схемах композиции страницы: схема F и Z.

Исследовательская компания Nielsen Norman Group в 2006 году провела исследование того, как человек просматривает контент на сайте, и обнаружила интересную закономерность.

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

Вывод: Размещать в “яркие” зоны наиболее ценную и интересную читателю информацию, чтобы вызвать желание изучить остальное и остаться на сайте.

Позднее, в ноябре 2017 года, Nielsen Norman Group опубликовали новую статью по теме F-паттерна, где отметили, что изначально трактовали результат не совсем верно.

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

Всё зависит от человека и его целей при просмотре текста.

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

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

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

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

Ключевой элемент визуальной иерархии – это свободное (негативное пространство).

Простой фон помогает пространству «дышать» и отделяет элементы страницы друг от друга.

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

Подробнее о видах белого пространства и о принципах его действия можно прочесть в статье блога Tilda Publishing.

Оформление контента

Сегодняшние тренды особенно восхваляют лонгриды.

Сеошники любят длинные статьи за их ценный вклад в рейтинг сайта.

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

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

Советы по оформлению лонгридов.

  1. Передышка для глаз.
  2. Большие пропуски между фрагментами делают контент легче для чтения и восприятия.
  3. Длинная и бесконечная прокрутки делают скроллинг мягким и упрощает навигацию.
  4. Усиливайте контент иллюстрациями, видео, анимациями, чтобы удержать читателя.
  5. Оформите текст грамотно, чтобы разбавить монотонность и удержать внимание. Используйте разные шрифты, заголовки, подзаголовки, подписи к иллюстрациям и т.д.
  6. Делайте четкую и понятную навигацию, чтобы читатель легко ориентировался на сайте.

Показывайте прогресс.

Временные индикаторы важны для читателя, чтобы понимать, сколько он прочел и сколько еще осталось.

Каждый источник определяет размеры для лонгридов определяют по-своему: более 3000 слов, от 1500 символов без пробелов, или даже от 12 минут чтения.

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

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

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

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

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

Интересная для редактора тема может оказаться скучной для аудитории.

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

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

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

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

О том, как создавать завлекающий контент мы уже рассказывали в нашей статье “27 Психологических Трюков Контент Маркетинга Для Повышения Конверсии”.

ГЛАВА 3:

ЧИТАЕМ МЫСЛИ ПОЛЬЗОВАТЕЛЯ: USER INTENT

ГЛАВА 3: ЧИТАЕМ МЫСЛИ ПОЛЬЗОВАТЕЛЯ: USER INTENT
В этой главе поговорим о важности намерения пользователя (user intent), маркетинговых инструментах и микро-моментах.

3 вида намерения пользователя.

Поговорим о 4 основных микро-моментах.

Есть несколько инструментов, помогающих разобраться с намерением пользователя.

Читаем мысли пользователей: User Intent

В стремлении корректно ранжировать сайты в поисковой выдаче Google делает всё, чтобы научить ботов максимально точно подражать поведению человека.

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

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

Google стремится понять истинный посыл, который стоит за поисковым запросом пользователя.

Мысль, которая возникает до того, как человек начинает вводить запрос в строку поиска называется намерением пользователя (user intent).

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

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

Отсюда и появляются странные поисковые запросы.

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

Вводя в Google только слово пицца, мы даем поисковику слишком мало информации.

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

Условно намерение пользователя делят на 3 вида:

  • информационный (запрос “что такое пицца”),
  • навигационный (запрос “сайт пиццерии Италия”),
  • транзакционный (запрос “заказать пиццу”).

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

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

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

Ключевые слова еще не скоро потеряют свою актуальность.

Об этом мы ранее писали в нашем блоге.

Пользовательский опыт очень важен для SEO.

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

Google подходит к проблеме намерение пользователя с фокусированием на микро-моментах.

Микро-моменты – это интент-профили, которые ищут информацию через поисковую выдачу.

Поговорим о 4 основных микро-моментах:

  • хочу знать,
  • хочу побывать,
  • хочу сделать,
  • хочу купить.

Хочу знать – запрос информации, поиск вдохновения.

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

Хочу побывать – запрос геопозиции.

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

Хочу сделать – желание активности, для удовлетворения которого обычно есть обучающие видео, туториалы, курсы и т.д.

Хочу купить – намерение приобрести что-от онлайн, от брелка до телескопа.

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

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

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

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

Наиболее известный вариант – Google Search Console.

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

Serpstat – мощный инструмент для SEO и маркетологов.

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

Google Trends – это отличный способ проверить текущую популярность трендов.

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

Answer The Public – это не самый драгоценный инструмент у SEO экспертов и в нём нет возможности запросить статистику по местным данным.

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

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

Есть возможность поиска на нескольких языках.

ГЛАВА 4:

У ВСЕХ ЕСТЬ СВОИ ЛЮБИМЫЕ СТРАНИЦЫ: ВАЖНОСТЬ ВНУТРЕННЕЙ ПЕРЕЛИНКОВКИ

ГЛАВА 4: У ВСЕХ ЕСТЬ СВОИ ЛЮБИМЫЕ СТРАНИЦЫ: ВАЖНОСТЬ ВНУТРЕННЕЙ ПЕРЕЛИНКОВКИ
Хорошо продуманная стратегия внутренней перелинковки приносит результаты для SEO и UX.

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

У всех есть любимые страницы: важность внутренней перелинковки

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

Внутренняя перелинковка – это еще и подсказка для ботов.

Ссылки показывают им, какие страницы Вы наиболее цените.

Хорошо продуманная стратегия внутренней перелинковки приносит результаты для SEO и UX:

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

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

  • Главная страница сайта – наиболее авторитетна. Сделайте так, чтоб она ссылалась на другие страницы сайта, ведь это полезно для SEO.
  • Ключевые страницы должны быть на виду. Используйте для этого преимущества блоков, футеров, меню и хлебных крошек.
  • CTA тексты должны быть отчетливо видимыми, понятными и содержательными.
  • Позиции ссылок не играют большой роли в SEO. Размещайте их осмысленно и органично.
  • Поисковикам легче оценивать значимость ссылок в текстовом контент, чем в изображениях, потому что чаще всего изображения загружаются без понятных и контекстных ALT атрибутов.
  • Не используйте естественные анкоры (click here, read more, etc). Они могут быть расценены ботами как спам.
ГЛАВА 5:

ОПТИМИЗАЦИЯ ИЗОБРАЖЕНИЙ

ГЛАВА 5: ОПТИМИЗАЦИЯ ИЗОБРАЖЕНИЙ
В этой главе мы расскажем про:

  • форматы изображений,
  • виды сжатия,
  • инструменты для сжатия,
  • важность тегов ALT и TITLE.

 

Оптимизация изображений

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

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

При этом их главный недостаток – негативное влияние на скорость загрузки страницы.

В этой главе мы расскажем о форматах изображений, видах сжатия, инструментах для сжатия и о важности тегов ALT и TITLE.

Форматы картинок

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

Популярные форматы картинок и сферы их применения:

JPEG – для фотографий или изображений людей, мест, предметов.

PNG – для изображений с прозрачным фоном.

GIF – для анимированных гифок. В ином случае, используйте JPG.

SVG – для векторных изображений.

Чем легче, тем лучше: помните о сжатии изображений.

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

Но есть парочка подводных камней.

CMS может подвести Вас и создать множество копий одного и того же изображения.

К примеру, WordPress часто создает от 3 до 5 вариантов каждой картинки в разных размеров, что сразу же замедлит загрузку страниц.

Прежде чем гуглить “сжать картинку онлайн без СМС и регистрации”, убедитесь, что это действительно необходимо.

Стандартный вариант действий – проверить, насколько оптимизирована страница с помощью Google Page Speed Insights.

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

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

Компрессия изображений

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

Существует несколько видов инструментов для сжатия изображений.

  • Онлайн сервисы для редактирования фото и картинок.
  • API или скрипты для сжатия изображений. Среди лидеров Image Optim и Kraken.
  • Плагины и модули, совместимые с вашей CMS и способные сделать работу за Вас: EWWWW и Short Pixel.

Shortpixel хорошо подходит для WordPress и работает на бесплатной основе.

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

Преимущество Shortpixel – сервис хранит резервный вариант на случай, если Вы вдруг захотите отменить изменения.

Есть 2 вида компрессии изображений: с потерей качества (lossy) и без (lossless).

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

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

Lossy не значит плохо, когда речь идет об изображениях.

JPEGS и GIFS – это форматы с потерей качества, которые мы постоянно используем онлайн.

Вы можете убрать данные из изображений без чрезмерных искажений во всём файле.

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

Зачастую, компрессия в 50% для изображения снижает размер файла на 90%.

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

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

Сжатие без потерь фокусируется на удалении метаданных из JPEG и PNG файлов.

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

ALT и TITLE атрибуты

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

Одна беда: Google боты не умеют читать надписи с картинок.

Зато Google считывает название файла и атрибут ALT.

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

Помимо этого, для изображений важно указывать атрибуты ширины и высоты («width» и «height»).

Иначе, картинка может отображаться с неверными пропорциями.

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

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

TITLE атрибут – это подсказка для пользователя.

Наведя курсор на картинку, человек видит её описание.

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

Когда картинка не грузится или непонятно, что на ней изображено, TITLE атрибут вступает в игру.

Check-list по TITLE атрибуту.

  • Содержит только корректное описание картинки.
  • Лаконичность. Не нужно расписывать несколько строк.
  • Может содержать одно из основных ключевых слов.
  • Не дублирует заголовок со страницы.

Атрибут ALT – альтернативное описание картинки в виде.

Текст выводится в том случае, если картинка не грузится.

Содержимое ALT тега учитывается при поиске картинок, поэтому ключевые слова в нём – необходимость.

Check-list по ALT атрибуту.

  • Описывает картинку, а не контекст публикации.
  • Не содержит слишком много слов. В среднем достаточно от 3 до 12.
  • Содержит ключевые слова, но не состоит целиком из их перечисления.
  • Написан на языке статьи.
  • Представляет собой обычное предложение, понятное читателю; вместо знаков препинания можно использовать пробелы.
ГЛАВА 6:

ШТРАФЫ ЗА ВСПЛЫВАЮЩУЮ РЕКЛАМУ

ГЛАВА 6: ШТРАФЫ ЗА ВСПЛЫВАЮЩУЮ РЕКЛАМУ
Google заботится о своих пользователях и не может не заметить, что всплывающие окна многих раздражают.

Что приводит к понижению ранжирования сайта?

Что мы относим к безопасным всплывающим окнам и pop-ups?

Штрафы за всплывающую рекламу

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

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

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

Но этот метод продвижения в то же время блокирует основной контент сайта для читателя.

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

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

Рекомендуется отводить для всплывающей рекламы не более 20% площади экрана.

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

К понижению в ранжировании сайта приводят:

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

Безопасные всплывающие окна и pop-ups:

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

Заключение

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

Мы разобрали самые важные аспекта на 2018 год.

Итого:

  • Гугл начал ранжировать сайты, основываясь на мобильных версиях. Проанализируйте юзабилити проекта на телефоне и убедитесь, что вы готовы к грядущим изменениям.
  • Проверьте структурированность контента. Тэги H1, H2, и H3 должны помочь создать путь, по которому могут следовать боты.
  • Учитывайте UX факторы при подборе ключевых слов, оптимизируйте контент с учетом user intent для высокого ранжирования.
  • Внутренняя перелинковка важна. Ссылки сигнализируют поисковым ботам, какие страницы Вы оцениваете наиболее высоко.
  • Придавайте изображениям больше видимости: оптимизируйте имена файлов, ALT атрибуты и продумывайте, как боты будут реагировать на картинки.
  • На понижение в мобильной выдаче теперь влияют всплывающие окна, баннеры и другие виды межстраничной рекламы. Избегайте их на своих посадочных страницах, чтобы не навредить ранжированию сайта.

Учитывайте желания и комфорт пользователей при разработке всех версий сайта.

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

Пожалуйста, оцените нашу статью: 
     Ваш ответ сохраняется...
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
(10 оценок, среднее: 5,00 из 5)
Сергей
Автор: Сергей Грибняк

наверх

100