NAU es Normalización, Accesibilidad y Usabilidad, lo que denominamos la Santísima Trinidad del diseño web.

¿Por qué es importante la NAU en el mundo SEO?

En Art Project Group pensamos que si no cumplimos las tres reglas básicas del diseño y programación web, la Santísima Trinidad, la NAU, no lograremos nuestros objetivos SEO.

Ya es de sobra conocido por todos los SEO la importancia que tiene cumplir los estándares web (Normalización) para que los buscadores web nos indexen todo el contenido sin problemas, y además para que nuestros visitantes no se encuentren con desagradables sorpresas. Pero normalmente dejamos de lado sobre todo a la Accesibilidad ya que solemos hacer mucho hincapié en la Usabilidad sin darnos cuenta de que lo realmente importante en un sitio web es la Accesibilidad, y no sólo por la gente con deficiencias sensoriales (sobre todo visuales), sino para todo el resto de deficiencias: culturales o intelectuales y tecnológicas o técnicas. Ésto, aunque no lo parezca, es muy valorado por lo buscadores web, y por ende nos hace mejorar sustancialmente el posicionamiento de nuestro sitio web.

¿Cómo estar seguros de ser NAU?

Es muy sencillo, para ello sólo debemos emplear algunas de las herramientas propuestas en A vueltas con la Accesibilidad y la Usabilidad. Sobre todo estas:

1. Para analizar nuestra normalización: W3C Markup Validation Service, W3C CSS Validation Service y W3C Link Checker.
2. Para analizar nuestra accesibilidad: TAW, WAVE o Cynthia, aunque el que más nos gusta es HERA.

Y también puedes usar estos complementos para Mozilla Firefox:

1. HTML Validator, un auténtico “todo en uno” y en español.
2. Web Developer, sobre todo nos permite ver y editar las hojas de estilo, pero también nos permite inhabilitarlas.
3. Firebug, sin palabras, en Art Project Group no seríamos nadie sin él.
4. TAW3 en un click, Test de Accesibilidad Web en Mozilla Firefox.
5. Total Validator, el que usamos en Art Project Group.
6. CSS validator, el oficial de la W3C.
7. Page validator, el oficial de la W3C.

Si conseguimos normalizar nuestros sitios web y obtener el nivel Triple-A de Conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 (WCAG 1.0), lo poco que nos queda por hacer es terminar de pulir nuestra Usabilidad, aunque para éste último punto no existe herramienta ni medición que nos permita conocer si estamos haciendo un buen trabajo o no.

El gran problema de la NAU es precisamente la Usabilidad, aunque recordemos que por Usabilidad entendemos todo aquello que no ha sido tenido en cuenta en la Accesibilidad. Éste último punto lo podremos pulir gracias a nuestro grado de experiencia, visitando sitios web de la competencia, haciendo de nuestros sitios web sitios fáciles de usar…

¿Realmente es útil la NAU?

Desde todos los puntos de vista, si. Conseguiremos más y mejores visitas, conseguiremos que los visitantes no nos abandonen por que no vean bien el sitio web o por que no sepan manejarlo, conseguiremos que tanto los bots de los navegadores como los humanos que nos visiten puedan acceder a TODO el contenido de nuestro sitio web, conseguiremos mejorar nuestro posicionamiento web… Es decir, todo son ventajas y no existen inconvenientes salvo el invertir un poquito más de tiempo y de cuidado en nuestros diseños y programaciones.

Si a la NAU le unimos todos nuestros conocimientos SEO, seremos imbatibles en nuestros trabajos. ¿O no?

Hoy en Art Project Group vamos a dar una nueva vuelta de tuerca al tema y vamos a analizar distintas partes de nuestro sitio web gracias a algunas herramientas on-line gratuitas.

Una de las cosas más importantes a la hora de afrontar la Accesibilidad y la Usabilidad es el color, para ello tenemos varias herramientas que nos pueden ser útiles:

• Para analizar el contraste de color: Color Contrast Analyzer Juicy Studio o AccessColor – Access Keys.
• Para analizar cómo se verá nuestro sitio web si tenemos dificultad para distinguir los colores (Protanopia, Dueteranopia o Tritanopia): Colorblind Web Page Filter – Color Filter o Vischeck.

Otra cosa a tener en cuenta es el contenido en sí:

