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.

Os acordaréis del artículo que publicamos hace algunas fechas: Google Herramientas para webmasters y Yahoo! Site Explorer, en él hablábamos de la importancia de crear un archivo llamado sitemap.txt o sitemap.xml donde indicaremos a los buscadores un listado de todas nuestras páginas web. En aquella ocasión hablábamos de las herramientas que Google y Yahoo! utilizaban para ello.

Pues bien hoy os descubrimos la misma herramienta pero en este caso para Live Search. Para poder hacer uso de ella lo primero que tendremos que hacer es identificarnos con nuestra cuenta para Live MSN. Una vez dentro podemos añadir cuantas páginas web queramos, para ello debemos rellenar un pequeño formulario y elegir si queremos identificarla con una meta etiqueta o con un archivo XML. Una vez relleno nos proporcionará el código elegido para que lo publiquemos en nuestro sitio web. Una vez publicado e identificado, aparecerá información interesante sobre el mismo, si que es ya está indexado, y si no, le estaremos dando toda la información que el buscador necesita para indexar completamente nuestro sitio web.

A pesar de encontrarse en fase beta, parece que funciona bastante bien, ahora eso si, en inglés. Además incluye un validador de archivos robots.txt, del que hablaremos otro día.

Esperamos que os resulte fructífero el uso de las tres herramientas.

La herramienta funciona bajo Java y el funcionamiento es realmente sencillo, lo único que tienes que hacer es indicar el nombre del dominio, las palabras clave, los buscadores donde deseas realizar la búsqueda y voila, ta aparecen los resultados. Puedes indicar el número máximo de posiciones a chequear, por defecto 100, si quieres que utilice la búsqueda para el nombre de dominio con y sin www, si quieres diferenciar las mayúsculas de las minúsculas en las búsquedas… También puedes utilizar el KEI (Keyword Efficiency Index) para conocer la eficiencia de tus palabras clave. Y finalmente puedes visualizar un informe donde se indica la presencia de tu dominio en Internet según las posiciones y las palabras claves, un histórico de las posiciones logradas, el informe KEI, el posicionamiento por buscador, por palabra clave…

Es una herramienta ideal tanto para conocer el estado de tu propio dominio como para presentar informes a tus clientes. Hay herramientas mejores, pero a nosotros nos gusta esta esta, y mucho.

Otro día hablaremos de otros productos de esta empresa que también utilizamos.

<meta name=“geo.position” content=“39.2;-3.8″ />

<meta name=“geo.country” content=“ES” />

<meta name=“geo.region” content=“ES-AN” />

<meta name=“geo.placename” content=“Mijas” />

<meta name=“title” content=“Diseño web | SEO | Diseño gráfico” />

<meta name=“DC.Title” content=“Diseño web | SEO | Diseño gráfico” />

<meta http-equiv=“title” content=“Diseño web | SEO | Diseño gráfico” />

<meta name=“keywords” content=“diseño web profesional, seo, promoción web, posicionamiento web, diseño gráfico profesional, alojamiento web profesional, edición de libros, fotocomposición, servicios informáticos” />

<meta http-equiv=“keywords” content=“diseño web profesional, seo, promoción web, posicionamiento web, diseño gráfico profesional, alojamiento web profesional, edición de libros, fotocomposición, servicios informáticos” />

<meta name=“author” content=“http://www.artprojectgroup.com” />

<meta name=“DC.Creator” content=“http://www.artprojectgroup.com” />

<meta name=“description” content=“Diseño web profesional. SEO. Promoción web. Posicionamiento web. Diseño gráfico profesional. Alojamiento web profesional. Edición de libros” />

<meta http-equiv=“description” content=“Diseño web profesional. SEO. Promoción web. Posicionamiento web. Diseño gráfico profesional. Alojamiento web profesional. Edición de libros” />

<meta http-equiv=“DC.Description” content=“Diseño web profesional. SEO. Promoción web. Posicionamiento web. Diseño gráfico profesional. Alojamiento web profesional. Edición de libros” />

<meta name=“abstract” content=“Diseño web profesional. SEO. Promoción web. Posicionamiento web. Diseño gráfico profesional. Alojamiento web profesional. Edición de libros” />

<meta name=“DC.Language” scheme=“RFC1766″ content=“Spanish” />

<meta http-equiv=“Content-Language” content=“es” />

<meta name=“vw96.objectype” content=“Document” />

<meta name=“resource-type” content=“Document” />

<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1″ />

<meta name=“distribution” content=“all” />

<meta name=“robots” content=“all” />

<meta name=“revisit” content=“7 days” />

<meta http-equiv=“Content-Style-Type” content=“text/css” />

<meta http-equiv=“Content-Script-Type” content=“type” />

<meta name=“verify-v1″ content=“3+6qM2Z87OEY8W0ewodQJc1qEvqMYA31yvOKUqCZFmQ=” />

Lo que se le está diciendo a los buscadores en este pedazo de código son varias cosas:

1. La posición geográfica de la empresa (latitud y longitud). Todas las etiquetas “geo”.
2. El título del sitio web. Todas las etiquetas “title”.
3. Las palabras clave con las que “compite”. Todas las etiquetas “keywords”.
4. Quién es el creador del sitio. Las etiquetas “author” y “creator”.
5. La descripción del sitio web. Las etiquetas “description” y “abstract”.
6. El lenguaje del sitio web. Las etiquetas “language”.
7. El tipo de sitio web. Las etiquetas “type”.
8. El código de caracteres que emplea. La etiqueta “content-type”.
9. Y cosas menores como el tipo de distribución, los robots aceptados, cada cuanto tiempo hay que revisitar el sitio web, el tipo de CSS y de scripts que se van a emplear y por último un meta especial de uso exclusivo de Google Herramientas para webmasters, del que ya hablamos en este artículo: Google Herramientas para webmaster y Yahoo! Site Explorer.

Esperamos que con este pequeño resumen os queden las cosas más claras. Otro día hablaremos de otros aspectos dentro del mundo SEO, aunque como siempre os recomendamos que hagáis uso de un buen SEO profesional que sepa lo que se trae entre manos y no os engañe con falsos informes y con técnicas “Black Hat”, técnicas prohibidas y/o penalizadas por los buscadores. Exigir siempre que se haga uso de técnicas “SEO Friendly“, técnicas más lentas pero más eficaces que las “Black Hat” ya que son legales.