Queda inaugurada con este post una nueva sección. Los análisis SEO intentarán ayudar a proyectos web desde la temática que nos ocupa. Esperamos también que gente que lee el blog participe y pueda hacer su aporte desde los comentarios.

El análisis consiste en tomar la home o página principal de un sitio para visualizar errores en cuanto optimización, comentar y sugerir posibles mejoras. Trabajaremos sobre palabras claves, diseño, estructura y demás aspectos del sitio, y desde nuestro punto de vista intentaremos ayudar a la optimización y con ello el posicionamiento.

Queríamos empezar con un proyecto mendocino para de alguna manera contribuir al ámbito local. Quedan invitados para sugerir sitios que crean interesantes para analizar en esta sección.

Hoy analizamos voyovoy.com

Voyovoy.com fue presentado en el último Mendoza Valley. Se trata de una interesante herramienta que nos permite buscar eventos disponibles en una determinada zona geográfica. Con una interfaz limpia y con una navegación sencilla logra su principal objetivo.

Las recomendaciones iniciales serán siempre las mismas:

• Validar el sitio. Código HTML y CSS correctos.
• Generar sitemap.xml.
• Dar de alta el sitio en las herrramientas para webmasters que nos proveen Google y Bing.
• Crear archivo robots.txt

Comenzamos desde antes de ver código fuente. Creemos necesario que el sitio sea accesible sin las tres “w”, osea que sea posible ingresar a  http://voyovoy.com. Tener en cuenta que al accederlo sin las “w” debería realizar un redireccionamiento permanente (301 Permanent redirect) al sitio http://www.voyovoy.com.

Por lo que se aprecia todos los eventos estarán geolocalizados y explotaremos tanto este punto como la categorización de los mismos. Es así que una de las frases clave  será “eventos en L”, donde L será la provincia o localidad donde se encuentre el usuario.

Análisis sobre el sitio actual

Título

El título de la página principal “Voyovoy | Home” no nos cuenta mucho del sitio. Si el usuario se encuentra logueado o si es posible geolocalizarlo antes de presentar contenido lo ideal sería que el título fuera algo como “Eventos en Mendoza | Voyovoy buscador de eventos, conciertos, obras y ocio”.

<title>Eventos en Mendoza | Voyovoy buscador de eventos, conciertos, obras y ocio</title>

Menú principal

Observamos que el menú de “Ayuda” no funciona creeemos que por falta de contenido, recomendamos quitarlo para no obtener un error 404 al ingresar. Al navegar la web también podemos ver que el enlace del botón “Acerca de” al ser relativo deja de funcionar cuando, por ejemplo, estamos en la ficha de un evento.

Desde el menú principal sería de utilidad generar más contenido con peso sobre la palabra “eventos”.  Se puede hacer uso de un foro de soporte, un listado de preguntas frecuentes, un screencast sobre cómo crear un evento, etc.

Por último, agregar un menú desplegable accesible sería de importancia para realizar búsquedas rápidas sobre localidades, provincias, etc.

Filtro por categorías

Es un punto flojo realmente en cuanto a navegación accesible. Veamos el código:

<div style="text-align: center;" id="categories">
    <img title="Fiestas" src="http://assets2.voyovoy.com/images/icons/fiestas_color.png?1251810526" id="fiestas" class="category_icon" alt="Fiestas_color"/>
    <img title="Entretenimiento y Espectáculos" src="http://assets3.voyovoy.com/images/icons/e_y_e_color.png?1251810526" id="e_y_e" class="category_icon" alt="E_y_e_color"/>
    <img title="Deportes" src="http://assets2.voyovoy.com/images/icons/deporte_color.png?1251810526" id="deporte" class="category_icon" alt="Deporte_color"/>
    <img title="Reuniones" src="http://assets2.voyovoy.com/images/icons/reuniones_color.png?1251810526" id="reuniones" class="category_icon" alt="Reuniones_color"/>
    <img title="Artes" src="http://assets2.voyovoy.com/images/icons/artes_color.png?1251810526" id="artes" class="category_icon" alt="Artes_color"/>
    <img title="Congresos y Exposiciones" src="http://assets1.voyovoy.com/images/icons/c_y_e_color.png?1251810526" id="c_y_e" class="category_icon" alt="C_y_e_color"/>
</div>

Los textos alternativos de las imagenes son correctos, se puede ver que se hace uso de diferentes subdominios lo cual mejora la velociadad de carga del sitio, pero el problema es que el buscador no podrá ver el contenido de cada categoría.

El menú correcto podría tener la siguiente estructura:

<ul id="categories">
    <li><a href="/categories/fiestas"><img title="Fiestas" src="http://assets2.voyovoy.com/images/icons/fiestas_color.png?1251810526" id="fiestas" alt="Fiestas_color"/></a></li>
    <li><a href="/categories/entretenimiento-espectaculos"><img title="Entretenimiento y Espectáculos" src="http://assets3.voyovoy.com/images/icons/e_y_e_color.png?1251810526" id="e_y_e" alt="E_y_e_color"/></a></li>
    <li><a href="/categories/deportes"><img title="Deportes" src="http://assets2.voyovoy.com/images/icons/deporte_color.png?1251810526" id="deporte" alt="Deporte_color"/></a></li>
    <li><a href="/categories/reuniones"><img title="Reuniones" src="http://assets2.voyovoy.com/images/icons/reuniones_color.png?1251810526" id="reuniones" alt="Reuniones_color"/></a></li>
    <li><a href="/categories/artes"><img title="Artes" src="http://assets2.voyovoy.com/images/icons/artes_color.png?1251810526" id="artes" alt="Artes_color"/></a></li>
    <li><a href="/categories/congresos-exposicones"><img title="Congresos y Exposiciones" src="http://assets1.voyovoy.com/images/icons/c_y_e_color.png?1251810526" id="c_y_e" alt="C_y_e_color"/></a></li>
</ul>

Pudiendo tener la misma estética y funcionalidad logramos que el buscador indexe el contenido completo de cada categoría.

Barra de eventos

Los enlaces a cada evento cuentan con el mismo problema que mencionábamos antes, en este caso cuentan con una etiqueta <a> pero sin un atributo href indexable.

El mapa podría seguir siendo controlado por los mismos enlaces pero con eventos javascript agregados mediante alguna librería o con algún event-handler accesible. Desde aquí recomendamos jQuery.

Pie de la página

Se repite el menú principal. Ya que el sitio cuenta con mucha información sólo accesible mediante javascript es vital que se explote el pie con mucha más información y accesos directos. En esta área se pueden agregar todos los filtros de localización (provincias, países, etc), nube de categorías/subcategorías y  eventos más destacados. Esto mejora la indexación con poco ruido visual para los usuarios.

Así llegamos al final de este primer análisis sobre la página principal de un sitio, en este caso voyovoy.com. Esperamos que sea de utilidad y los invitamos a dejar sus sugerencias para el sitio o sobre el análisis en sí.