Синергия поисковой оптимизации и веб-доступности

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

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

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

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

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

Перекрытие между SEO и доступностью

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

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

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

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

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

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

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

Доступ к контенту сайта

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

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

Осмысление содержания через его структуру и отношения

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

Это веб-страница с визуальным макетом и стилем:

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

Трудно понять смысл каждого фрагмента текста. Если я ищу дату концерта и стоимость билета The Obelisks, как я могу найти это в этом беспорядке текста?

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

• Если главное меню заключено в навигационный тег и содержит заголовок, это ясно указывает на то, что список ссылок является главным меню сайта. И как слепой пользователь, я мог бы легко щелкнуть по ссылке «Билеты» в главном меню и ожидать, что найду информацию, которая мне нужна.

<nav> <h2> Главное меню </ h2> <ul> <li> <a href=veloper#veloper> Главная страница </a> </ li> <li> <a href=goti##> Новости </ a > </ li> <li> <a href= треугольной сложности> Билеты </a> </ li> <li> <a href=olved##> Опрос </a> </ li> </ ul> < / нав>

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

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

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

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

Доступные и оптимизированные для SEO сайты также имеют дополнительные преимущества:

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

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

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

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

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

SEO и методы доступности

Итак, как нам сделать сайты удобными и доступными для поисковых систем? Рассмотрим эти методы:

Техника

SEO

доступность

Следуйте веб-стандартам W3C. Проверьте ваш HTML , Подтвердите свой CSS , Подтвердите ваш канал ,

Облегчает анализ сайтов.

Сайты могут быть проанализированы более точно.

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

Например, <main>, <header>, <nav>, <footer>, <aside>, <cite>, <abbr>, <small>, <blockquote> и т. Д.

Делает сайты проще для понимания и дает контекст и отношение к контенту.

Делает сайты проще для понимания и дает контекст и отношение к контенту.

Установите язык страницы в теге html. Например:
<html lang = ”en-US”>

Это устанавливает язык на американский английский.

Страница будет проиндексирована на основе этого языка,

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

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

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

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

Используйте заголовки, чтобы обеспечить организацию, структуру и отношения

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

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

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

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

Поисковые системы видят элементы списка как связанные и последовательные

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

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

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

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

Видео с аудио

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

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

Аудио только

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

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

Создавайте удобочитаемые и описательные URL

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

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

Резюме

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

Дополнительные ресурсы
Создание панели специальных возможностей с помощью Drupal | Сообщение блога
Как Drupal выиграл SEO-игру, не пытаясь | Сообщение блога
Рекомендации по доступности для редакторов контента | электронная книга

Похожие

Комментарии