Как повысить доступность вашего сайта + SEO

Найти место, где доступность и SEO счастливо сосуществуют

Это не миф - есть некоторые области, где SEO и доступность могут пересекаться. Кредит: Unsplash

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

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

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

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

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

Вопросы структуры

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

Лучшие практики

  • Создайте свою навигацию и макет страницы в понятной и последовательной форме и используйте несколько способов поиска контента (например, поиск, карта сайта, оглавление). Поисковые боты похожи на хорошо организованную архитектуру веб-сайта, которая заставляет их индексировать ваш контент более осмысленным образом.
  • Если на вашем веб-сайте сложно ориентироваться или использовать его, это может повлиять на вашу статистику пользователей, включая - время на сайте, просмотренные страницы и показатель отказов. Это, в свою очередь, может повредить вашему рейтингу SEO. По крайней мере, это будет раздражать ваших пользователей.
  • Избегайте использования CSS или другой стилистической разметки для передачи значения. Вы никогда не должны «подделывать» элемент, который должен использовать вместо этого разметку HTML.
  • При необходимости используйте доступные элементы страницы HTML 5, такие как
    ,
    ,
    ,
    . Эти элементы более понятны для роботов поисковых систем и устройств вспомогательных технологий, чем простые элементы
    или

    .

Теги, теги, везде теги. Ручная упаковка бирок разных размеров и цветов. Кредит: Unsplash

Правильное использование тегов

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

). Навигация по тегам

и

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

-

обеспечивают быстрое понимание деталей в каждом разделе. , Очень важно, чтобы доступность веб-сайта и SEO были правильными.

Лучшие практики

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

    следует

    , за

    следует

    или

    и так далее.

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

    к

    . Примечание: при переходе вверх по порядку (от
    до

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

  • Лучше всего иметь по одному

    на страницу. Представьте теги

    как «теги заголовков второй страницы», которые посылают сигнал релевантности роботам поисковых систем.

Практика делает идеальным. Спортсмен отдыхает белые туфли Adidas на сетчатой ​​оградой. Кредит: Unsplash

Совершенствуйте свои ссылки

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

Лучшие практики

  • Убедитесь, что у вас нет битых ссылок. Это можно рассматривать как признак заброшенного или заброшенного сайта для SEO. Это также плохая практика доступности веб-сайтов, которая может расстроить / запутать ваших пользователей.
  • Используйте внутренние ссылки типа тегов, но не переусердствуйте. По словам Yoast.com: «он улучшает вашу SEO, связывая один фрагмент контента с другим, а точнее, группу сообщений друг с другом». Он также позволяет пользователям легко получить доступ к подобному контенту одним щелчком мыши.
  • Предоставьте описательный текст ссылки. Избегайте использования фраз, таких как нажмите здесь и читайте дальше. Если вы предпочитаете использовать эти фразы, вы можете оставить их *, если * вы добавите дополнительную информацию о ссылках, используя визуально скрытые методы или методы ARIA.
  • Пропустите добавление описательных атрибутов заголовка к вашим ссылкам (тот текст, который появляется, когда вы наводите указатель мыши на ссылку). Не обязательно неправильно добавлять заголовки ссылок, но, возможно, это не очень полезно для SEO или доступности веб-сайта.
Скажи сыр! Женщина в розовой цветочной рубашке с ретро фотоаппаратом Nikon. Кредит: Unsplash

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

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

Лучшие практики

  • Будьте максимально последовательными и точными, называя ваши изображения. Например, не называйте свой файл brown-puppy.jpg для фотографии оранжевого полосатого кота.
  • Избегайте использования не-буквенных символов (например, 7,%, &, $) и используйте тире между словами, а не подчеркивания в именах изображений или альтернативном тексте. Например, напишите orange-tabby-cat.jpg, а не 0r @ nge_t @ 66y_c @ t! .Jpg
  • Сохраните ваш альтернативный текст до 125 символов. Если вам нужно больше символов, используйте текст заголовка или более подробно опишите изображение в основной текстовой области на странице.
  • Напишите альтернативный текст, как человек, а не робот. Наполнение ключевыми словами никому не приносит пользы - люди, использующие программу чтения с экрана, будут раздражены, а роботы поисковых систем накажут вас. Просто не делай этого.
Заставьте ваши медиа работать на ботов и людей. Крупный план вращающегося проигрывателя. Кредит: Unsplash

Дополните ваши медиа

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

Лучшие практики

  • Меньше - больше. Ограничьте использование сложных медиа-компонентов (например, слайд-шоу, видео) в вашем дизайне, когда это возможно. Не бойся ... Есть альтернативные варианты макета.
  • Добавьте ясные, полные и краткие текстовые описания и разметку к основным носителям. Подумайте дважды о хранении несущественных носителей.
  • Все видео и слайд-шоу должны иметь кнопку воспроизведения / паузы, если это авто-продвижение, но никогда не запускайте автозапуск. В идеале все элементы управления мультимедиа должны быть доступны.
  • Предоставьте альтернативные способы доступа к вашим медиа. Например, иметь стенограммы и / или подписи к видео; создать расшифровку стенограммы только для аудио файла; добавьте файл в формате Брайля на ваш носитель. Есть много различных типов альтернативных форматов, доступных для вашего использования.
Содержание король. Тара печатного станка печатными буквами различных размеров и семейств шрифтов. Кредит: Unsplash

Declutter ваш контент

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

«Подумайте, что делает ваш сайт уникальным, ценным или интересным. Сделайте ваш сайт отличным от других в вашей области ».

Лучшие практики

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

❤ Если вам понравилась эта статья, покажите свою поддержку, щелкнув по значку хлопка (столько раз, сколько вы хотите), поделившись историей в социальных сетях и следуя за мной в Medium или Twitter! Спасибо и приятного чтения❤

Эта история опубликована в «Стартапе», крупнейшем издании Medium по предпринимательству, за которым следят 273 971 человек.

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