Estandares Web y Negocios

El fin que sustenta todo desarrollo web sigue siendo el mismo hoy que ayer: Abarcar la mayor cantidad de consumidores potenciales para un determinado producto o servicio.

Sin lugar a dudas, si tenemos en cuenta la inmensa cantidad de navegadores y dispositivos que hoy nos permiten navegar la web (entre los cuales podemos citar a modo de ejemplo a una PC, un televisor, una consola de juegos o un teléfono) la accesibilidad a nuestros sitios web y su velocidad de carga es clave para imponerse ante la competencia y lograr el éxito en los negocios.

Hoy en un acto filantrópico ( :P ) decidí compartir un articulo con Uds.

Dar al sitio un diseño uniforme

Separando el contenido de la presentación los diseñadores web tienen mucho ganado. El estilo es definido con CSS, un lenguaje orientado a la presentación. Guardar el código CSS en un documento separado (hoja de estilo) y aplicarlo a un grupo de documentos HTML permite cambiar por completo el diseño para todos esos documentos fácilmente. El HTML estricto (a diferencia del marcado transicional), no permite el uso de etiquetas de estilo en los documentos HTML, forzando con naturalidad la separación de contenido y presentación.

Mejorar la experiencia de Usuario:

Cargar más rápido, consumiendo menos ancho de banda

El código HTML suele ser mucho más compacto cuando es usado conjuntamente con CSS, y por lo tanto es más fácil de leer y mantener. Según varios estudios sobre el caso, y Andy King, el autor de Speed Up Your Web Site: Web Site Optimization, CSS posibilita la transformación de maquetaciones a base de tablas en diseños basados en CSS. Hacerlo, suele reducir el tamaño de las páginas entre un 25 y un 50 %. Esto se traduce en una mejor experiencia de usuario, según el Gurú de la usabilidad Jakob Nielsen, que apunta que los usuarios tienden a cerrar una página Web cuando tarda más de 10 segundos en cargar.

Aumentar el tráfico del sitio

Mejorar el posicionamiento en los buscadores

Conseguir un buen posicionamiento es uno de los mayores desafíos que un webmasters debe afrontar. En este asunto toda ayuda es buena.

Los robots de los buscadores rastrean la web para indexarla. Comparados con una persona, los robots ven la web de un modo muy distinto. Los efectos dinámicos creados con JavaScript son ignorados (de flash ni hablamos), y el texto dentro de los gráficos tampoco será leído. La separación de contenidos y presentación aumenta el ratio información/código, haciendo los documentos basados en CSS más apropiados para su consulta por parte de usuarios no humanos, lo cual mejora su posición en los resultados de los buscadores.

Crear los títulos con texto y CSS en vez de gráficos también ayuda.

Adaptación a múltiples plataformas

Estándares y multiplataforma van de la mano. Mientras algunos navegadores caprichosos tienen comportamientos diferentes según la plataforma, los navegadores basados en Mozilla están diseñados para comportarse igual en todas las plataformas soportadas (Mac, Linux, Unix, Windows ...)

Pensando en el mañana

Una parte muy significativa de la información almacenada electrónicamente es producida para la web y escrita en formato HTML. La mayor parte de esta información usa HTML no válido, que puede ser mostrado correctamente en navegadores viejos más permisivos. Pero la web evoluciona; los navegadores web pueden ser menos permisivos, o comportarse de modo diferente cuando detectan código no válido (p.ej parsea los datos inválidos y los renderiza de otro modo). La utilización de código válido, conforme a los estándares asegura que los datos serán reutilizables durante mucho tiempo, porque las especificaciones de cómo analizar los formatos estándar están bien documentadas y son estables.;

En contra de la creencia popular, escribir código estándar no significa producir contenidos menos atractivos. De hecho, siguiendo los estándares puede hacerse casi todo lo que se hace con las extensiones propietarias, con la ventaja añadida de ser multiplataforma y una apuesta de futuro.

Extensibilidad

Usar HTML estricto y separar la estructura del contenido prepara el terreno para XHTML, que es una versión de HTML compatible con XML. La Utilización de XHTML permitirá a los desarrolladores web usar herramientas del mundo XML, tales como XSLT, que permite manipular datos XML fácilmente.

El uso de XHTML es una introducción a la familia de estándares que conforman las tecnologías XML, como XML, XSLT (transformando documentos), SVG (gráficos animados), MathML (expresiones matemáticas)... Estas tecnologías han sido diseñadas para ser interoperables, y son la base de los Servicios Web. Este va mucho más allá del simple diseño web.

Reducir los costes de mantenimiento

El mantenimiento de un sitio Web es a menudo costoso y usar estándares web puede ayudar mucho en este aspecto.

Ventajas de CSS sobre JavaScript

Es frecuente usar gráficos o javaScript para añadir algún efecto especial al texto. Las hojas de estilo dan a los diseñadores un control total sobre la tipografía y permite efectos como los rollovers. Esto reduce la necesidad de crear gráficos y programar scripts, y lo que es más importante, reduce el ancho de banda que consumen las imágenes.

