Будет ли Google наказывать мой сайт, если я спрятал тег H1?

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

Это заставило меня задуматься о моей собственной технике, когда я создаю сайт. Если, например, когда я создаю веб-сайт, а логотип содержит название веб-сайта, я склонен помещать имя веб-сайта в тег H1, а затем скрывать этот тег. Я не знаю, почему я это делаю, я всегда делал это. Я также включаю любой текст, содержащийся в изображении, в altатрибут imgтега.

Но из-за того, что я скрываю тег H1, это оставляет меня открытым для Google, наказывающего веб-сайт, потому что я скрыл этот тег?

Как сказал Су 'замена изображения довольно стандартна. Скорее всего, вы получите больше пользы от своих H1, если сделаете их уникальными на каждой странице (например, используя заголовок статьи в качестве H1).

Что касается наказания, то Google специально нацеливает скрытый текст как форму СПАМА, однако они всегда говорили: «Просто создайте свой сайт так, как если бы не было поисковых систем, и у вас все будет хорошо», теоретически это означает, что вы должно быть хорошо, и они должны быть в состоянии определить разницу между манипулятивным скрытым текстом и скрытым текстом, который встречается естественным образом.

Лично я не хотел бы оставлять такие вещи на усмотрение Google, поэтому я бы рекомендовал перенести ваш H1 на основной контент сайта, заголовок статьи, название продукта или что-то еще, что вам требуется. Таким образом, он уникален, и ему нравится G, он имеет отношение к контенту, который нравится G, и виден как людям, так и ботам.

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

Это немного расплывчато, но если под этим вы подразумеваете, что вы скрываете, H1а затем также имеете отдельный imgтег, который затем представляет логотип, вы дублируете усилия (и, как уже говорили другие, потенциально открывая себя для штрафов за скрытый контент). Почему бы не использовать вместо этого метод замены изображений ? Вы уже прошли большую часть пути, просто делая это в несколько этапов.

Реально, вы можете просто вставить изображение прямо в H1, но некоторые люди предпочитают иметь текст в своем источнике; ваш звонок.

Вы правильно беспокоитесь о том, что вас могут забанить за проблему с тегом H1. Если вы беспокоитесь о том, что ваш сайт может быть в настоящее время заблокирован, я бы предложил использовать инструменты Google для веб-мастеров, чтобы просмотреть любые сообщения Google о вашем контенте. У них также есть несколько инструментов, которые вы можете использовать для проверки соответствия вашего сайта.

Что касается тега 'alt', продолжайте делать это! Google не только использует тег alt для понимания изображений, но и программа для чтения с экрана использует тот же тег alt, чтобы помочь людям с нарушениями зрения перемещаться по сайту.

Инструменты Google для веб-мастеров можно найти здесь

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

Мы говорим о названии сайта здесь. В большинстве случаев это не будет так долго, и это обычно будет повторяться несколько раз на каждой странице. Так что это не должно быть проблемой для любой поисковой системы, так как трудно понять, как это может обмануть их пользователей. Это нельзя сравнивать со случаями, когда кто-то скрывает различные ключевые слова, которые не повторяются или не имеют отношения к содержанию.

Однако это не значит, что вы должны это делать.

Я не знаю, почему я это делаю, я всегда делал это.

Сейчас настало время переосмыслить это. Зачем тебе вообще что-то делать? Логотип является (или представляет ) название / название сайта. Так и должно быть h1. В зависимости от метода скрытия заголовок может быть скрыт и для программ чтения с экрана (что может нарушить навигацию по схеме, которую используют многие пользователи программы чтения с экрана).

Если вы хотите, чтобы отображались оба, логотип и имя, вы можете поместить их в одно и то же h1или использовать hgroupэлемент HTML5 .

<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>

<!-- variant 2 -->
<hgroup>
  <h1><img src="acme-logo.png" alt="" /></h1>
  <h2>ACME Inc.</h2>
</hgroup>

Обратите внимание, что altзначение атрибута здесь должно быть пустым :

значение altатрибута не должно повторять информацию, которая уже указана в прозе рядом с изображением

Если вы хотите использовать только логотип, это тоже хорошо:

<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>

Что касается других ответов:

Это совершенно нормально и во многих случаях даже требуется (для структуры документа) использовать h1для заголовка сайта , а не для заголовка содержимого страницы. В HTML5 вы можете использовать h1оба заголовка (в сочетании с элементами секционирования).

Метод замены изображений CSS не должен использоваться для логотипа сайта, так как это контент (HTML), а не оформление (CSS)

Это может быть расценено как SEO, но в некоторых случаях это работает, я верю, что вы можете быть оштрафованы.

FWIW: в отношении всех разговоров о наказании со стороны "The Central Scrutinizer", Google сам скрывает текст на своей <h2 class="hd">Search results</h2>странице результатов поиска:

.hd {
   height: 1px;
   overflow: hidden;
   position: absolute;
   top: -1000em;
   width: 1px;
}