Пять способов пересечения UX с SEO с Педро Диасом

UX — это широкий зонтик, охватывающий весь цифровой мир. Но как это пересекается с SEO?

Это то, что мы собираемся обсудить сегодня с одним из немногих бывших членов команды Google Search Quality, которые в настоящее время работают в SEO. Он обладает глубоким знанием поиска Google. У него солидный опыт работы в сфере поиска в Южной Америке и Европе. Работая в Google, он занимался не только борьбой со спамом на пяти с лишним языках, но и разработкой инструментов, устранением проблем с ранжированием в поиске и работой с веб-мастерами. Добро пожаловать в подкаст In Search SEO, руководитель отдела органического роста Autovia Педро Диас.

В этом эпизоде ​​Педро делится пятью способами, которыми UX пересекается с SEO, в том числе:

• Архитектура сайта и внутренние ссылки
• Дружественные URL-адреса
• Альтернативный текст
• Организация внутренних ссылок и хлебных крошек
• PageSpeed ​​и основные веб-жизненные показатели

Педро: Спасибо, что пригласил меня, Дэвид. Приятно быть здесь.

D: Большое спасибо, что пришли на Педро. Вы можете найти Педро на pedrodias.net. Итак, Педро, что важнее, UX или SEO?

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

Д.: Значит, UX — это отец, а SEO — сын?

П: Более или менее. SEO похоже на улучшение UX или что-то в этом роде.

Д.: Итак, сегодня вы поделились пятью способами, которыми UX пересекается с SEO. Начнем с номер один, архитектуры веб-сайта и внутренних ссылок.

1. Архитектура веб-сайта и внутренние ссылки

П: Итак, давайте немного поговорим о том, что такое UX, чтобы дать некоторый контекст. UX означает пользовательский опыт. И это выходит далеко за рамки цифрового мира. Речь идет о том, как люди воспринимают бренды, объекты или что-то еще. Путь покупателя — часть UX. Но в этом аспекте мы говорим о веб-сайтах, опыте, который пользователь получает при использовании веб-сайта. В этом аспекте UX использует одну из своих дочерних дисциплин — информационную архитектуру. Это область, которая началась еще в 70-х или 80-х годах. Информационная архитектура смотрит на людей и решает, как мы организуем вещи и как мы находим вещи в нашей экосистеме. И архитектура веб-сайта ничем не отличается. Мы привыкли смотреть на определенные способы потребления информации. Читаем слева направо и сверху вниз. И мы не можем противодействовать этому, кроме как в других языках или культурах. Информационная архитектура смотрит на то, как люди организуют информацию, а затем на то, как мы строим новую систему, основанную на этом, чтобы она не выглядела совершенно чуждой тому, что вы видели раньше. Каким-то образом у вас есть уровень интуитивности при использовании системы.

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

Д.: Удивительно слышать, что это началось в 70-х, потому что, когда вы думаете о современном поиске и поиске вещей, вы думаете о начале 90-х с появлением Интернета и гиперссылок. Но теперь очевидно, что и раньше что-то происходило. И номер два — дружественный URL. Это то, что существует только со времен Интернета?

2. Дружественный URL

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

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

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

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

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

Д.: И третий способ пересечения UX с SEO — это альтернативный текст.

3. Альтернативный текст

П: Альтернативный текст старый. Альтернативный текст исходит из области веб-доступности, и это область, которая заботится о том, чтобы сделать информацию доступной для всех, что указано в заявлении о миссии Google. Сделайте информацию доступной для всех. Веб-доступность говорит, что если есть элемент, который нельзя потреблять более чем одним способом… у нас есть пять чувств: зрение, слух, обоняние, вкус и осязание. И чем более узок ты в плане доступности информации, тем хуже. Таким образом, в этом аспекте альтернативный текст является элементом веб-доступности, который пытается сделать изображения доступными для людей, которые не могут их видеть. Потому что есть много людей, у которых есть проблемы со зрением, и все эти функции доступности в Интернете пытаются удовлетворить любые недостатки, которые могут быть у людей в жизни.

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

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

4. Организуйте внутренние ссылки и хлебные крошки

П: Опять же, именно здесь SEO начала действовать сама по себе, вместо того, чтобы быть чем-то, что ушло в сторону от одной из этих областей. Таким образом, мы взяли организационные и иерархические элементы из информационной архитектуры и взяли на себя часть того, чтобы сделать информацию пригодной для использования, что-то, что направляет пользователя, и мы объединили эти две вещи, удобство использования и информационную архитектуру. И вы объединяете это, говоря: «Если у нас есть эти тематические ссылки, которые всегда присутствуют, когда вы посещаете веб-сайт, это на самом деле помогает вам просматривать страницы». Или если у вас на веб-сайте есть хлебные крошки, если пользователь приходит из поисковой системы и внезапно попадает в середину вашего веб-сайта, потому что не все пользователи заходят на главную страницу вашего веб-сайта, когда вы индексируетесь в Google или поисковых системах. иметь возможность локализовать их или сразу посмотреть на себя, когда они находятся на вашем веб-сайте. Это две области, к которым SEO подключился и сказал: «Хорошо, это то, что мы можем заставить работать таким образом, чтобы это приносило пользу пользователям и поисковым системам». Так что это происходит из этих двух областей.

D: Учитывая меньший размер экрана, важно ли иметь хлебные крошки в мобильной версии веб-сайта?

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

D: И номер пять, PageSpeed ​​и Core Web Vitals.

5. PageSpeed ​​и основные веб-жизненные показатели

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

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

Рассол Парето — правильно изучите все основы SEO

D: Давайте закончим рассолом Парето. Парето говорит, что вы можете получить 80% результатов, прилагая 20% усилий. Какое SEO-направление, которое вы бы порекомендовали, дает невероятные результаты при умеренных усилиях?

П: Это сложный вопрос. Это будет зависеть от того, что вам нужно больше всего. Возможно, вы хорошо поработали над архитектурой своего веб-сайта или улучшили заголовки страниц, но не достигли всего остального. Я бы сказал, что обычно люди оставляют на столе все основы SEO. Мы могли бы сразу же начать изучать Core Web Vitals или выполнять сложные математические формулы, чтобы найти лучшие внутренние ссылки, но они забывают об остальных основах. Мой основной сценарий, когда я начинаю работать в любой компании, — это изучение основ, архитектуры, элементов на странице, иерархических элементов и всего этого вместе. Он в хорошем состоянии? Если нет, то я зарезервирую время для работы над ними, прежде чем мы перейдем к более продвинутым областям. Если вы правильно разберетесь с основами, такими как домашняя страница, внутренние ссылки, заголовки страниц и вещи, на которые легко смотреть, то вы получите прочную основу для своей будущей работы.

D: Великие мысли здравого смысла. Ну, я был твоим хозяином, Дэвид Бейн. Вы можете найти Педро на pedrodias.net. Педро, большое спасибо за участие в подкасте In Search SEO.

П: Спасибо, что пригласил меня, Дэвид. Это было приятно.

Д: И спасибо, что выслушали.