На этой неделе я изучил множество тегов заголовков и тактик контурирования. Теперь я застрял с большим количеством информации.
Прочитав статью HTML5 Doctor: Document Outline, я не обнаружил никаких проблем с " Разделы без названия", но то, как вы помещаете некоторые теги заголовков и скрываете это с помощью CSS. Когда я это читаю, мой мозг просто взрывается. Я всегда слышал, что «тактика скрытых элементов — это черная проблема для SEO».
Рассмотрим код:
<header>
<h1>My Website</h1>
<nav>
<a href="#"></a>
</nav>
</header>
<main>
<h2>This is a cool title</h2>
</main>
В схеме результат такой:
- My Website
- Untitled Section
- Это крутое название
Хорошо, теперь позвольте мне применить тактику скрытого:
<style>
.hidden{ visibility: hidden; }
</style>
<header>
<h1>My Website</h1>
<nav>
<h2 class="hidden">Navigation</h2>
<a href="#"></a>
</nav>
</header>
<main>
<h2>This is a cool title</h2>
</main>
Теперь мой план получился:
- My Website
- Navigation
- Это крутое название
Просто скройте элемент с помощью CSS, и все будет готово.
Вот вопрос: я действительно могу это сделать?
OBS: инструмент, который я использовал для тестирования схемы: https://gsnedders.html5.org/outliner/