¿Por qué el cliente debería optar por el uso de CSS en su sitio?
Antes de empezar
¿Ud sabe que es el CSS?
Es la tecnología que está siendo aplicada a los sitios más modernos. Que trae múltiples beneficios explicados a continuación. Los grandes sitios ya lo estan usando, puede ver ejemplos como La Nación, Clarín, Buenos Aires, Argentina, entre otros.
¿Cómo se puede dar cuenta el Cliente si algún sitio está hecho en CSS?
Se debe descargar el navegador (browser) Firefox, para luego ir a la opción ver -> estilo de página -> sin estilo
La cuál revelará que si el sitio puede leer linealmente sin saltease el contenido, es que efectivamente está hecho en CSS
Aquí el ejemplo visual, luego de elegir la opción mencionada.
Hecho en Tablas
(Como podrá ver, el contenido se muestra en columnas, dificulta la indexación y la accesibilidad)
Hecho en CSS
(Se lee linealmente, mejor optimización para los buscadores)
Las tablas fueron hechas solamente para integrar datos tabulares (como el cuadro que se encuentra más abajo), no para hacer un sitio.
Si usted, ya posee un sitio, con ésto podrá darse cuenta si le han cobrado por el diseño de un sitio de poca calidad. Y si su sitio está hecho totalmente en flash, tenga en cuenta que es muy poco accesible y tendrá problemas en la indexación en los buscadores, para mayor información vea "Ventajas del uso de CSS a comparación del uso de Tablas o Flash" explicado a continuación.
Aquí explicaré, el trabajo "invisible" que ofrece tener un sitio hecho en código CSS.
¿por qué "invisible"?
Porque a simple vista se puede ver exáctamente igual un sitio hecho en Tablas (la forma obsoleta antes usada para crear sitios) que un sitio hecho en CSS.
¿Entonces que diferencia hay con usar CSS?
La diferencia está en el código, lo que hace el sitio, sin código, nada de su estructura podría ser visualizada por el usuario / cliente.
¿Que beneficios trae el uso de CSS?
Son varios, principalmente:
- Accesibilidad
- Flexibilidad
- Funcionalidad
- Eficiente, rediseños futuros menos costosos para el cliente.
- Mejor optimización en los buscadores (SEO) (*)
- Velocidad, puede mejorar entre un 30% y un 100% (aunque depende mucho de la cantidad de imágenes y videos que tenga el sitio).
Como comenta, Greg Rewis en el sitio oficial de Adobe (¿Por qué usar las CSS?), la empresa más grande del mundo de herramientas de diseño gráfico y web, sus ventajas resultantes se pueden dividir en tres áreas principales: flexibilidad, reproducción y accesibilida.d
Reproducción: " La disposición tradicional basada en tablas, es una de las causas principales de la carga lenta de las páginas. Esto sucede porque el navegador, una vez que recibe la página del servidor, debe primero examinar y "entender" la gama compleja de tablas anidadas."
Accesibilidad: "un lector de pantalla se enfrenta a un desafío indecible de saber cómo leer una página. Piense lo confuso que sería para un lector de pantalla que se encuentra con una tabla profundamente anidada:"
(*): Podrá ver que mi sitio, está bien posicionado por ejemplo buscando sobre ésta sección, vealo por usted mismo.
| CSS | Tablas | Flash | |
|---|---|---|---|
| Posicionamiento en buscadores | Logra que los "robots" que se encargan de indexar las páginas, lo hagan de forma eficiente, y ésto, es muy valorizado por los buscadores. | Los "robots", no pueden leer linealmente el contenido, entorpeciendo la indexación y resta valor que los buscadores le da a la hora del posicionamiento. | La peor opción para los buscadores, si el contenido textual está dentro de Flash, los buscadores no lo pueden indexar, perdiéndose así que se indexe todo el sitio, solo se podrá apreciar la indexación básica de la página de inicio. |
| Accesibilidad | Gran ventaja tiene el CSS para aquellos con problemas visuales, a la hora de usar lector de pantalla, podrá ser mucho más eficiente. A parte los buscadores valoran más un sitio que pueda ser accesible a todas personas con discapacidades. |
Un lector de pantalla, de alguien con problemas visuales, se le dificultará mucho la tarea de poder leer correctamente el contenido del sitio. Nuevamente, le resta valor los buscadores a la hora de posicionamiento. |
Para nada recomendable. |
| Usabilidad | con el CSS, se puede lograr que el sitio sea usable para la mayor parte de la gente, es decir, logra que la experiencia del usuario sea más agradable y cómoda para usuar el sitio, ésta virtud, también es valorada por los buscadores. | Puede resultarse incómodo al usuario llegar a navegar el sitio, y encontrarse con dificultades de lectura de su contenido. | Puede resultarse incómodo al usuario llegar a navegar el sitio, y encontrarse con dificultades de lectura de su contenido. |
| Estandares Web | Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C).
A parte, se podrá adaptar el contenido de la web, en distintos dispositivos, ya sea celular por ejemplo.
|
no cumple | no cumple |
| Constancia visual y futuros cambios. | con el CSS, se puede mantener 1 constancia visual en todo el sitio, y será mucho más cómodo, rápido y eficaz algún cambio futuro, por ejemplo cambiar el fondo de todos los formularios. | Hay mayor riesgo de q haya discrepancias visuales entre las secciones. | Habrá una constancia visual homogenea. |
Conclusiones
Flash, podrá tener mayor impacto visual, pero tiene muchas desventajas en cuanto a posicionamiento, indexación de buscadores, accesibilidad y usabilidad. Sin embargo, se puede usar Flash para ciertos elementos de la web, pero nunca para el contenido textual.
Con todo éste conocimiento, se puede quedar tranquilo que adquiriendo los servicios de Santiago AV, podrá quedar satisfecho con el producto final.