SEO: ¿Podemos ser penalizados por ocultar el texto h1 en los logos?

Hay uná práctica muy extendida en las webs que consiste en etiquetar con un h1 el nombre del sitio web. Esto hace que haya que elegir entre poner el nombre del sitio o el logotipo. Para evitar esta elección y gracias al CSS podemos hacer las dos cosas, ocultando el texto del h1 y poniendo como imagen de fondo de este h1 la imagen que corresponde al logotipo.

Según mi opinión ésto es una práctica equivocada y que no hará mejorar nuestro SEO. La pregunta no es si debemos utilizar texto o imágenes en los logos, sino, ¿realmente importa etiquetar el texto del logotipo con un h1?. Os cuento por qué….

[codesyntax lang=»css»]

/* Una de las formas de conseguir ocultar el texto del logo */
h1{
   background: url(logo.jpg) no-repeat;
   text-indent:-9999px;
   width: 200px; /* Ancho del logo */
   height: 70px; /* Alto del logo */
}

[/codesyntax]

Además de que, según mi opinión, ésta es una práctica equivocada que no tiene sentido, tal como explicaré luego, Google penaliza la ocultación de texto. Si alguno de nuestros competidores se da cuenta y lo denuncia a Google,  podríamos tener algún problemilla de posicionamiento.

Como decía antes, según mi modo de ver esto es una práctica equivocada. ¿Por qué se intenta que el nombre del sitio esté entre etiquetas h1? ¿Para que aparezca primero en los resultados de búsqueda cuando se busque el nombre de la empresa? Eso pasará aunque no utilicemos el h1, no tenemos que competir en posicionamiento con otras empresas que se llamen igual que la nuestra, ¿no?.

Lo realmente importante para el posicionamiento de una web es etiquetar bien su contenido, no su nombre comercial. Así que sería más interesante etiquetar con un h1 otro texto importante, que indique cuál es la información que más queremos destacar, incluso aquella que nos haría mejorar de posición con respecto a nuestros competidores.

Para el logotipo recomendaría insertar la imagen normalmente con una etiqueta img de las de toda la vida con su alt y un texto descriptivo que ayude al posicionamiento.

<img src=»logo.jpg» width=»…» height=»…» alt=»Desarrollo de aplicaciones web en php» />

Comments

  • Competenciaperfecta.com
    Responder

    Muchas gracias, cometia ese error en mi sitio web, me podrias ayudar con una duda que tengo, segun google está mal utilizar texto de ancha para mejorar el posicionamiento CEO, me podrias explicar que significa? utilizar title en las etiquetas «a» ? Agradesco mucho tu artículo.

    Saluda atentamente, Diego

    • Pablo García

      Diego, no sé a qué te refieres, puedes explicármelo un poco más?