O Google penalizará meu site se eu ocultar a tag H1?

Eu li um artigo hoje em que o autor afirmou que, se você colocar palavras-chave em sua página, mas depois as ocultar com CSS, o Google penalizará seu site. Isso faz sentido.

Isso me fez pensar sobre minha própria técnica quando construo um site. Se, por exemplo, quando eu construo um site e o logotipo contém o nome do site, costumo colocar o nome do site em uma tag H1 e ocultar essa tag. Não sei por que faço, sempre fiz. Também incluo qualquer texto contido em uma imagem no altatributo da imgtag.

Mas, como estou ocultando a tag H1, isso me deixa aberto para o Google penalizar o site porque ocultei essa tag?

Como a substituição de imagem mencionada por Su 'é bastante padrão. Você provavelmente obterá mais resultados do seu H1 se os tornar únicos em cada página (por exemplo, usando o título do artigo como o H1).

No entanto, na medida em que é penalizado, o Google direciona especificamente o texto oculto como uma forma de SPAM, mas eles sempre disseram "apenas construa seu site da maneira que faria se os mecanismos de pesquisa não existissem e você ficará bem" teoricamente, isso significa que você devem estar bem e devem saber a diferença entre texto oculto manipulativo e texto oculto que ocorre naturalmente.

Pessoalmente, não gosto de deixar coisas assim para o Google descobrir, então recomendo que você mude seu H1 para o conteúdo principal do site, o título do artigo, o título do produto ou o que o seu conteúdo exigir. Dessa forma, é único, que G gosta, é relevante para o conteúdo, que G gosta, e está à vista tanto de pessoas quanto de bots.

por exemplo, quando eu construo um site e o logotipo contém o nome do site, costumo colocar o nome do site em uma tag H1 e depois ocultá-la. Também incluo qualquer texto contido em uma imagem no atributo alt da tag img.

É um pouco vago, mas se isso significa que você oculta H1e também possui uma imgtag separada que apresenta o logotipo, você está duplicando o esforço (e, como outros disseram, potencialmente se abrindo para penalidades de conteúdo oculto). Por que não usar um método de substituição de imagem ? Você já está na maior parte do caminho, apenas fazendo isso em várias etapas.

Realisticamente, você pode colocar a imagem diretamente no arquivo H1, mas algumas pessoas preferem ter texto na fonte; sua chamada.

Você está certo ao se preocupar em ser banido pelo problema da etiqueta H1. Se você está preocupado com a possibilidade de seu site ser banido no momento, sugiro usar as ferramentas para webmasters do Google para ver as mensagens que o Google postou sobre seu conteúdo. Eles também têm várias ferramentas que você pode usar para garantir que seu site esteja em conformidade.

Em relação à tag 'alt', continue fazendo isso! O Google não apenas usa a tag alt para entender as imagens, mas também o software leitor de tela usa a mesma tag alt para ajudar as pessoas com deficiência visual a navegar no seu site.

As Ferramentas do Google para webmasters podem ser encontradas aqui

Sim - isso pode levar o Google a penalizar seu site. O Google sempre analisa a alttag para determinar o texto oculto em uma imagem; portanto, não há realmente a necessidade de adicionar o título à h1tag. Você também pode especificar apenas as palavras-chave em suas metatags e o título da página.

Estamos falando do nome do site aqui. Na maioria dos casos, não será tão longo e geralmente será repetido várias vezes em cada página. Portanto, isso não deve ser problema para qualquer mecanismo de pesquisa, pois é difícil ver como isso pode enganar seus usuários. Isso não pode ser comparado aos casos em que alguém oculta várias palavras-chave que não são repetidas ou relevantes para o conteúdo.

No entanto, isso não significa que você deve fazê-lo.

Não sei por que faço, sempre fiz.

Agora é a hora de repensá-lo. Por que você faria algo assim? O logotipo é (ou representa ) o nome / título do site. Então, ele deve estar em h1. Dependendo do seu método de ocultação, o cabeçalho também pode estar oculto para os leitores de tela (o que pode interromper a navegação de contorno usada por muitos usuários do leitor de tela).

Se você deseja exibir o nome, o logotipo e o nome, coloque-os da mesma forma h1ou use o hgroupelemento 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>

Observe que o altvalor do atributo deve estar vazio aqui:

o altvalor do atributo não deve repetir as informações que já são fornecidas na prosa ao lado da imagem

Se você quiser usar apenas o logotipo, tudo bem:

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

Em relação às outras respostas:

É totalmente bom e bom e, em muitos casos, até necessário (para o esboço do documento) para uso h1no título do site , não no título do conteúdo da página. No HTML5, você pode usar h1para ambos os títulos (em combinação com os elementos de corte).

Um método de substituição de imagem CSS não deve ser usado para o logotipo do site, pois é conteúdo (HTML), não decoração (CSS)

Pode ser considerado como SEO blackhat, embora funcione em alguns casos, acredito que você pode ser penalizado.

FWIW: com relação a toda a conversa sobre ser penalizado pelo "The Central Scrutinizer", o próprio Google oculta o texto na <h2 class="hd">Search results</h2>página de resultados de pesquisa :

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