Optimizar el orden de carga de todos los elementos de nuestra web puede mejorar notablemente la experiencia del usuario, recuerdo que una vez hablaba con Pablo sobre el tema y coincidíamos en que algo fundamental de cara al visitante es mostrarle primero el contenido de los post –es lo que está buscando– y luego ir cargando el resto de los elementos (sidebar, widgets, etc).
El orden de carga de los elementos también influye en el SEO, para Google lo que está al principio de la página es lo más relevante, es decir, le da más importancia a los textos y enlaces que lee al principio y menos a los que están al final.
Hay varias formas de ver el orden de carga, una de ellas es acceder al modo texto de la caché de Google, también podemos desactivar todos los estilos de la página (con la extensión Web Developer de Firefox se hace con un par de clics).
Entendiendo esto podemos aplicar algunas optimizaciones en el código, lo ideal sería cargar al principio los elementos H1, palabras claves, contenidos principales y enlaces a los cuales queremos otorgarles mayor autoridad. Para el final se pueden dejar las columnas laterales, menús y todos aquellos elementos que son menos relevantes y generalmente se repiten en todas las páginas del sitio.
Por supuesto, aplicar estos cambios no es sencillo, hay que analizarlos bien y si los vamos a hacer nosotros tendríamos que saber maquetar y jugar con el CSS, de esta forma por ejemplo los enlaces menos importantes de nuestro sitio en cuanto al SEO podríamos mostrarlos en la parte superior de la página, pero internamente serían los últimos en cargar.
Estos pequeños cambios internos se conocen como SEO onpage y pueden aumentar el tráfico de un sitio o blog aún sin actualizarlo de forma seguida, conozco algunos casos de blogs en los cuales las mejoras onpage lograron aumentar el tráfico mejorando notablemente el long tail.
Espero que el tip sirva, saludos.
Jorge Oyhenard
14 años ago
Desde hace mucho tiempo discuto que el buen uso de HTML/CSS favorece el SEO, y obviamente muchos de los seo (sobre todo los link-spamer-only) saltan con que eso no tiene nada que ver.
Pero el buen maquetado utilizando bien HTML para contenido y CSS para diseño brinda como resultado, por pura prolijidad y sin buscarlo este tipo de resultados necesarios para el SEO, o sea aportar la importancia debida a cada elemento del contenido y también el orden en que este aparece en una visualización solo texto.
Si no les gusta el código, que lo miren con dibujito 😛 si un sitio que compartís en facebook no toma solo el resumen y la imagen, esta maquetado pesimamente 🙂 (o sea el 90%)
Ni hablar del uso de tablas y otros métodos de carpinteriles de los 90 que olvidan todo el orden, como el uso de full flash (bloque masacote oculto cero contenido SEO) y abuso de JavaScript o AJAX (orden impredecible y contenido que no es contenido)
Buen artículo Ale !
Milagros
14 años ago
Muy buenos tips. La técnica que señalas también se podría aplicar para el sidebar. Muchos dan mucha importancia al sidebar (porque allí colocan enlaces internos, etc) y aplicación estilos podríamos invertir el orden, por ejemplo mostrar primero los posts y a la derecha el sidebar pero internamente esto no es así.
Saludos.
Orden de carga y posicionamiento en la web | YouZone!
14 años ago
[…] Fuente: Kabytes […]
Kris Chile
5 años ago
Hola.
Estoy de acuerdo con Jorge. Buen SEO debe empiezar por tener un sitio web bien hecho – sin errores en codigo. Hoy en dia es muy importante tener una estructura web sólida que ayuda a los usuarios navegar.
Saludos
Kris