Рубрики » Техподдержка Prihod.ru
Рубрики дают хорошую возможность группировать связанные записи, а также сообщить читателю, о чём запись. Рубрики также облегчают поиск материалов внутри вашего сайта. Рубрики — это более широкое (по сравнению с меткам) понятие .
В зависимости от выбранной темы и виджетов, список рубрик может отображаться над или под записями, на странице записи, и/или на боковой панели. Каждая запись может быть отнесена к нескольким рубрикам и обязательно должна быть отнесена хотя бы к одной из них. возможна иерархическая организация рубрик.
Метки и рубрики, используемые для записей, появятся в глобальном списке меток. Следовательно, назначение записи меток и рубрик увеличивает вероятность просмотра ваших материалов другими пользователями.
Тем не менее, никто из нас не заинтересован в том, чтобы в глобальном списке меток или в результатах поиска отображались неподходящие материалы. Именно поэтому мы ограничиваем количество меток и рубрик, которое может использоваться в глобальном списке меток.
Перед публикацией записи можно назначить ей рубрику с помощью модуля ”Рубрики”, расположенного справа от редактора записи:
Установите флажок напротив названия рубрики, чтобы назначить её записи.
Если вы хотите создать новую рубрику и назначить её записи, нажмите кнопку + Добавить новую рубрику.
Чтобы выбрать одну или несколько наиболее часто используемых рубрик, перейдите на вкладку Часто используемые наверху модуля.
Чтобы разместить рубрику внутри другой рубрики, воспользуйтесь выпадающим списком Родительская рубрика.
Создание рубрик в консолиУпорядочить существующие и создать новые рубрики также можно в разделе консоли Записи -> Рубрики.
Здесь содержится список всех существующих рубрик и можно создать новые рубрики.
Вы можете создать новую рубрику, заполнив следующие поля:
Название – Название рубрики.
Ярлык — Это вариант названия рубрики, подходящий для URL. Обычно содержит только латинские буквы в нижнем регистре, цифры и дефисы.
Родительская – Если надо разместить рубрику внутри другой рубрики, выберите родительскую рубрику, иначе оставьте значение Нет.
Описание – Это описание будет отображаться в виде подсказки, если используется необязательный виджет “рубрики”.
Нажмите кнопку Добавить новую рубрику, чтобы добавить рубрику в список.
Управление рубрикамиНа странице консоли Записи -> Рубрики показаны все рубрики с их названиями, описаниями, а также количеством записей, относящихся к рубрике. При наведении курсора мыши на рубрику появится меню, позволяющее изменить или удалить рубрику:
Просмотрено (1790) раз
Архивы рубрики Это интересно | О жизни виртуальной и реальной
Перейти к содержанию
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
Почему эта акция называется онлайн-диктантом, загадка: по форме это обычная викторина. Она состоит из 22 вопросов, из которых первый и последний не оцениваются, так как это, соответственно, приветственный и заключительный вопросы. Остальные вопросы оцениваются по принципу: 5 баллов за правильный ответ. Таким образом, максимально можно набрать 100 баллов. Акция проводится
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
Вышли в финал викторины «Весенний чек-лист активного гражданина»? Поздравляю! 21 апреля вам открылся доступ к бонусной викторине «По Москве с «Активным гражданином». 8 вопросов, за каждый правильный ответ — аж 50 баллов, итого можно заработать 400! Аттракцион неслыханной щедрости! Надо брать. Но нужно спешить, на прохождение викторины дается всего три
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
И вот опять весна, и «Активный гражданин» снова выкатил весеннюю акцию с викторинами. Затейники они там, постоянно придумывают все новые формы. Нынешняя акция называется «Весенний чек-лист активного гражданина» и состоит из 6 викторин. Причем открылись они все сразу, одновременно, и ответить на вопросы этих викторин можно с 30 марта по
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
«Новогодние традиции» — это специальный выпуск Большой викторины на сайте проекта «Активный гражданин». Формат викторины «Новогодние традиции» традиционный: 8 вопросов, по 5 баллов дадут за каждый правильный ответ. Правда, в конце есть еще 9-ый вопрос, с пожеланиями. Он тоже обязательный, но не оценивается. Сроки проведения акции — с 15 декабря
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
Викторина «2022 год с «Активным гражданином» — это не только способ заработать баллы, но и возможность вспомнить, как прошел этот год на проекте. За факт участия в этой викторине независимо от результатов вы получите 20 баллов. Сама викторина состоит из 12 вопросов, из которых 3 последних — «неоплачиваемые»: в них
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
С 9 декабря 2022 года по 23 декабря 2022 года на сайте «Активного гражданина» пытаемся заработать 40 баллов, отвечая на 8 вопросов викторины «Московские трамваи» — по 5 баллов за каждый правильный ответ.
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
На сайте проекта «Активный гражданин» подходит к завершению осенняя викторина «Вся Москва за 35 дней», сроки проведения которой — с 7 ноября по 11 декабря 2022 г. Викторина включает три тематические дорожки: «История Москвы», «Мой район», «Достижения столицы». На каждой дорожке по понедельникам открывается очередная викторина. Всего, таким образом, открыто 5 викторин
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
На сайте «Активный гражданин» подходит к завершению осенняя викторина «Вся Москва за 35 дней», сроки проведения которой — с 7 ноября по 11 декабря 2022 г.
Подробнее
Категории : Это интересноМетки : Викторины от Активного гражданинаКомментировать
aprika
На сайте «Активный гражданин» заканчивается осенняя викторина «Вся Москва за 35 дней», сроки проведения которой — с 7 ноября по 11 декабря 2022 г. Викторина включает три тематические дорожки: «История Москвы», «Мой район», «Достижения столицы». На каждой дорожке по понедельникам открывается очередная викторина. Всего, таким образом, открыто 5 викторин на каждой дорожке,
Подробнее
Видео: Улучшение доступности с помощью стилей заголовков
Создавайте доступные документы Word
Видео-тренинг по доступности
Создавайте доступные документы Word
Создавайте доступные документы Word
Улучшить доступность заголовков
- Проверить доступность документа
видео - Улучшите доступность с помощью альтернативного текста
видео - Улучшить доступность заголовков
видео - Создавайте доступные ссылки
видео - Создавайте доступные таблицы
видео
Следующий: Создавайте книги Excel со специальными возможностями
Заголовки — отличный способ быстро сообщить людям то, что им нужно знать. Узнайте, как использовать стили для заголовков, чтобы упростить навигацию по документам.
Чтобы добавить стиль заголовка
Введите нужный текст в документ Word.
Выберите предложение, к которому вы хотите добавить заголовок.
Выберите Главная > Стили (или нажмите Alt+H, затем L), а затем выберите нужный заголовок, например Заголовок 1 Кнопка.
Word применяет изменение шрифта и цвета, чтобы было понятно, что это заголовок — Заголовок 1 статьи. Следующий тип заголовка —
Хотите больше?
Специальные возможности в Microsoft 365
Четкие, хорошо отформатированные заголовки могут иметь большое значение для обеспечения того, чтобы ваши документы Word соответствовали глобальным стандартам доступности.
Многие люди используют программы чтения с экрана для создания списка заголовков, чтобы можно было просмотреть документ и найти нужное содержимое.
«Диалоговое окно списка заголовков, представление списка заголовков, область отчетов: 1, 1 из 9».
Но этот тип навигации работает только тогда, когда автор документа использует стили заголовков.
Средства чтения с экрана и преобразования текста в речь запрограммированы на их распознавание.
Чтобы добавить стиль заголовка к тексту в Word, выделите текст, выберите вкладку Главная на ленте и в поле Стили выберите нужный стиль заголовка.
Когда вы сохраняете документ в другом формате для загрузки, например в формате HTML или PDF, Word сохраняет стили заголовков, поэтому каждый может воспользоваться преимуществами ваших заголовков.
И помните, когда вы пишете заголовки, они должны быть короткими, конкретными для информации, которая следует за ними, и понятной для тех, кто плохо знаком с этой темой.
Дополнительные советы по созданию доступного содержимого см. на странице aka.ms/accessible.
Практическое руководство: Доступная структура заголовков — проект A11Y
Заголовки являются основой содержимого страницы. Посетитель должен иметь возможность просмотреть веб-страницу, используя заголовки, чтобы получить хорошее представление о ее содержании.
Уровни заголовков имеют значение, особенно для пользователей программ чтения с экрана и поисковых систем. Это означает наличие одного уникального заголовка первого уровня на странице, а остальные заголовки представляют содержимое страницы, подобное указателю книги: легко сканируемое и семантическое.
Пишите хорошо структурированные заголовки, потому что то, что хорошо для вашего читателя, также хорошо для вашего SEO.
Заголовки в HTML
Заголовки — это элементы HTML. Основной заголовок, h2
, относится к уровню 1. Другие уровни — от h3
до h6
. HTML Living Standard указывает на заголовки:
Заголовок можно использовать там, где ожидается содержание заголовка. Содержимое заголовка определяет заголовок раздела (будь то явно размеченный с помощью элементов содержимого раздела или подразумеваемый самим содержимым заголовка).
The HTML Living Standard, элементы h2, h3, h4, h5, h5 и h6
Короче говоря: используйте заголовок, когда этого требует содержимое или структура страницы.
Обобщение передового опыта
- Используйте один уникальный
h2
на странице, который описывает, о чем эта страница. Тотh2
предпочтительно начинается сразу над основным содержимым. - Используйте заголовки для описания содержимого ниже. Не используйте заголовок HTML только для того, чтобы текст казался больше или выделялся.
- Используйте уровни заголовков, как указатель книги: иерархический.
- Выбирать заголовок не по размеру, а по его уровню в контексте содержания.
- Не пропускайте уровень заголовка сверху вниз.
Распространенные ошибки:
- Использование заголовка
h3
для цитат из-за большого размера шрифта. - Использование заголовка
h5
для первого абзаца текста, потому что это именно тот размер полужирного текста, который вам нужен. - Использование исключительно заголовков
h3
на веб-странице, поскольку все заголовки имеют одинаковый размер в дизайне. - Использование нескольких заголовков
h2
на веб-странице. - Заголовки опущены, поскольку дизайн четко указывает на начало нового раздела.
- Оставление заголовков пустыми (обычно глюк CMS).
Что означает иерархический?
Иерархические средства, расположенные в порядке от наиболее важного к наименее важному. х2
самый важный уровень заголовка, h6
наименее.
На практике для веб-контента вы будете использовать h2
для заголовка страницы, дать наиболее важным разделам h3
и, при необходимости, добавить h4
или даже h5
для разделения содержимое раздела h3
.
Вам нужно начать с h2
только в том случае, если это имеет смысл для вашей структуры контента и дизайна. Например:
h3 = главное меню
h2 = заголовок новостной статьи
h3 = подзаголовок в содержании новостной статьи
h4 = подзаголовок в h3
h5 = подзаголовок в h4
h3 = подзаголовок в содержании новостной статьи
h3 = связанные новости ( раздел в стороне)
h3 = Свяжитесь с нами (в нижнем колонтитуле)
h4 = Адрес (информация об адресе)
h4 = Следуйте за нами (ссылки в социальных сетях)
WCAG on headers
Что означает Руководство по обеспечению доступности веб-контента (WCAG) сказать о заголовках? На самом деле они не очень конкретны в этой теме.
Некоторые из критериев успеха WCAG 2 AA относятся непосредственно к заголовкам или структуре заголовков, например:
- Критерий успеха: 2.4.6 Заголовки и метки. Предоставьте пользователям способы навигации, поиска контента и определения своего местоположения. Заголовки и метки описывают тему или цель.
- Критерий успеха: 3.2.3 Согласованный уровень навигации. Механизмы навигации, которые повторяются на нескольких веб-страницах в наборе веб-страниц, выполняются в одном и том же относительном порядке каждый раз, когда они повторяются, если пользователь не инициирует изменение.
- Критерий успеха: 1.3.1 Информация и отношения. Информация, структура и взаимосвязи, передаваемые через презентацию, могут быть определены программно или доступны в виде текста. Другими словами: если это выглядит как заголовок, это должен быть заголовок в HTML (а не, например, текст, выделенный жирным шрифтом).
Короче говоря: используйте заголовки для описания контента и используйте их последовательно и семантически. Это поможет всем пользователям лучше находить контент, который они ищут.
Только уровень WCAG 2 AAA требует, чтобы заголовки были структурированы. Критерий успеха 2.4.10 гласит: Заголовки разделов используются для организации контента.
Всемирный веб-стандарт — double A (AA) , но это не означает, что вы не можете использовать критерии успеха Triple A (AAA), если это полезно для ваших пользователей.
Хорошо организованная структура заголовков помогает всем, особенно пользователям программ чтения с экрана, понимать веб-страницу и перемещаться по ней.
Один
h2
Ах да, эта старая жаркая дискуссия. Могу ли я использовать несколько h2
на веб-странице? Краткий ответ: нет. h2
предназначен только для заголовка страницы.
Наличие нескольких h2
на веб-странице — плохая практика для доступности и SEO. Это создает плоскую и бессмысленную структуру. Но это не нарушение WCAG 2 AA. Длинный ответ включает в себя краткий урок истории.
Использование нескольких h2
было предложено с введением схемы HTML-документа в HTML5. Каждый раздел схемы может содержать файл h2. Но вот загвоздка: Структура документа никогда не адаптировалась браузерами или вспомогательными технологиями . Поэтому поддержка нескольких h2
была прекращена в HTML5.1
. Если вы хотите узнать всю историю полностью, пожалуйста, прочитайте «Компьютер говорит НЕТ схеме документа HTML5» и «Десятилетие движения назад» Стивена Фолкнера и «Нет схемы документа». Алгоритм Адриана Роселли.
К счастью, пример нескольких h2
в стандартах жизни HTML WHATWG был удален и показывает один h2 на странице.
Заключение : Несколько h2s
в разделах для создания структуры документа не не поддерживаются браузерами и поэтому устарели.
Используйте one h2
, описывая содержание веб-страницы. Структурирование остального контента с помощью значимых подзаголовков. Это лучше всего служит доступности и SEO.
hgroup
Теоретически заголовки разных уровней можно комбинировать с помощью элемента HTML hgroup. HTML-элемент hgroup представляет собой многоуровневый заголовок раздела документа. Он группирует набор из —
элементов. Но документация MDN по hgroup содержит два четких предупреждения:
не следует использовать, потому что никакие вспомогательные технологии не поддерживают его, и в результате это оказывает пагубное влияние на помощь для заголовков, размещенных в нем.
[…] учитывая, что основная цель элемента
состоит в том, чтобы влиять на то, как заголовки отображаются с помощью алгоритма структуры, определенного в спецификации HTML, но алгоритм структуры HTML не реализован ни в одном браузере. — затем
семантика на практике является только теоретической.
Обновление от 1 августа 2022 г. : Стив Фолкнер предложил многообещающий способ снова ввести hgroup
в:
Подзаголовки, субтитры, альтернативные заголовки и слоганы в HTML
Пока браузеры не добавят информацию сами:
- Добавить
role="group"
иaria-roledescription="Heading group"
в качестве атрибутов кhgroup
элемент. - Добавить субтитры в абзац (не заголовок)
.
Далее вся информация о структуре и связи группы заголовков выдается для вспомогательных технологий в дереве доступности.
Мой заголовок
Мой подзаголовок или слоган
Навигация по заголовкам
Мы все перемещаемся по заголовкам (и ссылкам), потому что они выделяются. Сначала люди не читают веб-страницу, они просматривают и просматривают контент в поисках того, что хотят прочитать. Только если они находят то, что ищут, то начинают читать.
Сделайте процесс сканирования как можно проще. Вы можете сделать это, создав четкую и последовательную структуру меню для веб-сайта и четкую структуру заголовков на самой веб-странице.
Программа чтения с экрана
Слепые или слабовидящие люди используют программу чтения с экрана для чтения и навигации по веб-сайту.
С помощью средства чтения с экрана вы можете переходить от заголовка к заголовку, используя короткий код, и таким образом сканировать веб-страницу по заголовкам. И вы можете вызвать список заголовков и прокрутить его, чтобы выбрать контент, который вы хотите прочитать. Это очень быстрый способ добраться до того места, где вы хотите читать, когда вы не видите содержание.
Навигация по курсу очень распространена. В опросе пользователей программ чтения с экрана, проведенном WebAIM в 2021 году, показано, что 67,7% используют заголовки для поиска информации . 85,7% респондентов считают уровни заголовков очень или в некоторой степени полезными.
Напишите заголовки и структуру заголовков с учетом этой информации. Предоставьте информацию о содержании страницы с вашими заголовками, а также для тех, кто не может видеть содержимое страницы.
Что делает текст хорошего заголовка?
Хороший текст заголовка представляет содержимое ниже. Это может быть тизер «Подпишитесь на нашу рассылку!» над формой подписки. Заголовок страницы и подзаголовки для разделения текста на смысловые части. Краткое содержание следующего содержания: «Контактная информация». Или указать дополнительный контент «Похожие новости».
Сделайте текст заголовка описательным и сделайте его понятным отдельно от контекста. Для тех, кто читает список заголовков. Пусть текст заголовка расскажет историю о содержании вашей страницы.
Длина текста заголовка
Пользователь программы чтения с экрана может вызвать список заголовков и прочитать их, чтобы решить, с чего начать чтение на веб-странице. Требования доступности для длины текста заголовка отсутствуют.
Наряду с доступностью необходимо учитывать удобство использования. Преобразование полных абзацев в заголовки приводит к ужасному опыту чтения с экрана. Держите его по существу, описательным и сканируемым.
Ниже приведены некоторые рекомендации по использованию заголовков в дизайне.
ВСЕ ЗАГЛАВНЫЕ
Текст, написанный заглавными буквами, труднее читать. Форма слова исчезает, каждое слово становится прямоугольником. Исследования показывают, что текст, набранный прописными буквами, особенно сложен для читателей с дислексией. Облегчите жизнь своим читателям, не пишите все слова с большой буквы.
Дэмиен Зигер провел отличное исследование читаемости в Интернете, включая использование всех заглавных букв.
Использование заголовков в дизайне
Как дизайнер, посмотрите на структуру содержимого шаблона веб-страницы и задайте себе следующие вопросы:
- Как пользователь может просмотреть содержимое по заголовкам?
- Есть ли на каждой странице четкий уникальный заголовок над основным содержанием?
- Имеют ли важные разделы контента заголовки?
- Просто большой текст (похожий на заголовок) без соответствующего содержания под ним?
Сделайте содержимое доступным для сканирования с помощью заголовков.
Рубрики в разработке
Ниже приведены некоторые рекомендации по использованию заголовков в разработке.
Заголовки в повторно используемых компонентах
Карточки, виджеты, связанный контент, формы, все компоненты, которые можно повторно использовать на любой странице и вставлять в контент темой или контент-менеджером.
Большинство компонентов имеют собственный заголовок, и этот заголовок должен соответствовать структуре заголовка страницы. Например: на странице с последними новостями отдельные новости имеют заголовок с уровнем х3
. Но в компоненте «связанные новости» остальные «связанные новости» имеют уровень заголовков h3
, а сами новости — уровень h4
.
Представление новостей может быть одинаковым, меняется только уровень заголовка. Два варианта:
- Предоставьте менеджеру содержимого возможность добавить или изменить заголовок при добавлении компонента.
- Если компонент добавлен темой: измените уровень заголовка по мере необходимости в коде.
Является ли логотип заголовком?
Вероятно, нет.
В большинстве дизайнов логотип повторяется на каждой странице в одном и том же месте и содержит один и тот же текст. Часто логотип также является ссылкой на главную страницу. Это ожидаемое поведение, и это совершенно нормально.
Но оборачивать логотип в h2
, в результате чего h2
будет именем сайта, неправильно. Потому что тогда каждая отдельная страница сайта начинается с одного и того же текста h2
. Это сбивает с толку пользователей программ чтения с экрана и неинформативно для поисковых систем.
Существуют конструкции, позволяющие заключить логотип только в h2
на главной странице и сделать логотип ссылкой только на других страницах. Это могло бы сработать, но это непоследовательно. Лучшим решением для дизайнера будет добавление четкого визуального и уникального h2
также на главную страницу.
Ниже приведены некоторые рекомендации по использованию ARIA с заголовками.
role="heading"
С помощью ARIA можно добавить к элементу роль заголовка и атрибут aria-level.
Мой заголовок
Или даже изменить уровень заголовка:
Мой Заголовок
role="heading"
очень хорошо поддерживается вспомогательными технологиями.
Каковы варианты использования этого? Потому что, ну, зачем использовать ARIA, если доступен полностью допустимый HTML-элемент? Кроме того, первое правило ARIA гласит: не используйте ARIA, если для задания есть встроенный элемент HTML.
Небольшой запрос в Твиттере показывает, что разработчики используют ARIA для добавления или изменения заголовков по следующим причинам:
- Исправление структуры заголовков устаревшего кода без необходимости также корректировать CSS. Это быстрое исправление имеет смысл, когда нет бюджета на рефакторинг CSS.
- Используйте div с ролью заголовка и уровня арии, чтобы не удалять собственный CSS-стиль заголовка. Это не то, как веб-разработчики должны подходить к своему коду.
- Добавьте уровень выше 6, например, в юридических документах, которые могут быть очень сложными по заголовку.
Одна из самых замечательных упомянутых причин: использование aria-заголовков для SEO. Если заголовок необходим для структуры заголовка, но не является «хорошим» для SEO, скройте заголовок от Google, используя объявление role="heading"
вместо собственного элемента заголовка HTML5.
Это создает теневую структуру заголовков для программ чтения с экрана, отличную от фактической структуры заголовков HTML. Поскольку нет доказательств того, что поисковым системам нужна другая структура заголовков для представления контента, это можно считать плохой практикой.
Обеспечьте хорошую структуру заголовков для читателя и только для читателя.
aria-labelledby
С aria-labelledby можно дать разделу или другому ориентиру имя, обратившись к заголовку. См. также: Начало работы с ARIA.
Кекс Ипсум
Овсяный торт, глазурь, ирис, мармелад, мишки, мармелад, драже, десерт, сладкий. Печенье
тарт драже мармеладные мишки имбирные пряники вафли медвежий коготь датский. Желейные бобы
мармелад с кунжутом и драже, сладкий рулет.
Пользователи средств чтения с экрана могут перемещаться по заголовкам, а также по ориентирам. Таким образом, название ориентира может быть унаследовано соответствующим заголовком.
Ориентированная навигация не так распространена среди пользователей программ чтения с экрана. Маркировка может не потребоваться для каждого отдельного участка или ориентира. При чтении содержимого заголовок раздела объявляется в дополнение к заголовку, добавляя к беспорядку текста, который слышит пользователь программы чтения с экрана.
Заголовки и SEO
Как хорошая семантическая структура заголовка связана с поисковой оптимизацией (SEO)? Поисковые системы любят текст, содержание, письменное слово, чтобы понять содержание страницы. Поскольку заголовки определяют структуру контента, поисковая система лучше понимает и правильно индексирует страницу.
Существует множество теорий и заблуждений о структуре заголовков и поисковой оптимизации. Как часто мы слышим аргумент «Мой эксперт по SEO потребовал от меня [ … ]», заполняющий пробелы, как причину структуры заголовка, которая не имеет никакого смысла для слепого читателя?
Купер Холлмайер развенчивает другие мифы о доступности и поисковой оптимизации.
Есть SEO-гуру, которые действительно понимают суть заголовков. Я хотел бы привести две цитаты из книги «Как использовать заголовки на вашем сайте» SEO-компании Yoast:
Заголовки помогают пользователям и поисковым системам читать и понимать текст. Например, они действуют как указатели для читателей и облегчают им понимание того, о чем пост или страница. Заголовки также определяют, какие части вашего контента важны, и показывают, как они взаимосвязаны.
Принято считать, что то, как вы используете заголовки, не влияет конкретно на вашу поисковую оптимизацию. Внесение незначительных изменений в отдельные заголовки, скорее всего, не улучшит вашу работу. Однако есть косвенные преимущества. Использование заголовков создает тексты более высокого качества, которые также легче читать. Чем лучше текст, тем лучше для пользователей, что лучше для вашего SEO.
Пишите хорошо структурированные заголовки, потому что то, что хорошо для вашего читателя, также хорошо для вашего SEO.
Инструменты
Помимо средств автоматической проверки, таких как Axe Devtools, существуют надстройки для браузера и функции CMS для быстрой визуальной проверки структуры заголовков.
HeadingsMap от Jorge Rumoroso
Дополнение для браузера HeadingsMap от Jorge Rumoroso дает четкое визуальное представление структуры заголовков и указывает на ошибки, связанные с пропуском уровней и неправильным порядком.
- Карта заголовков для Chrome
- Карта заголовков для FireFox
- Карта заголовков для Edge
Инструмент оценки WAVE от WebAIM
Этот инструмент показывает встроенное в ориентиры визуальное представление структуры заголовка.
- На сайте wave.webaim.org
- WAVE для Chrome
- WAVE для FireFox
WordPress
Эта CMS предоставляет постраничную информацию о количестве заголовков и визуальном заголовке презентация. Эту информацию можно найти с помощью параметра «Подробности» (значок i) на панели инструментов в верхней части страницы редактирования.
Спасибо Стиву Фолкнеру за отзыв.
Дополнительная литература
- Путаница в заголовке: когда заголовки не соответствуют требованиям WCAG? TPGi
- Теги заголовков h2-H6 и SEO: полное руководство Content King
- Станет ли доступность все более важной для SEO? Deque
- Заголовки | Юзабилити и веб-доступность yale.