На этой неделе я изучал много заголовков и , излагая тактику. Теперь я застрял в большом количестве информации.Элемент H1 с CSS Скрытое свойство?
Чтение HTML5 Doctor: Document Outline article, у меня не было проблем с «Untitled Sections», но, как вы помещаете теги заголовков и скрываете это с помощью CSS. Когда я читаю это, мой мозг просто взорван. Я всегда слышал, что «тактика скрытых элементов, это проблема черных для SEO».
Рассмотрим код:
<header>
<h1>My Website</h1>
<nav>
<a href="#"></a>
</nav>
</header>
<main>
<h2>This is a cool title</h2>
</main>
В общих чертах, результат:
- Мой сайт
- Без названия Раздел
- Это крутое название
Хорошо, теперь позвольте мне применить скрытый тактику:
<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>
Теперь мой план получил:
- Мой сайт
- Навигация
- Это крутое название
Просто спрячьте элемент с помощью CSS, и все будет сделано.
Возникает вопрос: я действительно могу это сделать?
OBS: инструмент, который я использовал для тестирования контура: https://gsnedders.html5.org/outliner/
Я голосую, чтобы закрыть этот вопрос как вне темы, потому что речь идет о SEO –
Это черная шляпа SEO и получить ваш сайт запрещены. Не используйте контент только для поисковых систем. –
Это должно остаться, поскольку это является фундаментальным требованием для любого разработчика/кодера переднего конца, чтобы узнать о SEO и о том, как он работает. Они идут рука об руку, и эта тема действительно важна для тех, кто начинает работать в HTML/CSS. Если они начинаются в компании и получают свой сайт в черном списке из поисковых систем, то это большая проблема. Я голосую за эту тему, чтобы повиснуть некоторое время. По крайней мере, начинающие пользователи могут получить что-то от понимания этого. – Epik