Заголовки, программы для чтения с экрана и SEO, о мой!

  1. Использовать для структуры, а не для стиля
  2. Использовать для доступности

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

Писатели остерегаются; те теги заголовков, которые вы используете, чтобы определенный текст казался больше другого текста, делают для вашего контента намного больше, чем добавляют визуальный эффект. Для обычного пользователя, который может видеть экран очень хорошо, теги заголовков не имеют никаких функциональных различий, кроме визуального форматирования. Однако не каждый, кто посещает веб-сайты, имеет достаточно хорошее зрение, чтобы читать их, и не каждый посетитель - человек. Шесть различных тегов заголовка, <h1> хотя <h6>, фактически выполняют иерархическую функцию при организации контента на веб-странице. Эти теги важны, потому что веб-сканеры используют их для осмысления содержания вашей веб-страницы, что, в свою очередь, влияет на эффективность вашего сайта в результатах поиска. Правильное использование тегов заголовка означает, что веб-сканер легко интерпретирует вашу страницу, тогда как неправильное использование может запутать ее и повредить рейтинг вашего сайта. Кроме того, специальные устройства, такие как программы чтения с экрана, которые вслух читают контент веб-сайта людям, которые не видят достаточно хорошо, чтобы просматривать ваш веб-сайт, используют теги заголовков для навигации по содержимому страницы.

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

Авторам очень легко непреднамеренно использовать теги заголовков таким образом, что это наносит ущерб структуре страницы и SEO. Например, писатель может захотеть использовать стиль <h3>, чтобы взорвать особенно прекрасную цитату в своей работе. В качестве альтернативы, при написании технической статьи может быть неплохо использовать тег <h6> для форматирования текста после обозначений. Оба эти варианта использования неверны: вместо этого они используют теги заголовка для стиля и игнорируют структурный компонент. Как видно из названия, они лучше всего работают, когда используются в качестве «заголовков» для разделов контента.

Давайте сделаем шаг назад и используем эти теги в чем-то, с чем мы все знакомы: в книгах. <H1> будет названием всей книги, тег <h2> будет использоваться для частей книги, состоящей из нескольких частей, тег <h3> будет использоваться для отдельных глав внутри частей, а <h4 > теги могут быть гипотетически использованы для идентификации каждой страницы или уникальных разделов в каждой главе. Система тегов заголовка допускает шесть уровней важности на одной веб-странице. На этой веб-странице тег <h1> используется для заголовка «Заголовки, средства чтения с экрана и SEO, о, мой!», Тогда как в подразделах, таких как «Использовать для структуры, а не для стиля», использовался тег <h2>. Это позволяет веб-сканерам правильно определять важные вещи, такие как заголовок и разделы внутри большой работы. Также обратите внимание, что можно перейти от использования <h1> прямо к <h3> или даже начать с <h2> в качестве тега с самым низким номером на странице. Теги заголовков релевантны друг другу на основе самых низких и самых высоких номеров, которые появляются на странице, а не по их числовому значению.

Использовать для доступности

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

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

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