Вещи, которые дизайнеры должны знать о SEO в 2018 году

  1. Об авторе Мириам Джессиер является цифровой стратег специализируется на SEO. Она работает над...
  2. Итак, как это влияет на сайты с точки зрения дизайна?
  3. Создание контента для маленьких экранов
  4. SEO совет относительно адаптивного дизайна:
  5. Схема сканирования Google: создание ботов умнее
  6. Структура контента для органической видимости
  7. Подсказка SEO, чтобы получить правильную иерархию контента
  8. Изменения количества контента: длинная форма контента находится на подъеме
  9. Советы по дизайну для длинного контента
  10. Намерение пользователя имеет решающее значение
  11. Исследование намерений пользователя
  12. Раскрытие намерений пользователя
  13. Google Trends
  14. Ответ общественности
  15. Бонусный инструмент: Serpstat «Поиск вопросов»
  16. Внутренние ссылки: потому что у всех нас есть любимые страницы
  17. Изображение SEO
  18. Чем легче, тем лучше: несколько советов по сжатию изображений
  19. Не верьте скорости страницы Google (учебник по алгоритму быстрого сжатия)
  20. Инструменты, которые вы можете использовать
  21. Сжатие изображений с потерями и без потерь
  22. Баннеры с текстом в нем
  23. Google Lens
  24. Штрафы за визуальные помехи на мобильном телефоне
  25. Советы, как избежать наказания
  26. Некоторые люди могут никогда не увидеть ваш дизайн
  27. Дизайн и UX Воздействие SEO

Об авторе

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

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

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

Вот обзор того, что мы будем освещать в этой статье:

  • Создавайте мобильные устройства для Google,
  • Содержание структуры для органической видимости,
  • Фокус на намерениях пользователя (не ключевые слова)
  • Отправить правильные сигналы с внутренней связью,
  • Ускоренный курс по имиджу SEO,
  • Штрафы за всплывающие окна,
  • Скажите, как вы это имеете в виду: голосовой поиск и помощники.

Design Mobile First для Google

В этом году Google планирует сначала проиндексировать мобильные сайты:

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

Итак, как это влияет на сайты с точки зрения дизайна?

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

Вот несколько вещей, которые волнуют пользователей, когда дело доходит до веб-сайта:

  • Гибкие тексты и изображения .
    Люди должны иметь возможность просматривать изображения и читать тексты. Никто не любит смотреть на пиксели в надежде, что они превратятся во что-то читаемое или в изображение.
  • Определены точки останова для изменений дизайна (вы можете сделать это с помощью медиазапросов CSS).
  • Возможность использовать ваш сайт на всех устройствах .
    Это может означать возможность использовать ваш веб-сайт в портретном или альбомном режиме без потери половины функций или наличия кнопок, которые не работают.
  • Жидкая сетка сайта, которая стремится поддерживать пропорции .

Мы не будем вдаваться в подробности о том, как создать замечательный адаптивный сайт, так как это не главная тема. Однако, если вы хотите глубоко погрузиться в эту увлекательную тему, могу я порекомендовать Smashing Book 5 ?

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

Большой предварительный просмотр

Создание контента для маленьких экранов

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

  • Контент должен быть настолько интересным, что пользователи прокручивают его, чтобы прочитать больше;
  • Перестань думать с точки зрения текста. Анимированные картинки, видео, инфографика - все это очень полезные типы контента, которые очень удобны для мобильных устройств;
  • Держите свои заголовки короткими заманчивыми. Вам нужно убедить посетителей нажать на статью, а текстовая стена этого не даст;
  • Разные устройства могут иногда означать разные ожидания или разные потребности пользователей. Ваш контент должен отражать это.
SEO совет относительно адаптивного дизайна:
  • Google предлагает удобный для тестирования инструмент , Осторожно, хотя: этот инструмент помогает вам соответствовать стандартам дизайна Google, но это не значит, что ваш сайт идеально оптимизирован для мобильных устройств.
  • Проверьте, как робот Google видит ваш веб-сайт с помощью функции «Получить и отобразить» в консоли поиска Google. Вы можете проверить настольные и мобильные форматы, чтобы увидеть, как пользователь и робот Google увидят ваш сайт.

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

