Los estándares web deberían ser una fuerza impulsora detrás del trabajo de cualquier diseñador o desarrollador. Proporcionan una escala contra la cual medir la calidad, la estructura, la sintaxis y la metodología del trabajo de diseño.

Para explicar los beneficios de los estándares web, He comparado en mi propio blog el paisaje de la web hoy con el de hace 10 o 15 años.

Las cuestiones relacionadas con el cumplimiento de varios navegadores y la necesidad de realizar pruebas exhaustivas antes del lanzamiento aún persisten, pero la estandarización de DOM, (X) HTML, CSS y varias otras tecnologías ha hecho que el mundo digital sea mucho más predecible.

Al codificar un sitio web que cumpla con los estándares, podemos estar razonablemente seguros de que ofrecerá lo mismo en Firefox, Safari, Chrome, Opera e incluso Internet Explorer (desde la versión 7 en adelante, por supuesto). Las inconsistencias surgen, pero cualquiera que se haya mantenido a los lados de la última década de diseño y desarrollo web seguramente reconocerá el valor de los estándares.

Como comunidad, adoptamos estándares y alentamos a otros a hacer lo mismo. Escribimos código semántico, lo validamos y de vez en cuando llegamos a tener discusiones profundas sobre cómo deberíamos (o no) formatear nuestro CSS y HTML.

Pero la fea verdad es que al cliente Joe promedio simplemente no le importa. Joe no busca un sitio web compatible, sino un sitio web efectivo.

Hay excepciones, por supuesto. Puede ser "lo suficientemente afortunado" como para elegir a un cliente sabelotodo que exige el cumplimiento de las normas porque escuchó a un amigo de un asistente de un CEO decir que es importante.

En su mayor parte, sin embargo, Joe no está buscando contratar a un diseñador en función de su capacidad para cumplir con todos los estándares recomendados por el W3C. Probablemente ni siquiera sepa qué es el W3C.

Por el contrario, Joe está buscando un diseñador que pueda construir un sitio web que lo ayude a lograr su objetivo. Si el objetivo es vender más productos, compartir información sobre su empresa o unir a las personas con un interés común, seguramente estará más preocupado por lograrlo que teniendo un sitio web que pueda verificarse como que cumpla con los estándares.

Entonces, ¿abandonamos los estándares para darle a Joe lo que quiere? De ningún modo. Los estándares, como hemos discutido, son críticos y deben figurar en gran medida en el trabajo que hacemos para los clientes, incluso si no son un punto de venta en sí mismos.

He visto una serie de carteras en las que los diseñadores afirman con orgullo que sus sitios web se construyeron con HTML, CSS y otros estándares válidos. Si bien esto es algo bueno, debemos preguntarnos qué significa esto para Joe. En la mayoría de los casos, Joe presumirá que solo quiere decir que sus diseños son de alta calidad, o quizás que esté al tanto de las últimas tendencias tecnológicas (como el a menudo malentendido Web 2.0 )

Los estándares son mucho más que eso. Pero no podemos darnos el lujo de dejar que Joe conecte los puntos cuando no entiende completamente los estándares en primer lugar. En lugar de enfatizar los estándares mismos, debemos enfocarnos en explicar sus beneficios.

Accesibilidad

La accesibilidad se trata de crear sitios web que puedan ser utilizados y navegados por usuarios con discapacidades. La implementación más comúnmente citada es hacer que el contenido sea reconocible para el software de lectura de pantalla y el hardware de texto a Braille.

Esto podría representar un gran beneficio para los clientes. La mayoría de los clientes probablemente no entiendan que dichas tecnologías de asistencia básicamente analizan el documento HTML y devuelven el contenido en un formato que pueda ser entendido por el usuario. El código que cumple con las normas ayuda a crear la estructura del documento requerida para que estos dispositivos funcionen correctamente, lo que hace que el sitio web sea más accesible.

ayudar a firmar con Braille

La separación del contenido (HTML) de la presentación (CSS) también hace que las páginas sean más accesibles cuando ciertos elementos estilísticos no están disponibles (ya sea porque el servidor no los entregó o la configuración personalizada del usuario los reemplazó).

Sin la información de estilo, un sitio web bien construido simplemente revierte a los valores predeterminados del navegador, lo que significa que el contenido aún es accesible incluso si los elementos estilísticos no lo son. Los sitios web que no cumplen con los estándares generalmente no se vuelven accesibles de esta manera.

Future-Proofing

Si bien el panorama de la web cambia constantemente, los clientes generalmente no quieren tener que pagar por un sitio web completamente nuevo después de unos años debido a un código obsoleto.

Mientras que los grandes fabricantes de navegadores hacen todo lo posible para que sus motores de renderización sean compatibles con versiones anteriores (y HTML5 en sí tiene este concepto incorporado), los beneficios de los estándares web a futuro podrían ser atractivos para los clientes.

El hecho de que un sitio web no conforme se vea bien en las versiones actuales del navegador no significa que lo sea en el futuro, especialmente cuando los navegadores continúan desaprobando ciertas peculiaridades a favor de una estandarización más amplia. Como tal, un argumento simple que podría hacer es que los sitios web compatibles están mejor equipados para resistir el paso del tiempo, porque están construidos de acuerdo con el plan que guía el desarrollo de la web.

