Las hojas de estilo en cascada ofrecen muchos beneficios más allá de diseños sin tablas y posiciones precisas. A continuación un listado de formas para optimizar tu Web a base de CSS:

- Reordena tu contenido para que este arriba de las barras de navegación ya sea izquierda o superior en el código HTML. Eso aumentará el “keyword prominence” (que tus palabras claves estén lo mas adelante posible) lo cual es una excelente práctica SEO. La forma es utilizar el CSS para que la página se despliegue como se desea. CSS Zen Garden es un excelente ejemplo de esto puesto en práctica… por ejemplo, nótese como el código HTML no cambia entre este diseño con navegación izquierda y este otro con navegación derecha, lo único que cambia es el CSS.

- Si se debe usar una navegación basada en gráficos o encabezados en imágenes en vez de texto puro, entonces simplemente utilizamos la técnica de “reemplazo de imagen” de CSS, la cual sustituye la imagen por un link de texto o un tag de encabezado, respectivamente, asegurándonos que será leído aún cuando no se cargue el CSS (como es el caso de las arañas de algunos motores de búsqueda que visitan tu sitio). Un ejemplo claro es northland.edu., en el cual esta técnica es utilizada con gran eficacia. Actualmente esto es más efectivo para SEO que los Alt Tags pero es bueno tomar en cuenta que con el tiempo los motores de búsqueda empezarán a “cargar” los archivos CSS (Google indexa CSS) y omitirá está pequeña característica.

- Aprende a abreviar tu código CSS. Esto se logra al abreviar los códigos hexagonales de los colores, los márgenes, las dimensiones de cajas y bordes, etc. La eficacia de las abreviaturas en CSS no solo se traduce en una descarga más rápida del archivo para sus clientes sino además un código compacto que será más sencillo de mantener. Para más información visita 456bereastreet.com

- Corregir la incompatibilidad de diseño entre navegadores con CSS específicas. Algo luce mal en su sitio al desplegarlo en el navegador Safari por ejemplo? Internet Explorer no se lleva bien con los otros navegadores? Hasta el día que todos los navegadores sigan estándares, el usar CSS especificas o reglas para diferentes navegadores, es la solución más viable.

- Construye la hoja de estilos siempre pensando en hacer futuros cambios de la forma más sencilla. Las cosas cambian - colores, navegaciones laterales, publicidad, fechas, etc.

- Haz uso de la característica natural de cascada que posee el CSS. Mucho de los estilos que se definen son utilizados a nivel global del sitio Web, otros solo serán específicos de una página, en estos casos es cuando viene como anillo al dedo esta característica, por ejemplo si necesitaras que un “h1” se vea diferente en un lugar determinado podrías definir un estilo diferente para los “h1” que se encuentran dentro de un “span” por ejemplo.

- Por último una pequeña recomendación para todos los interesados en empezar a construir o que ya están metidos en el asunto de CSS, existe una excelente herramienta para Firefox, la extensión llamada Web Developer, la cual te permite desplegar la hoja de estilos de una pagina determinada dentro del mismo navegador, en la cual además de visualizarla podrás editarla en modo real, además de validarla y muchas cosas más.

¡Compártelo!