Ресурсы:

Схема сканирования Google: создание ботов умнее

Поисковые системы занимаются сканированием сайта определенным образом. Мы называем это «схемой обхода». Google объявил, что во втором квартале 2018 года он отказывается от своей старой схемы сканирования AJAX. Новая схема сканирования довольно сильно эволюционировала: она может обрабатывать AJAX и JavaScript изначально. Это означает, что бот может «видеть» больше вашего контента, который мог быть скрыт за каким-то кодом до новой схемы сканирования.

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

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

Эксперты по SEO думают об организации страницы в терминах, доступных для робота поисковой системы. Это означает, что мы смотрим на дизайн страницы, чтобы быстро установить, что такое теги H1, H2 и H3. Содержание организации должно быть осмысленным. Это означает, что он должен действовать как путь, по которому бот может следовать. Если вам все это кажется знакомым, это может быть связано с тем, что иерархия контента также используется для улучшения доступности. Существуют некоторые небольшие различия между тем, как SEO и специальные возможности используют H-теги:

  • SEO фокусируется на тегах от H1 до H3, тогда как в доступности используются все теги H (от H1 до H6).
  • Специалисты по SEO рекомендуют использовать один тег H1 на страницу, тогда как accessibility обрабатывает несколько тегов H1 на страницу. Хотя в прошлом Google уже заявлял, что принимает несколько тегов H1 на странице, многолетний опыт показывает, что один тег H1 лучше для ранжирования.

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

Большой предварительный просмотр Большой предварительный просмотр

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

Большой предварительный просмотр   Большой предварительный просмотр Большой предварительный просмотр Большой предварительный просмотр

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

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

Пример позиции нуля любезно предоставлен Google.com. ( Большой предварительный просмотр )

Подсказка SEO, чтобы получить правильную иерархию контента

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

Если мы вернемся к странице Canva, вы увидите, что «связанные статьи» и другие теги H не должны быть частью иерархии содержимого этой страницы, поскольку они не отражают содержимое этой конкретной страницы. Хотя стандарты HTML5 рекомендуют использовать H-теги для боковых панелей, верхних и нижних колонтитулов, они не очень совместимы с SEO.

Изменения количества контента: длинная форма контента находится на подъеме

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

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

Отличным примером мощи длинного контента, связанного с целью поиска пользователей, является статья об навязчивых вставках в Smashing. Большинство пользователей будут называть рекламные вставки «всплывающими окнами», потому что именно так многие из нас думают об этих вещах. В этом случае в Google.com статья занимает место сразу после официальных рекомендаций Google (и имеет смысл, что Google должен быть номером 1 по их собственному брендовому запросу), но журнал Smashing отображается в виде фрагмента текста «позиция 0» на запрос «Руководящие указания по всплывающим окнам Google» на Google.com. Search Engine Land, высококачественный SEO-блог, являющийся опорой сообщества, ранжируется после Smashing (который, скорее, является скорее блогом дизайна, чем SEO). ,

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

Большой предварительный просмотр

Если вы хотите узнать больше, вы можете обратиться к статье на основе данных Нила Пателя на тему « Почему 3000+ Word блогов получают больше трафика (ответ на основе данных) «.

Ресурсы:

Советы по дизайну для длинного контента

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

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

Ресурсы:

Намерение пользователя имеет решающее значение

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

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

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