• Para analizar el tamaño: GetContentSize, siendo recomendable menos de 200 palabras.
• Para analizar la redacción: Readability Test, aquí hay tres parámetros a tener en cuenta: Gunning-Fog – años de “escuela” necesarios para entender el contenido, Flash reading ease – indica de 0 a 100 la facilidad de lectura, siendo el más alto el más fácil, y por último Flesch-Kincaid grade level – similar a Guning-Fog, pero mide desde 0 a 12.
• Para analizar las imágenes: Image Analyser, tiene en cuenta los atributos Alt, Width, Height y Longdesc.
• Para analizar la ortografía: Orangoo Spell.

Ahora vamos a analizar cómo se verá nuestro sitio web en el navegador:

• Para analizar la resolución de pantalla: Screen Size Tester, como mínimo debemos tener en cuenta 800×600 y 1024×768 píxeles.
• Para analizar los distintos navegadores y sistemas operativos: BrowserShots.

Por último veremos otras herramientas:

• Para analizar nuestra accesibilidad: TAW, WAVE o Cynthia, aunque el que más nos gusta es HERA.
• Para analizar nuestra normalización, última pata de la Santísima Trinidad: W3C Markup Validation Service, W3C CSS Validation Service y W3C Link Checker.

Para dar por terminado el artículo os vamos a recomendar algunas extensiones para Mozilla Firefox que nos serán de mucha utilidad para estos menesteres:

1. HTML Validator, un auténtico “todo en uno” y en español.
2. Web Developer, sobre todo nos permite ver y editar las hojas de estilo, pero también nos permite inhabilitarlas.
3. Firebug, sin palabras, en Art Project Group no seríamos nadie sin él.
4. TAW3 en un click, Test de Accesibilidad Web en Mozilla Firefox.
5. Total Validator, el que usamos en Art Project Group.
6. CSS validator, el oficial de la W3C.
7. Page validator, el oficial de la W3C.

Hay muchos más, pero eso os lo dejamos para vosotros. Si tienes alguna otra herramienta que no conozcamos coméntanosla para que la usemos y te demos nuestro veredicto.

Sé accesible, sé usable, sé válido, sé mejor.

Por Normalización o Estandarización entendemos el uso de las normativas establecidas por los distintos organismos responsables de establecerlos y publicarlos, en el caso de la web este organismo responsable es el W3C (World Wide Web Consorcium). Este organismo es el encargado de establecer y publicar los Estándares Web y Pautas. Hoy es imprescindible exigir que nuestros sitios web cumplan con dichas normativas y pasen las distintas herramientas de validación, principalmente: http://validator.w3.org, http://jigsaw.w3.org/css-validator y http://validator.w3.org/feed.

Por Accesibilidad entendemos la capacidad de acceso a nuestro sitio web de las personas independientemente de su grado de discapacidad (física, intelectual o técnica). Hoy en día se ha vuelto también un parámetro imprescindible a la hora de diseñar un sitio web. Existen muchos organismos encargados de marcar las pautas de accesibilidad pero el más importante vuelve a ser la W3C con su WAI (Web Accessibility Initiative) y sus pautas WCAG (Web Content Accessibility Guidelines), donde marca tres niveles de Prioridad y tres niveles de conformidad: Nivel A, Doble A y Triple A, según el grado de cumplimiento de dichos niveles. También existen herramientas para verificar el nivel de accesibilidad de nuestro sitio web, los principales son: TAW, SIDAR y Cynthia!

Por último, entendemos por Usabilidad entendemos todo aquello que no se ha tenido en cuenta en el punto anterior, Accesibilidad web. Es decir, lo que pretende la Usabilidad es hacer que nuestro sitio web sea empleado por los usuarios independientemente de su grado de discapacidad. Hace especial hincapié en el diseño más que en el código en sí como en los casos anteriores. Su pretensión es hacer lo más sencillo posible el uso de nuestro sitio o aplicación web y abrirla al mayor número posible de usuarios.

Gracias al empleo de estas tres técnicas conseguiremos varios objetivos:

• Conseguir mejorar nuestro posicionamiento e indexación en los buscadores de la Internet.
• Conseguir que la mayor parte de nuestros visitantes puedan usar y ver nuestro sitio web, independientemente de su navegador, resolución o discapacidad. Si hacemos las cosas correctamente nos aseguraremos que el 97% de los usuarios podrán hacer uso de nuestra web de forma correcta y sencilla.
• Conseguir más y mejores visitas. Al estar bien posicionado en los buscadores y aceptar al 97% de nuestros visitantes conseguiremos más y mejores visitas a nuestro sitio web.

Si tu webmaster no cumple con las expectativas propuestas, no dudes en cambiar de webmaster. Art Project Group es especialista en Estandarización, Accesibilidady Usabilidad, además de emplear técnicas SEO Friendly en el propio código fuente para mejorar y optimizar el posicionamiento de tu sitio web.