Можно ли в слайдер поверх картинки наложить заголовок H1, чтобы он уезжал вместе со слайдом, но индексировался роботами как заголовок?

Question

[Denisky]

Добрый день! Подскажите кто знает, впринципе вся суть изложена. Нужно только на первом слайде.

Comments

[alex-1917]

нельзя, возможно, будет проиндексирован как скрытый заголовок.

Answer 1

[snap44]

Роботы читают разметку, а не смотрят как сайт на мониторе отображается =)

Comments

[Евгений Юдин]

Вы не совсем правы. Например Гугл не индексирует контент под спойлером или во вкладках не видимых пользователю без дополнительных действий.

[snap44]

Евгений Юдин, а как гугл реагирует на визуально скрытые заголовки, которые релевантны содержимому страницы?

[Евгений Юдин]

snap44, если они скрыты от пользователя, то плохо.

[snap44]

Евгений Юдин, они скрыты только визуально. Скринридеры их могут прочесть (для того они и добавляются). Сеошники говорят одно, одна довольно авторитетная компания говорит другое – мы спрашивали у гугла, они сказали все ок.
Понятно, что ничего не понятно.

[Евгений Юдин]

snap44, пришлите пример реализации.

Кстати, спрашивали у Яндекса?

[snap44]

Евгений Юдин, конкретный пример не могу. На словах – есть гипотетический магазин спорт-товаров, в нем раздел велосипеды. По дизайну заголовок не предусмотрен, но было бы хорошо его туда добавить. Скрывается он вот так:

.visually-hidden { 
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

Подробнее в этом видео с 1:43 (оно коротенькое) и даже на CSS Tricks есть статья.

[Евгений Юдин]

snap44, вас понял. А могли бы прислать скрин того как Гугл на такое ответил что это вполне нормально и не влияет негативно на ранжирование?

В Яндексе я вам могу гарантировать крайне высокую вероятность санкций за использование таких стилей к заголовкам h1-h6.

[snap44]

Евгений Юдин, про Яндекс ничего не говорят, но думаю если бы у Яндекса было бы по-другому, htmlacademy этому не учила бы.

[Евгений Юдин]

snap44, на ваш страх и риск. Мне с трудом верится что Гугл вам напрямую ответил о безопасности для ранжирования использование таких элементов.

Я со 100% уверенностью никогда не порекомендую любые способы скрытия влияющих на ранжирование элементов верстки и семантики.

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

[snap44]

Евгений Юдин,

могли бы прислать скрин того как Гугл на такое ответил

Нет, это трехчасовое видео с обучающих курсов.

Но вот что пишет сам гугл:

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

[Евгений Юдин]

snap44, очень хотелось бы посмотреть это видео с курсов. Скорее всего либо вы что-то не так поняли, либо это информация устаревшая примерно на пять лет, либо вас просто обманывают.

Гугл в той выдержке что вы прислали говорит именно о сайтах на JS и Flash, там совсем другие правила индексации, совершенно не относящиеся к верстке обычных сайтов.

[Евгений Юдин]

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

[snap44]

Евгений Юдин, ничего я не ищу. Я пытаюсь разобраться хорошему меня учат или плохому.

[Евгений Юдин]

snap44, касательно скрытия заголовков - плохому. Следуя таким рекомендациям вероятность получить фильтр от поисковых систем стремиться к 100%.

[snap44]

Евгений Юдин, гугл в той же выдержке так же говорит "например" JS и Flash.
На видео могу кинуть ссылку на почту, но оно идет 3 часа и тайминги я не помню.

[Евгений Юдин]

snap44, то что пишут «например» в данном случае читать как «только в этих двух случаях».

[snap44]

Было бы круто если бы Вадим Макеев сам разъяснил нам этот момент.

[Евгений Юдин]

snap44,

Страницы с невидимым или слабовидимым текстом или ссылками.

Сайты, отдающие разный контент пользователям и роботам поисковых систем («клоакинг»),

https://yandex.ru/support/webmaster/yandex-indexin...

По Гуглу вы легко нагуглите тоже самое.
Мнение что банальные стили обманут робота давно уже развенчано.

[snap44]

Евгений Юдин, да блин, где вы хоть намек на обман увидели? Никто не собирается никого обманывать, заголовок там находится по праву, он полностью релевантен содержимому страницы, но не предусмотрен в дизайне и добавляется не для сео, а для читалок.

[Евгений Юдин]

snap44, заголовок h1, если речь о нем, имеет вес при ранжировании и определении релевантности страницы. Следовательно, является важным элементом страницы. Его скрытие будет считаться попыткой манипуляции роботами поисковой системы. Вот вам и обман, который увидят в данном контексте поисковые системы.

[Евгений Юдин]

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

[snap44]

Евгений Юдин, кроме h1 есть еще 5 уровней. Не знаю как их различают читалки, но наличие любого из них для читалки лучше, чем полное отсутствие.

[Евгений Юдин]

snap44, наличией любого из них со стилями которые скроют заголовок любого уровня от пользователя, гарантированно приведет к фильтру со стороны поисковых систем.

Лучше полное отсутствие заголовка, чем его скрытие стилями.

Я уже обессилел вам это доказывать, рекомендую провести эксперимент чтобы вы воочию увидели этот факт. Заголовком для эксперимента можете смело писать «Как много времени нужно поисковой системе чтобы зафильтровать сайт со скрытыми древними методами заголовками»

[Denisky]

Всё прочитал) в первый же день своего изучения сео наткнулся на информацию, что сливать текст с фоном сайта приведет к бану)