Исследование намерений пользователя

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

  1. Я хочу знать.
    На этом этапе пользователям нужна информация или вдохновение. Запросы довольно часто являются диалоговыми - это начинается с проблемы. Поскольку пользователи не знают решения или иногда слов, чтобы описать их интерес, запросы всегда будут немного размытыми.
  2. Я хочу идти.
    Местоположение, местоположение, местоположение! Запросы, которые сигнализируют о местном намерении, набирают силу. Мы не хотим никакого типа ресторана; тот, который имеет значение, тот, который ближе всего к нам / лучший в нашей области. Ну, это можно увидеть в запросах, которые включают «рядом со мной» или конкретный город или район. Локализация важна для человека.
  3. Я хочу делать.
    Люди также ищут вещи, которые они хотят сделать. Это где учебники являются ключевыми. Реклама обещает быструю потерю веса, но опытный предприниматель должен сказать вам, КАК вы можете похудеть подробно.
  4. Я хочу купить.
    Клиенты демонстрируют намерение совершить покупку достаточно четко через Интернет. Они хотят, чтобы «предложения» или «отзывы» принимали их решение.

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

Ваша UX или стратегия проектирования должны отражать эти различные стадии намерения пользователя. Небольшие изменения в ваших словах могут иметь большое значение. Так как же разобраться с намерениями пользователя? Мы рекомендуем вам установить Google Search Console, чтобы понять, как пользователи находят вас. Этот бесплатный инструмент поможет вам найти некоторые ключевые слова, которые пользователи ищут для поиска вашего контента. Давайте рассмотрим два инструмента, которые могут помочь вам раскрыть или проверить намерения пользователя. Лучше всего, они бесплатны!

Google Trends

Google Trends - отличный способ проверить, растет ли популярность чего-либо, идет ли спад или нет. Он предоставляет данные локально и позволяет сравнивать два запроса, чтобы увидеть, какой из них более популярен. Этот инструмент бесплатный и легко доступный (по сравнению с инструментом Планировщика ключевых слов в AdWords, который требует наличия учетной записи и дополнительных хлопот).

Большой предварительный просмотр Большой предварительный просмотр

Ответ общественности

Ответ общественности отличный способ быстро увидеть, что люди ищут в Google. А еще лучше, вы можете сделать это по языку и получить прекрасный визуальный эффект солнечных лучей для ваших усилий! Он не такой точный, как некоторые из инструментов, которые используют эксперты по SEO, но имейте в виду, что мы не просим дизайнеров и экспертов по UX стать гуру поисковой оптимизации! Примечание: этот инструмент не предоставит вам статистику или локальные данные (он не предоставит данные только для Англии, например). Нет необходимости в учебнике, просто зайдите и попробуйте!

Большой предварительный просмотр   Большой предварительный просмотр Большой предварительный просмотр Большой предварительный просмотр

Бонусный инструмент: Serpstat «Поиск вопросов»

Полное раскрытие, я использую другие инструменты премиум-класса как часть моего собственного набора инструментов SEO. Serpstat - это первоклассный инструментарий контент-маркетинга, но на самом деле он доступен и позволяет гораздо глубже вникать в цели пользователя. Это помогает предоставить мне информацию, которую я никогда не ожидал найти. Например, несколько месяцев назад я узнал, что довольно много людей в Северной Америке были озадачены тем, почему ванны пропускают свет. Ответ был легок для меня; Большинство ванн сделаны из стекловолокна (а не из металла, как в старые времена). Оказывается, не всем это ясно, и некоторых клиентов нужно было успокоить в этом вопросе.

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

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

Большой предварительный просмотр   Большой предварительный просмотр Большой предварительный просмотр Большой предварительный просмотр

Ресурсы:

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

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

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

