Noticias SEO
Bibliotecas CSS y JavaScript: Cómo optimizarlas para el SEO
Guía para implementar CSS y JavaScript con buenas prácticas para el SEO
Una biblioteca de CSS y Javascript es un conjunto de carpetas con todos los archivos, imágenes y hojas de estilo (style sheets) definidos en una ruta para ser utilizados en un sitio Web.
Las bibliotecas CSS y Javascript son fundamentales para un sitio Web dinámico y moderno, se pueden incrustar en el código HTML para ser invocadas en front-end o bien generarse desde back-end. La gran mayoría de los sitios Web utilizan JavaScript y CSS aunque su incorrecta implementación puede afectar directamente nuestro posicionamiento Web.
Para evitar la latencia que puede generar JavaScript ha surgido AJAX el cual es una solución para actualizar contenidos.
Puedes visitar nuestro post SEO y JavaScrip prácticas recomendadas
AJAX permite que las aplicaciones Web puedan comunicarse con servicios del lado del servidor y realizar consultas para mostrar contenido sin tener que refrescar la página.
Es necesaria una correcta implementación de JavaScript y CSS para que nuestro contenido pueda ser rastreado por los bots de los motores de búsqueda y no afectar la navegación de nuestros visitantes.
Por su parte Google desarrolló el framework Angular para unificar JavaScript y CSS, aunque también necesitamos que las aplicaciones en Angular sean visibles para los motores de búsqueda.
Recordemos que el proceso para generar el PageRank que utilizan los motores de búsqueda se dividen en 3 etapas:
- Rastreo
- Procesamiento
- Indexación
El uso incorrecto y la sobrecarga de bibliotecas JavaScript y CSS impacta directamente en el SEO de nuestro sitio Wevb al impedir el rastreo de nuestro contenido.
¿Cómo optimizar JavaScript y CSS para el SEO?
Para optimizar JavaScript y CSS para el SEO de nuestro sitio Web debemos realizar lo siguiente:
- Habilitar Gzip en el servidor y comprimir JavaScript y CSS.
- Habilitar la caché de recursos en JavaScript y CSS.
- Minificar recursos JavaScript y CSS.
- Marcar el JavaScript como asíncrono.
<script async src=”/codigo.js” /> - Unificar el código JavaScript y CSS en una biblioteca.
- No utilizar JavaScript y CSS embebido en la página.
- Cargar el JavaScript y CSS en la cabecera de la página con async.
- Eliminar el JavaScript y CSS que no se utiliza.
- Evitar el uso de librerías o bibliotecas externas CSS (CDN)
Conclusión
El SEO (Search Engine Optimization) ha cambiado desde sus inicios, ya no resulta con agregar las palabras clave en el contenido, requiere de análisis de datos en cuento comportamiento de los usuarios, optimizar para mejorar la accesibilidad y usabilidad Web, técnicas de mejoras del lado del servidor y optimizar el desarrollo de aplicaciones.
¿Necesitas posicionar tu sitio Web?
About the author