Доступность и SEO: идеальная посадка

1. 8 перекрывающихся SEO и лучшие методы обеспечения доступности
2. 2. Заголовок Теги
3. 3. Структура заголовка контента
4. 4. Альтернативный текст
5. 5. Ссылка на текст привязки
6. 6. Видео транскрипция
7. 7. Схема разметки
8. 8. HTML Sitemaps
9. Оптимизация для доступности - победа для SEO

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

8 перекрывающихся SEO и лучшие методы обеспечения доступности

1. Проектирование для удобства пользователей

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

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

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

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

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

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

2. Заголовок Теги

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

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

Преимущество доступности
Теги заголовков позволяют людям, использующим программы чтения с экрана, быстро понимать различия между несколькими страницами. Заголовок страницы часто является первым элементом, «читаемым» пользователем программой чтения с экрана. В этом смысле очень важно, чтобы теги заголовка страницы точно отражали содержимое этой страницы. Accessibility заявляет, что страница, на которой продаются портативные дроны, должна называться «Портативные дроны от компании X», а не «Эта новая технология вас поразит».

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

Согласно Мозу: «Ваш тег заголовка определяет (за некоторыми исключениями) ваш отображаемый заголовок в поисковой выдаче и является первым опытом поиска посетителем вашего сайта. Даже если ваш сайт имеет хорошие рейтинги, хороший заголовок может стать фактором, определяющим, будет ли кто-то нажимать на вашу ссылку ».

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

3. Структура заголовка контента

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

Хорошая структура заголовка делает следующее:

• Следует логической последовательности
• Не пропускает разделы (например, «H4 не следует непосредственно за H2)
• Точно описывает содержание ниже

Преимущество доступности

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

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

Преимущество SEO

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

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

Discover заявляет, что этот фрагмент кода содержит «шаги по покупке вашего дома». Шаги, отображаемые в этом фрагменте, - это H2s на их странице.

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

Альтернативный текст используется для предоставления текстовой альтернативы всем визуальным элементам на странице. Обычно это относится к стандартным изображениям на странице с типами файлов, такими как .jpg, .png или .gif.

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

Преимущество доступности

Альтернативный текст - одна из самых основных и самых важных потребностей доступности. Об этом даже говорится в разделе 1 руководящих принципов WCAG: «Нетекстовое содержимое, представляемое пользователю, имеет текстовую альтернативу, которая служит эквивалентной цели». Альтернативный текст читается вслух с помощью технологии чтения с экрана, чтобы предоставить контекст об изображениях пользователям с нарушение зрения.

Как и в случае с заголовками страниц, альтернативный текст должен быть точным. При написании изображения и текста подумайте, как бы вы описали изображение. «Мопс в туфлях на снегу» - хороший текст. «Обувь для собак для мопсов | Магазин обуви для собак для всех пород | Сапоги для ваших собак »- плохой текст.

Преимущество SEO

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

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

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

Более того, если вы хотите, чтобы изображения на вашем сайте показывались высоко в поиске картинок Google (огромная возможность для многих компаний), альтернативный текст имеет значение. Подробнее об Image SEO в этой статье от Moz ,

5. Ссылка на текст привязки

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

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

Преимущество доступности

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

Преимущество SEO

Google рассматривает якорный текст ссылок, указывающих на страницу (как внутри сайта, так и на внешних сайтах), как способ узнать больше о контенте на сайте. Эксперты Ahrefs отмечают, что хотя якорный текст не так важен для SEO, как раньше, он все же имеет значение. ( Узнайте больше об Anchor Texts и SEO в их блоге .)

Короче говоря, если Google видит ряд качественных ссылок с якорным текстом «руководство по съемке видео с дронами», они, скорее всего, будут дополнительно связывать страницу, на которую указывают эти ссылки, с ключевыми словами, такими как «руководство по съемке видео с дронов».

6. Видео транскрипция

Видео транскрипция представляет собой текстовое описание видео файла.

В зависимости от типа видео транскрипция может иметь несколько подходов:

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

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

Если видео является элементом страницы (например, краткое введение компании на странице «О нас» на веб-сайте), ссылка на страницу с расшифровкой или ссылка для скачивания расшифровки является стандартной. (Если предоставляется загружаемая стенограмма, файл .txt является наиболее доступным форматом файла. Многие файлы PDF недоступны для программ чтения с экрана.)

Кроме того, видео становятся все более важными. Cisco прогнозирует, что к 2020 году до 82% времени в Интернете будет уделяться просмотру видео.

Преимущество SEO

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

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

Преимущество доступности

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

Хотя стенограммы делают видео доступными для людей с слепотой или глухотой, они также являются доступным выбором для:

• Пользователи с медленным WiFi или низким сотовым данными
• Пользователи, склонные к судорогам, вызванным миганием изображений
• Пользователи, которые находятся в общественных местах без наушников

7. Схема разметки

Schema.org - это словарь по программированию, который помогает лучше определять элементы и контент на веб-странице. Схема, разработанная Google, Microsoft, Yahoo и Yandex, является практически общепринятым способом помочь поисковым системам понять содержание вашего сайта.

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

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

Преимущество SEO
Разметка схемы - «одна из самых мощных, но наименее используемых форм SEO, доступных сегодня», по мнению многих ведущих экспертов SEO.

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

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

8. HTML Sitemaps

Вы видели их в нижнем колонтитуле большинства веб-сайтов (включая наш!): Ссылку на «Sitemap». Эта страница в основном представляет собой набросок различного контента на вашем веб-сайте со ссылками, указывающими на различные страницы.

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

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

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

Оптимизация для доступности - победа для SEO

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

ЧИТАЙТЕ БОЛЬШЕ: Инклюзивный веб-сайт не должен быть слишком дорогим

Если вы хотите подробнее рассказать о доступности веб-сайта и о том, как мы можем помочь вам повысить эффективность SEO, пожалуйста, не стесняйтесь связаться с нами ,

Похожие

Комментарии