Вот краткий учебник по внутренним ссылкам:

  • Домашняя страница является самой авторитетной страницей на сайте. Таким образом, это отличная страница для указания на другие страницы, которые вы хотите повысить в SEO.
  • Все страницы в пределах одной ссылки на главной странице часто интерпретируются поисковыми роботами как важные.
  • Перестаньте использовать привязки ключевых слов на вашем сайте. Это может выглядеть как спам. «Подробнее» и «нажмите здесь» предоставляют очень мало контекста для пользователей и ботов.
  • Используйте навигационные панели, меню, нижние колонтитулы и ссылки на хлебные крошки, чтобы обеспечить достаточную видимость ваших ключевых страниц.
  • Текст CTA также должен быть четким и очень наглядным, чтобы способствовать конверсии.
  • Избранные ссылки в фрагменте контента: он очень контекстуален и имеет больший вес, чем общий текст привязки или ссылка в нижнем колонтитуле или на боковой панели, которые можно найти на сайте.
  • По словам Джона Мюллера из Google: позиция ссылки на странице не имеет значения. Тем не менее, оптимизаторы предпочитают ссылки выше на странице.
  • Поисковым системам легче «оценивать» ссылки в текстовом контенте по сравнению с якорями изображений, потому что часто изображения не имеют четких контекстных атрибутов ALT.

Ресурс:

Существует ли идеальная структура ссылок на уровне веб-сайта и на уровне страницы? Ответ - нет. Веб-сайт может иметь различную структуру ссылок в зависимости от его характера (блог, электронная коммерция, публикация, веб-сайт B2B и т. Д.) И выбора информационной архитектуры (информационная архитектура может привести к структуре типа пирамиды или к чему-то похожему гнездо, кокон и т. д.).

Большой предварительный просмотр Большой предварительный просмотр Большой предварительный просмотр

Изображение SEO

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

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

  • JPEG
    Лучше всего подходит для фотографий или дизайна с людьми, местами или вещами.
  • PNG
    Лучше всего подходит для изображений с прозрачным фоном.
  • GIF
    Лучше всего подходит для анимированных GIF-файлов, в противном случае используйте формат JPG.
Большой предварительный просмотр

Ресурс:

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

Google предпочитает более легкие изображения. Чем светлее, тем лучше. Тем не менее, у вас может быть скрытая проблема, тянущая вас вниз: ваша CMS. Вы можете загрузить одно изображение, но ваша CMS может создавать еще больше. Например, WordPress часто создает от 3 до 5 вариаций каждого изображения разных размеров. Это означает, что изображения могут быстро повлиять на вашу производительность. Лучший способ справиться с этим - сжать изображения.

Не верьте скорости страницы Google (учебник по алгоритму быстрого сжатия)

Не уверены, что изображения снижают производительность? Возьмите страницу с вашего сайта, пропустите ее через онлайн-оптимизатор и посмотрите, каковы результаты! Если вы планируете использовать Google Page Speed ​​Insights, вам необходимо учитывать тот факт, что этот инструмент использует один конкретный алгоритм для анализа ваших изображений. Иногда ваши изображения идеально оптимизируются с помощью другого алгоритма, который не обнаруживается инструментом Google. Это может привести к ложному положительному результату, говорящему вам оптимизировать изображения, которые уже оптимизированы.

Инструменты, которые вы можете использовать

Если вы хотите начать с сжатия изображений, вы можете пойти тремя путями:

  • Начните сжимать изображения в инструментах редактирования фотографий (большинство из них имеют функцию «экспорт для Интернета»).
  • Установите плагин или модуль, который совместим с вашей CMS, чтобы сделать работу за вас. Shortpixel - хороший вариант для WordPress. Это freemium, так что вы можете оптимизировать бесплатно до определенной точки, а затем обновить, если вам нужно сжать больше изображений. Лучшее в этом то, что он сохраняет резервную копию на тот случай, если вы захотите отменить изменения. Вы можете использовать такой сервис, как EWWWW или же Короткий пиксель ,
  • Используйте API или скрипт для сжатия изображений для вас. Kraken.io предлагает надежный API для выполнения работы. Вы можете использовать такой сервис, как Image Optim или же Kraken ,

Сжатие изображений с потерями и без потерь

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

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

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

Баннеры с текстом в нем

