¿Google penalizará mi sitio web si oculto la etiqueta H1?

Leí un artículo hoy en el que el autor declaró que si coloca palabras clave en su página pero luego las oculta con CSS, Google penalizará su sitio. Esto tiene sentido.

Esto me hizo pensar en mi propia técnica cuando construyo un sitio web. Si, por ejemplo, cuando construyo un sitio web y el logotipo contiene el nombre del sitio web, tiendo a poner el nombre del sitio web en una etiqueta H1 y luego ocultar esta etiqueta. No sé por qué lo hago, siempre lo he hecho. También incluyo cualquier texto contenido en una imagen en el altatributo de la imgetiqueta.

Pero debido a que estoy ocultando la etiqueta H1, ¿esto me deja abierto a que Google penalice el sitio web porque he ocultado esta etiqueta?

Como Su 'reemplazo de imagen mencionado es bastante estándar. Es probable que obtenga más información sobre sus H1 si los hace únicos en cada página (por ejemplo, utilizando el título del artículo como H1).

En cuanto a ser penalizado, Google apunta específicamente al texto oculto como una forma de SPAM, sin embargo, siempre han dicho "solo construye tu sitio web como lo harías si los motores de búsqueda no existieran y estarás bien" en teoría, eso significa que deberían estar bien y deberían poder distinguir entre el texto oculto manipulador y el texto oculto que ocurre naturalmente.

Personalmente, no me gusta dejar que Google decida cosas así, así que recomiendo mover su H1 al contenido principal del sitio, el título del artículo, el título del producto o lo que su contenido lo amerite. De esa manera, es único, lo que le gusta a G, es relevante para el contenido, lo que le gusta a G, y está a la vista tanto para las personas como para los bots.

por ejemplo, cuando construyo un sitio web y el logotipo contiene el nombre del sitio web, tiendo a poner el nombre del sitio web en una etiqueta H1 y luego ocultar esta etiqueta. También incluyo cualquier texto contenido en una imagen en el atributo alt de la etiqueta img.

Es un poco vago, pero si con esto quiere decir que oculta la etiqueta H1y luego también tiene una imgetiqueta separada que luego presenta el logotipo, está duplicando el esfuerzo (y, como han dicho otros, potencialmente abriéndose a sanciones por contenido oculto). ¿Por qué no considerar usar un método de reemplazo de imágenes en su lugar? Ya estás en el camino, simplemente haciéndolo en múltiples pasos.

Siendo realistas, podría pegar la imagen directamente en el H1, pero algunas personas prefieren tener texto en su fuente; tu llamada.

Tiene razón al preocuparse por la prohibición del problema de la etiqueta H1. Si le preocupa que su sitio esté actualmente prohibido, le sugiero que use las herramientas para webmasters de Google para ver cualquier mensaje que Google haya publicado sobre su contenido. También tienen varias herramientas que puede usar para asegurarse de que su sitio cumpla con los requisitos.

En cuanto a la etiqueta 'alt', ¡sigue haciendo esto! Google no solo usa la etiqueta alt para comprender las imágenes, sino que también el software del lector de pantalla usa la misma etiqueta alt para ayudar a las personas con discapacidad visual a navegar por su sitio.

Las Herramientas para webmasters de Google se pueden encontrar aquí

Sí, posiblemente puede llevar a Google a penalizar su sitio. Google siempre mira la altetiqueta para determinar el texto que está oculto en una imagen, por lo que realmente no hay necesidad de agregar el título en la h1etiqueta. También puede especificar las palabras clave en sus metaetiquetas, así como el título de la página.

Estamos hablando del nombre del sitio aquí. En la mayoría de los casos, no será tan largo y generalmente se repetirá varias veces en cada página. Por lo tanto, esto no debería ser un problema para ningún motor de búsqueda, ya que es difícil ver cómo esto podría engañar a sus usuarios. Esto no se puede comparar con los casos en que alguien oculta varias palabras clave que no se repiten o no son relevantes para el contenido.

Sin embargo, eso no significa que debas hacerlo.

No sé por qué lo hago, siempre lo he hecho.

Ahora es el momento de repensarlo. ¿Por qué harías algo así? El logotipo es (o representa ) el nombre / título del sitio. Entonces debería estar adentro h1. Dependiendo de su método de ocultación, el encabezado también puede estar oculto para los lectores de pantalla (lo que podría romper el esquema de navegación que usan muchos usuarios de lectores de pantalla).

Si desea mostrar proporcionar tanto el logotipo como el nombre, puede colocarlos en el mismo h1o puede usar el 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>

Tenga en cuenta que el altvalor del atributo debe estar vacío aquí:

el altvalor del atributo no debe repetir la información que ya se proporciona en la prosa junto a la imagen

Si solo quieres usar el logotipo, también está bien:

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

En cuanto a las otras respuestas:

Está totalmente bien y en muchos casos incluso se requiere (para el esquema del documento) para usar h1para el título del sitio , no para el título del contenido de la página. Sin h1embargo, en HTML5 puede usar para ambos títulos (en combinación con elementos de sección).

No se debe usar un método de reemplazo de imagen CSS para el logotipo del sitio, ya que es contenido (HTML), no decoración (CSS)

Puede considerarse como blackhat SEO, aunque funciona en algunos casos, creo que puede ser penalizado.

Fwiw: con respecto a la totalidad de la conversación sobre el ser penalizado por el "El Scrutinizer central", Google sí esconde texto en sus resultados de búsqueda <h2 class="hd">Search results</h2>página:

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