Desempeño mejorado

Incluso el cliente más desinformado reconocería cuán dañino sería para sus negocios un sitio web lento. Los estándares web también pueden ayudar mucho con esto.

La directriz para separar el contenido y la presentación no fue establecida por puristas fuera de esnobismo semántico. Realmente es la mejor manera de crear un sitio web. Incrustar el marcado de estilo en cada página crearía una gran cantidad de espacio y aumentaría el tamaño de las páginas (y la cantidad de información que los usuarios tendrían que descargar).

Al mover el código de estilo a un archivo CSS cacheable y eliminar las tablas de diseño y otros márgenes inútiles, hará que el sitio web sea más receptivo y fácil de usar. Joe ciertamente lo apreciaría.

El rendimiento mejorado también reduce el consumo de ancho de banda y los costos relacionados (aunque la mayoría de los paquetes de alojamiento vienen con más ancho de banda de lo que un sitio web podría necesitar).

Mantenimiento más simple

De los muchos beneficios que conlleva tener un sitio web compatible con los estándares, tal vez lo más atractivo es que generalmente requiere menos mantenimiento que un sitio web que no cumple con los requisitos o, al menos, el mantenimiento se puede realizar de forma mucho más rápida y económica. Unos pocos ajustes en una hoja de estilos activarán los cambios en el sitio web.

Compare esto con un sitio web que mezcla el estilo y el contenido. Hacer un cambio simple podría requerir la exploración de varios archivos de plantilla o, lo que es peor, un conjunto de documentos HTML estáticos. Recuerdo tener que hacer esto por mí mismo, preiluminarme, vadear a través de una hueste de feos font etiquetas dispersas en todas las páginas. Cualquier cambio tipográfico tomaría horas, e invariablemente me perdí uno o dos en algún lugar.

facil mantenimiento

Los estándares ayudan a los clientes a evitar estos dolores de cabeza y, en cambio, se benefician de un mantenimiento mucho más simple, económico y eficiente.

Debido a que es semántica y sigue las estructuras de documentos establecidas, un sitio web compatible también es más fácil de leer y entender para otros diseñadores y desarrolladores. Entonces, si el cliente termina necesitando a alguien más para mantener su sitio web, esa persona no tendrá que pasar horas tratando de entender el código.

SEO

Mientras hay sin consenso real sobre el efecto de los estándares web en la optimización de motores de búsqueda, una cosa es clara: los estándares no duelen. De hecho, es muy probable que aporten una serie de beneficios al ranking de búsqueda de un sitio web. Solo mira los consejos que Aaron Walter sugiere en su " Findability / SEO Cheat Sheet: Guía de Estándares Web SEO ", Todos los cuales cumplen con los estándares web. Estos son algunos de los requisitos que sugiere:

  • Su margen de beneficio no debe contener errores que dificulten la indexación de la página. Valide su margen de beneficio con el Herramienta de validación del W3C .
  • Escriba marcado semánticamente significativo. Esto significa usar etiquetas tal como están destinadas a ser utilizadas y de una manera que refleje el contenido, en lugar de según su estilo predeterminado. Utilizar Extractor semántico del W3C para verificar su trabajo y ver su sitio web sin CSS para asegurarse de que la jerarquía de la información sea compatible con su mensaje.
  • Escribir inteligible title etiquetas, comenzando con el nombre de la página, luego el nombre del sitio web, luego una frase corta con muchas palabras clave que describe el sitio web.
  • Use etiquetas de encabezado con palabras clave relevantes para identificar las secciones clave de sus páginas. Coloque las etiquetas de encabezados en orden de importancia, comenzando por h1 (para el sitio web o el nombre de la organización).

Es lógico que el cumplimiento de las normas ayudaría al SEO de un sitio web por las mismas razones que lo haría a prueba de futuro. A medida que mejoran los algoritmos de búsqueda, los sitios web compatibles seguirán siendo, por supuesto, los más legibles y rastreables, lo que los ubicará en un buen posicionamiento.

Asegúrese de que los clientes comprendan que el SEO no debe hacerse a expensas de los estándares. Cualquier cosa que rompa estándares es poco más que una solución rápida para resultados fugaces, no una solución con visión de futuro para mantener la visibilidad.

Conclusión

Si bien a Joe no le importa el cumplimiento de las normas en sí mismo, será receptivo a los muchos beneficios concretos que aportaría a su negocio. Pero tú eres el que tiene que explicarle esos beneficios.

Debe explicar cómo la adhesión a los estándares web hará que su sitio web sea más rápido, más accesible, fácil de mantener, más a prueba de futuro y, con toda probabilidad, más fácil de encontrar. Si puede ayudarlo a comprender todo eso, ¡él podría sentirse aún más entusiasmado con los estándares que usted!


Escrito exclusivamente para Webdesigner Depot por Matt Ward. Matt es un respetado diseñador y escritor que trabaja independientemente bajo el apodo Echo Enduring Media . Él también actúa actualmente como el Director Creativo en Highland Marketing . Deberías seguir a Matt Gorjeo .

¿Cómo abordas los estándares web? ¿Cómo explicas sus beneficios a los clientes? Comparte tu opinión a continuación.