Всегда открывать Pinterest? Вы увидите стену изображений с текстом в нем. Реальность для многих из нас в SEO состоит в том, что бот Google не может прочитать все о том, как «Взломать куриный суп с лапшой» или какая пара Диснея вам больше всего нравится. Google может прочитать имена файлов изображений и текст ALT изображения. Поэтому важно подумать об этом при разработке маркетинговых баннеров, которые содержат текст. Всегда проверяйте, что имя файла изображения и атрибут ALT изображения оптимизированы, чтобы дать Google подсказку относительно того, что написано на изображении. Если возможно, добавьте изображение в текстовое наложение, доступное в коде. Таким образом, Google сможет прочитать это!

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

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

Google Lens

Объектив Google доступен на телефонах Android и доступен IOS , Это изящное небольшое дополнение, потому что оно может интерпретировать многие образы так, как это делает человек. Он может читать текст, встроенный в изображения, может распознавать ориентиры, книги, фильмы и сканировать штрих-коды (что большинство людей не могут сделать!).

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

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

Большой предварительный просмотр Большой предварительный просмотр

Ресурс:

Штрафы за визуальные помехи на мобильном телефоне

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

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

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

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

Типы навязчивых вставок, как показано в Google. ( Большой предварительный просмотр )

Как мягкое напоминание, это было бы то, что Google посчитал бы навязчивым, если бы оно появилось на мобильном телефоне:

Источник

, ( Большой предварительный просмотр )

Советы, как избежать наказания

  • Нет всплывающих окон;
  • Без слайдов;
  • Нет рекламных вставок, занимающих более 20% экрана;
  • Замените их не навязчивыми лентами вверху или внизу ваших страниц;
  • Или выберите встроенные поля для подписки, которые находятся в середине или в конце ваших страниц.

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

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

Источник: primovelo.com , Потому что миру нужно больше снежных велосипедов и Канады! ( Большой предварительный просмотр )

Некоторые люди могут никогда не увидеть ваш дизайн

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

Пользователи запрашивают информацию у поисковых систем в разговорной манере - чертовы ключевые слова! Это добавляет слой сложности при разработке веб-сайта: адаптация опыта для пользователей, которым может никогда не понравиться визуальный аспект веб-сайта. Например, Google Home может «читать» вслух рецепты или предоставлять информацию прямо из фрагментов позиции 0 при выполнении запроса. Это новый виток старой концепции. Если бы я попросил Google Home дать мне определение доступности сети, он, вероятно, прочитал бы мне вслух следующую вещь из Википедии:

Большой предварительный просмотр

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

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

Дизайн и UX Воздействие SEO

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

  1. Google начнет рейтинг сайтов на основе их мобильного опыта. Проверьте удобство использования своей мобильной версии, чтобы убедиться, что вы готовы к предстоящим изменениям в Google.
  2. Проверьте содержание организации ваших страниц. Теги H1, H2 и H3 должны помочь создать путь через контент, по которому может следовать бот.
  3. Стратегия ключевых слов использует подход UX, чтобы проникнуть в суть поисковых запросов пользователей для создания оптимизированного контента, который имеет хорошие оценки.
  4. Внутренние ссылки имеют значение: ссылки, которые вы имеете на вашем сайте, сигнализируют роботам поисковых систем, какие страницы вы считаете более ценными по сравнению с другими на вашем сайте.
  5. Сделайте изображения более заметными: оптимизируйте имена файлов, атрибуты ALT и подумайте о том, как бот «читает» ваши изображения.
  6. Мобильные штрафы теперь включают всплывающие окна, баннеры и другие виды рекламных вставок. Если вы хотите сохранить высокий рейтинг в результатах поиска Google для мобильных устройств, избегайте нежелательных вставок на целевых страницах.
  7. С появлением таких помощников, как Google Home и Alexa, разработка голосового поиска может скоро стать реальностью. Это будет означать, что ваш дизайн будет расставлен по приоритетам, а не услышан.
Итак, как это влияет на сайты с точки зрения дизайна?
Итак, как это влияет на сайты с точки зрения дизайна?
Вам нужен конкретный образ, чтобы понять, почему вы должны думать о мобильной стороне вещей с самого начала?
Зачем?
Значит ли это, что исследование ключевых слов теперь бесполезно?
Так как же разобраться с намерениями пользователя?