и

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

-

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

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

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

  следует

  , за

  следует

  или

  и так далее.

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

  к

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

  до

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Declutter ваш контент

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

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

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

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

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

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

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