Как скрыть тег H1 не сломав индексацию?

Question

[maxeee52]

Необходимо скрыть тег H1.
Нагуглил, что display: none, размер шрифта в 0, opacity: 0 и прочие хитрости Гуглом рассматриваются как нарушение, и в итоге тег не индексируются. По требованиям Гугла текст должен быть читаемым и находиться в видимой области.

Answer 1

[Robert-critical-thoughts]

Коротко: visually-hidden
Как правильно прятать элементы, не нарушая индексацию

Answer 2

[Артем Гвоздев]

а смысл? просто випилите его из кода
И вот вам такой же вопрос - Заголовок h1 прячем в visually-hidden — клоакинг?

Comments

[Ankhena]

Смысл в доступности и seo

[Robert-critical-thoughts]

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

[Артем Гвоздев]

Ankhena, да, ладно, а вы не думалИ, что если вы его спрячете, то эффект для seo будет хуже, чем его просто не добавлять

[Ankhena]

Артем Гвоздев, я нет, не думала. Оба основных поисковика принимают паттерн visually-hidden. Чтобы и вам не думать, почитайте про доступное скрытие контента, статей уже полно.

[Артем Гвоздев]

Ankhena, а кто вам сказал, что это супер правильная инфа?
Вам сами представители Google казали, что можно так скрывать контент?
Единственное, что я знаю, что google норм относится только к скрытию микро-разметки в формате json-ld

[Артем Гвоздев]

Ankhena, вот кстати ваи инфа на заметку - https://support.google.com/webmasters/answer/66353
И вот вам цитата оттуда

Использование скрытого текста или ссылок с целью повлиять на рейтинг сайта в результатах поиска Google является нарушением наших рекомендаций для веб-мастеров.

[Ankhena]

Артем Гвоздев, не нужно со мной спорить, вы можете сами искать информацию, статьи и записи конференций, хотя бы хелп Вебмастера, экспериментировать и самостоятельно делать выводы. Благо у SEOшников всегда полно сайтов для тестов.

[Артем Гвоздев]

Ankhena, я выводы и делаю, благо вижу. Вы оперируете с точки зрения верстки, а не SEO

[Ankhena]

Артем Гвоздев, эм... прочитайте эту же статью дальше.
Или я попробую объяснить на пальцах.
Поисковики против контента скрытого ради накрутки. Но не против скрытия, повышающего удобство и доступность.
Заголовок, которого НЕТ в дизайне, но подразумевается пишется в код и скрывается специальным паттерном visually-hidden. Это делается, в основном, для людей с ограниченными возможностями и проблемами зрения, чтобы читалка озвучила этот заголовок, который обычные люди поймут из оформления. Аналогично для роботов поисковиков.
Тоже самое делается для графических, в основном интерактивных, элементов, смысл которых очевиден зрячему, но будет не понятен при чтении экранным диктором.
А тема доступности становится всё более актуальной.

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

[Артем Гвоздев]

Ankhena, ну это старая статья, но принцип тот же, мало кто уже скрывает js, так как его уже индексит поисковой робот. А flash вообще убивается
По поводу паттерна, за который вы так упорно топите:
Этот паттерн скрывает все из дизайна, но оставляет все в дереве DOM.
То есть в исходном коде, h1 будет, у пользователя нет, выходит скрытый контент.
Значит Google противоречит сам себе

И да, та дальше идет описание такого плана:
Добавьте описание, к тому, что робот плохо видит, это не скрытый контент, да это логично.
Так как например alt у картинок, следует этому же принципу.
Вопрос был про h1, и отвечая на него, я написал, что его скрывать не нужно, лучше его випилить

[Ankhena]

Артем Гвоздев, думаю, что спрашивающий уже получил достаточно информации. Дискуссию на этом можно прекратить.