Código HTML bien formado

Uno de los principales dolores de cabeza de los desarrolladores es la diferencia en como los distintos navegadores muestran las páginas web. Tales diferencias de renderizado son propias de navegadores antiguos, la mayoría son conocidas y están documentadas. En muchos casos, las divergencias son causadas por un código ambiguo.

El código gramaticalmente correcto reduce considerablemente las diferencias de renderizado entre los navegadores. La utilización de instrumentos de validación como el validador del W3C ayudan a detectar los errores y a comprobar que el código HTML es gramaticalmente correcto, esto elimina la ambigüedad en el parseo que hacen los navegadores.

Compatibilidad con múltiples navegadores

Cada vez son más los navegadores, además del IE, usados para surfear por la web:

- Windows: MSIE, navegadores basados en Gecko, Ópera...

- Mac: MS-Tasman(motor de renderizado IE/Mac's), navegadores basados en Gecko, Safari, Ópera...

- GNU/Linux: navegadores basados en Gecko, navegadores basados en KHTML, Ópera...

A grosso modo, para surfear en la web se usan 5 motores de renderizado diferentes, en docenas de navegadores, para las 3 plataformas principales.

Según todas las fuentes, los navegadores basados en Gecko son cada día más populares. Firefox ha sido descargado más de 200 millones de veces.

En un entorno cada vez más heterogéneo, probar las páginas Web en todas las configuraciones es imposible. el código estándar se convierte en la única solución viable.

Accesibilidad

Ser accesible es un requisito para las agencias gubernamentales de muchos países: EE.UU, España o Brasil y en algunos países como Australia, para cualquier organización el código estándar (en concreto,HTML estricto y CSS para la maquetación) hace de la accesibilidad un objetivo más fácil, porque los estándares han sido creados pensando en la accesibilidad.

Cuidando la accesibilidad seremos capaces de servir contenidos web a una mayor audiencia, y aumentamos la usabilidad del sitio, incluso para la gente sin minusvalía.

Reducir la dependencia del desarrollador

Cuando los webmasters asumen la dirección de un sitio creado por otros, el código escrito por los anteriores desarrolladores puede ser todo un reto. En muchos casos, tienen que enfrentarse con un código HTML de mala calidad, que además contiene características indocumentadas, hacks, o prácticas de marcado peculiares. La carencia de documentación es a menudo un problema.

El siguiente documento: standards-compliance in requirements, aporta un modo muy eficaz de medir la calidad del producto final, el W3C que es un juez imparcial.

Como los estándares están muy bien documentados, cualquier persona que asuma código estándar puede trabajar con él de inmediato; sin tener que familiarizarse con las prácticas de codificación del desarrollador anterior. Esto además, reduce considerablemente la dependencia de un desarrollador concreto.

Ventajas para los visitantes del sitio

Gracias a la accesibilidad, a la rapidez en la carga de las páginas y a la mayor compatibilidad con múltiples navegadores (sin limitarse a uno o dos navegadores usados en las pruebas), es más probable que sus visitantes aprecien sus servicios y vuelvan mañana.

Conclusión

Utilizar los estándares web y separar el diseño de los contenidos aporta un montón de ventajas, hoy y mañana.

Hoy esto significa ampliar la audiencia, reducir los coste de producción de nuevos contenidos, y mejorar la accesibilidad.

Mañana esto significará reducir la dependencia de proveedores, reducir costes en mantenimiento, y un diseño más flexible para el sitio. Por último pero no menos importante, el uso de estándares abre las puertas a las tecnologías XML.

Todos estos factores también contribuyen a facilitar la administración del sitio, aumentar el número de visitas y amortizar la inversión. Técnicos, vendedores, y contables, todos pueden beneficiarse de un sitio Web basado en estándares. Es más de lo que uno podría esperar.

Fuente: https://developer.mozilla.org/es/Ventajas_para_los_negocios_del_uso_de_est%C3%A1ndares_web

Bienvenido

Estamos lanzando nuestro blog junto con el lanzamiento de nuestro nuevo Website!.

Pareciera ayer cuando pensábamos que queríamos plasmar en el sitio. Una de esas cosas fue unánimemente un BLOG.

¿Por qué un blog?

Estamos convencidos que la comunicación fluida, el intercambio de opiniones y la diversidad son herramientas fundamentales en nuestro emprendimiento. Que es la gente la que decide en gran parte que está bien y que está mal y queremos escucharlos, ¡queremos escucharte!.

Better Pixel esta formado por profesionales de diversas áreas, con distintas experiencias y es sensacional poder compartir estas experiencias de cada uno para enriquecernos entre todos.

¿Sobre que vamos a “Bloguear”? cualquier cosa que nos parezca interesante, Tecnología, Diseño, experiencias profesionales, vivencias, lo que sea que nos parezca que es digno de compartir.

¡Gracias por estar acá!

.:: BetterPixel ::. Web Development Agency

Estandares Web y Negocios

Bienvenido