[snap44]

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

[snap44]

Denisky, в общем здесь и здесь пишут что в случае санкций можно обратиться в гугл и объяснить с какой целью скрыт заголовок, страницу проверят вручную.

[Denisky]

snap44, я считаю что это динамическая среда, с течением времени меняется ментальность пользователей и возможности в интернете, соответственно под изменяющуюся среду необходимо адаптироваться. Если Вы верстальщик, то наверняка знаете развитие языка НТМЛ, почему у поисковиков не должны меняться алгоритмы?

[Denisky]

snap44, а в случае, который описан в теме, он может рассматриваться как скрытый?

[snap44]

Denisky, меняться в какую сторону? Еще в 2011 писали что за это в бан улетишь. Другие писали что можно просто обратиться в поддержку и бана не будет. Прошло 7 лет и гугл по-прежнему плюёт на слабовидящих юзеров? Роботы всё еще не могут определить уместен ли заголовок "Велосипеды BMX" если на странице 50 карточек с велосипедами bmx? И как верстальщик я знаю что ПС любят не только контент, но и удобные, доступные сайты.

[snap44]

Denisky, нет, он не будет вообще никак скрыт.

[Denisky]

snap44, я думаю лучше подскажут те, кто в бане уже был) а как тогда эту страницу будут индексировать, если у каждой карточки товара уникальное описание? и что будет релевантно каталогу с велосипедами если ищут по цвету, модели или геопривязке или чему то еще? Это уже похоже на какую то однородную массу из сайтов.
За ответ по заголовку отдельное спасибо

[snap44]

Denisky, хорошо, вот наглядный пример
как человеку понять что слева фильтр, если читалка это воспроизведет как "Производители" и далее просто перечисление производителей?

[Denisky]

snap44, я не совсем понимаю о чём речь. Автор ответа написал - роботы читают разметку а не смотрят как выглядит сайт. И я не верстальщик, я проектник, тонкостей вопроса не знаю. Но если блок относится к производителям то в чём проблема? Для робота это чекбоксы для человека возможность сделать точный выбор. "Средства для ухода" если это H1 то он не понятный и неправильный с точки зрения сео, средства для ухода за собаками, кошками, животными, для салона автомобиля ...?? С точки зрения юзабилити мне тоже не понятен этот скрин, даже в рамках барбершопа - уход за бородой, причёской, уход за сухими волосами, больными какими??? вобщем н и ч е г о не понятно.

