Posicionar en Google nuestro nombre a través del logo

En algunas ocasiones sucede que tenemos que escoger entre poner una imagen o un texto, para empezar, es recomendable poner siempre que se pueda textos para posicionarse mejor en Google y para que cargue más rápido la página, pero, si por ejemplo queremos que nuestro titulo de cabecera o las opciones del menú tengan un tipo de letra especial o con efectos, existen varias opciones:

Opción A: Meter texto y fastidiarse, lo simple es mas efectivo y si el cliente se queja le hablamos de la moda minimalista.

Opción B: Metemos imagen y nos olvidamos de Google, ¿pero quién narices querría indexar su propio nombre de empresa en Google?

Opción C: Metemos una imagen, metemos también el texto y usamos un truquillo en CSS para ocultarlo sin que afecte al posicionamiento.

Para hacer esto último simplemente nos aprovecharemos de 2 propiedades de CSS, una de ellas es el background, que nos permite colocar una imagen de fondo en una capa, la otra es el text-indent, que nos permite colocar la sangría del texto (incluso en negativo) y hacer que el mismo se esconda. Pongo un ejemplo:

<div style="background: url('../images/logotipo.gif'); text-indent:-2000px; width:400px; height:90px; overflow:hidden;">El nombre de mi web</div>

Como lo de colocar una imagen de fondo parece muy básico, centrémonos en el text-indent, el valor es negativo y desplazaría el texto fuera de la capa de forma que el mismo no pueda verse, si el usuario visualiza la página con el CSS activo verá la imagen de fondo en la cabecera, si por el contrario navega sin visualizar el CSS (como hacen los buscadores) lo que se mostrará es el texto, y no la imagen, ya que si el CSS no está activo la propiedad background tampoco cargará la imagen.

Esta solución me parece una de las más limpias y eficientes que hay para este tipo de problemas, de forma que puedas colocar junto al logotipo el nombre de la empresa y posicionarte mejor en Google sin afectar al diseño y sin tener que utilizar trucos en javascript que tienden a crear problemas.

Validar CSS y HTML

Validando HTMLEstamos acostumbrados a que Internet Explorer se lo coma todo, incluso ahora que Firefox agarra fuerza y algunos de los mas comprometidos con el cumplimiento de estándares y la FSF intentamos facilitarle la vida a los exploradores menos extendidos, suele pasar que se nos olvide un alt en una imagen, pongamos un parche a modo de “<center>” por salir de un apuro o simplemente un fallo en el algoritmo provoca que el HTML dinámico no cierre correctamente algunas etiquetas.

Google valora el cumplimiento de estándares, pero por mi experiencia, no es ni mucho menos lo más valorado a día de hoy (aunque nunca se sabe cuando pueda cambiar su algoritmo) ya que Google busca páginas con contenido relevante y de calidad, y muchas páginas de buen contenido no siguen los estándares (tan sólo el estándar IE de Microsoft).

Continue reading Validar CSS y HTML