Cállate y Escribe

Al buscar en Google la palabra “colegio”, el primer sitio que aparece es el del Colegio Altamira. De esta forma, analizaremos los motivos que lo han llevado a posicionarse.

- Lo primero que llama la atención es la constante actualización de noticias en el sitio web, pues hoy podemos leer varias escritas el miércoles 1 de julio (ayer). El autor de cada post es “Colegio Altamira”, por lo que la palabra que buscamos en Google se reitera permanentemente.

- El sitio contiene una sección dedicada al virus de la influenza A H1N1 en el colegio, que se mantiene actualizado a diario con los nuevos casos que ocurran. Al igual que las noticias, la actualización funciona a modo de blog y el autor de cada post es nuevamente “Colegio Altamira”, por lo que logra posicionar al sitio mediante la reiteración de la palabra “colegio”.

- Al mismo tiempo, el sitio contiene un espacio dedicado a redes sociales, en que llama a ser fan y a unirse al grupo de Facebook del colegio. También incluye una opción llamada “difunde nuestro sitio”.

- A pesar de que en sólo una página del sitio (inicio) aparece “Colegio Altamira” como title, el sitio ha logrado ser el primero en el buscador Google. También es necesario destacar que el sitio, a pesar de tener el mismo diseño para todas sus páginas y secciones, no contiene una llamada “inicio” explícitamente, sino que para llegar a él es necesario hacer click sobre el logo de la institución, lo que para muchos podría no ser tan lógico.

- El sitio no contiene description, por lo que al buscarlo en Google aparece como descripción lo último escrito en la página de inicio del sitio. Tampoco hay un link que lleve al mapa del sitio.

Todos estos puntos nos han llevado a cuestionarnos cómo es que el sitio del Colegio Altamira puede estar en el primer lugar del buscador Google, con todas estas falencias. Sin embargo, concluimos que lo que lo ha llevado hasta ahí es, fundamentalmente, la constante actualización de contenidos, la mantención del diseño a lo largo del sitio, la reiteración de la palabra clave “colegio” y la difusión a través de redes sociales.

En cuanto a la identificación del sitio, está perfectamente lograda, pues el logo de la empresa, que aparece en la parte superior del sitio, es también el ícono de éste. Si bien no cuenta con un slogan, tampoco se hace necesaria su presencia, pues “Viajes Falabella” explica perfectamente de qué se trata el portal.

La zona de contacto no está tan bien diseñada: a pesar de que aparecen los números de los call center, no incluyen un e-mail de contacto ni un formulario, para quien necesite hacer preguntas de manera rápida, sin tener que llamar por teléfono.

El sitio web de Viajes Falabella tiene una correcta manera de navegación, puesto que indica en el menú la página en la que uno se encuentra, destacándola con otro color y diferenciándose del resto de las opciones por ser más grande. A la vez, también posee un menú de rastro, al indicar bajo el menú “Inicio – (página en la que me encuentro)”.

Finalmente, y en cuanto a su zona de acción, el sitio de Viajes Falabella es regular. Esto porque no cuenta con muchos links hacia otros sitios, salvo hacia CMR, algunas líneas aéreas y hoteles.

Trabajar en medios web, no es tan simple como parece. A pesar de que muchos han indagado en este ámbito de la comunicación, les resultaría más fácil hacerlo si entendieran el concepto de “Arquitectura de la Información”. Partamos por el principio.

¿Qué es ser un Arquitecto de la Información?
Muchos personajes del ámbito web han creado sus propias definiciones de este concepto. Sin embargo, podemos resumirlos todos en que “es el conjunto de prácticas que, entendiendo el objetivo de un sitio web, organiza el contenido en subconjuntos con nombres comprensibles para el usuario final, facilitando las operaciones de búsqueda y uso de la información que contienen”.

En caso de hacer buen uso de la Arquitectura de la Información, el usuario podrá comprender del todo el sitio web, captando sus contenidos de manera eficiente, por medio del fácil acceso a la información. Al mismo tiempo, y por parte del Arquitecto, éste debería poder agregar nueva información al sitio, sin necesidad de cambiar ni crear nuevas estructuras.

Consideramos que un buen creador de sitios web, debe ser al mismo tiempo un excelente Arquitecto de la Información. El usuario notaría inmediatamente un sitio mal hecho, cuando le cueste navegar por él. La experiencia es clave en este aspecto, pues sólo con la constante creación de nuevos sitios, se podrá llegar a ser un buen Arquitecto.

A continuación presentamos algunos sitios web, que puede servir para comprender mejor este término que hace algún tiempo ha sido acuñado:
- IA Institute: http://www.iainstitute.org/
- Webestilo: http://www.webestilo.com/guia/
- AIChile: http://www.aichile.org/

Para poder desarrollar una buena hoja de estilo al crear un sitio web, es necesario tener presente dos términos fundamentales: clase y seudoclase.

Quienes creamos sitios web, hemos aprendido que, cuando ponemos una regla en un CSS, se produce un fenómeno que podría denominarse “herencia”. Por ejemplo, se podría establecer que todos los párrafos estén escritos con negrita, sin necesidad de repetir dicha regla en todos los párrafos de la hoja de estilo con la que se trabaje.

Sin embargo, existen situaciones en las que se pretende hacer una excepción de manera que, según el ejemplo dado, no todos los párrafos queden en negrita. Esto es lo que se entiende por “class” (clase). De esta manera, se dispone de un subselector para el párrafo excepcional.

Por otra parte, las seudoclases son un concepto muy simple de comprender: es una regla que permite adjudicar diferentes usos a un mismo elemento. Por ejemplo, cuando en un sitio web en desarrollo se agrega un link, es posible darle diferentes colores, dependiendo de cómo se esté tratando. En palabras simples, al pasar el mouse por sobre el hipervínculo, éste aparecerá de un color. Pero cuando se haga click sobre él, el tono cambiará. Asimismo, una vez visitado el enlace, éste adquirirá una nueva tonalidad. Gracias a esta regla, es posible diferenciar los vínculos.

Para más información acerca de clases y seudoclases y también ejemplos en HTML, visitar el sitio http://www.tejedoresdelweb.com/w/CSS.