[Denisky]

snap44, а, сори - это же Ваш ответ и есть)

[Denisky]

snap44, я прошу прощения, но если запрос будет "где взять средства для ухода за онкобольным" или "Когда мэрия выделит средства для ухода и содержания городского парка", вобщем мне скриншот крайне не нравится) просто сижу, как раз, семантическое ядро собираю для проекта)

[Евгений Юдин]

snap44, будет фильтр от гугла и от яндекса. Никакие письма в ТП не помогут, в Яндексе уж 100%, в Гугле 99%. «Уважаемые» люди с конференций вам лапшу на уши вешают.

[jobsdata]

Понравился мне ваш базар =) Подпишуська я :D

[snap44]

Евгений Юдин, вот страница со скрытым заголовком. А вот она в поиске гугла
и яндекса

[Евгений Юдин]

snap44, хм, а ведь правда. Попробую на них настучать, если не подействует значит при каких-то условиях это действительно работает.

[snap44]

Евгений Юдин, как я сразу не догадался поискать такие заголовки на их же страницах.

[Евгений Юдин]

snap44,

[snap44]

Евгений Юдин, ждем

[Евгений Юдин]

snap44, подождем не знаю сколько :) Но я подозреваю что все же вы правы, но таким образом следует что заголовок h1 теперь играет очень маленькую роль в ранжировании.

[snap44]

Евгений Юдин, я же уже тыщу раз написал как предположительно это работает. Если бы заголовок биткоины продавал – улетели бы в бан. А так он полностью релевантен содержимому.

[Евгений Юдин]

snap44, еще совсем недавно само наличие дисплэй нон или цвет шрифта как фон, супермелкого шрифта велотнапрямую к фильтру.

[snap44]

Евгений Юдин, вы об этом где-то читали или проверяли сами, улетели в бан, написали в поддержку и не помогло? Академии ~6 лет, думаю заголовок там не вчера появился.

[Евгений Юдин]

snap44, проверяли и в гугле и в яндексе много раз, правда преимущественно не на белых проектах.

[snap44]

Евгений Юдин, из серии "выпил три литра водки и закусил сырком. с утра плохо, сырок был лишним" :)

[Denisky]

Ну всё, спокойно вешаю заголовок в слайдер)

[Denisky]

snap44, видите, с нами пообщались и догадались поискать) надо энергию двигать прост, как говорил моя бывшая начальница)

[snap44]

Евгений Юдин, пересмотрел видео, говорят в таком случае заголовки просто имеют меньший вес. Так же говорят есть ссылка на официальный ответ от гугла, но найти её я не смог :(

[snap44]

Евгений Юдин, ура, таки нашел ответ от гугла

Будет здорово если распространите среди коллег, чтобы можно было в таких случаях верстать более доступно :-)

[Denisky]

snap44, я так понял бан не получишь - но и в поиске по этим словам учавствоать не будешь)

[snap44]

Denisky, будешь, просто скрытый заголовок имеет меньший вес, чем видимый. И еще раз обращаю внимание – если заголовок релевантен содержимому страницы.

[snap44]

Denisky, и в вашем случае он не будет скрытым + современный css позволяет поместить его максимально высоко в разметке.

[Denisky]

snap44, благодарю!

Answer 2

[Евгений Юдин]

Да, можно, никаких проблем не возникнет.

Comments

[Denisky]

Спасибо, просто находимся на этапе прототипирования, как раз нужно такие вещи предусмотреть для дальнейшей оптимизации.

[Евгений Юдин]

Обращайтесь. ;)

Answer 3

[Дмитрий]

Если на странице будет присутствовать только один этот заголовок, то никаких проблем. Если встретится еще где-то на странице - уже "не есть хорошо".

Answer 4

[Вадим Макеев]

Нет никаких проблем с заголовками, которые соответствуют контенту сайта, но скрыты временно или для задач доступности с помощью паттерна visually hidden, пруфлинк. См. также HTML Шорты: Как прятать.