Sobre el nuevo diseño

Lleva unos 4 días funcionando, desde el lunes día 20.

Lo primero que he notado es un aumento de visitas al apartado de inicio (se llama "explora" en el nuevo diseño). Por otro lado, los usuarios tienden a comentar más ahora, probablemente por ser más accesible el botón "responder".

Y algo que  me ha sorprendido: se hacen más clicks en los anuncios.
En el antiguo diseño estaban colocados de igual forma: un banner arriba y otro abajo, ambos del mismo tamaño. En este diseño, como he dicho, también. Pero probablemente el diseño más ordenado y limpio hace más visibles los anuncios y los usuarios se fijan más en ellos, aumentando el CTR de todas las páginas en general.

También destacar que gracias al nuevo menú, también se visitan más los apartados de categorías aunque aún no he conseguido que se utilicen los buscadores, ya que la mayoría de las visitas siguen llegando por medio de Google (97%) y por lo tanto entran directamente a lo que están buscando.

Bueno, otro día más en esta especie de diario, nos vemos!

Preparando el tercer cambio de diseño

El título lo dice todo: estoy preparando el tercer cambio de diseño de la web.

Las razones que motivan este "gran" cambio de diseño son las siguientes:

- Responsive Design. Estamos en 2014 y tenemos que adaptarnos a las tendencias de la web moderna.

- HTML5, más de lo mismo: hay que moverse, ahora sólo es una versión de diferencia, pero algún día serán muchas.

- Presentación del contenido. Creemos que podemos ayudar a que el contenido sea más legible, y que sea más fácil interactuar en la web con otros usuarios, responder a tutoriales...

- Explorar la web. Es una de las grandes pegas, demasiados apartados, demasiado difuso el contenido, se hacía difícil buscar algo e ir de un sitio a otro. Intenté realizar pequeños cambios para solucionar esto, pero creo que es hora de dar un giro.

- Presentar más contenido. Hemos venido utilizando páginas para mostrar más contenido hasta ahora; vamos a pasar al uso de JQuery para aquellos usuarios que quieren ver más, será más cómo, más intuitivo y más "bonito".

- La esencia: esto es lo único que no cambia. La web seguirá con los mismos apartados, pero mejor ordenados y con contenido más fácil de encontrar.

Y ahí tenéis como se verá la página del foro por ejemplo, aunque aún falta ver cómo colocar las diferentes categorías para mejorar el tema de accesibilidad, y el sistema de login.

Pero paciencia! En menos de una semana espero haberlo solucionado y que esté ya online!

Completamos la migración a URLs amigables del foro

Ha sido un paso que me ha costado mucho dar, no por problemas técnicos, si no por la posibilidad de perder posicionamiento SEO de las webs que me generan tráfico desde hace más de un año.

Las url del foro antes se veían de este modo: i_view.php?id=34

Como entenderéis, eso ya "no se lleva", son urls feas para nada amigables.
La idea es que ahora todas se muestran de este modo: foro-185-Letras-en-spotify

Lo cierto es que los nuevos artículos creados desde hace un mes ya tenían url amigables, pero los antiguos seguían usando el nuevo sistema, y esto me ha creado un problema bastante gordo: google me detectaba contenido duplicado porque se podía acceder a los hilos desde ambas url.
foro-185-Letras-en-spotify
i_view.php?id=185

Estas dos url, llevaban a la misma página.
Al principio no supuso mucho problema, pero un día me encontré con que en Webmaster Tools de Google tenía 88 páginas que aparecían con títulos duplicados, y si no hacia nada ese número seguiría creciendo y acabaría por afectar a toda la web en general.

De ahí la precipitación de esta decisión que empecé haciendo gradual.
He migrado con un scripts todas las url al sistema de amigable y para evitar el contenido duplicado he redirigido con header 301 (moved permanetly) las visitas que llegaban a i_view.php

Aún no se si todo ha salido bien, ya os iré contando si me he visto afectado de alguna manera (para bien o para mal) al tomar esta decisión.

Un saludo!

Sistema de spoilers para código

Dos añadidos de los cuales destaco el del sistema de spoilers.

Muchas veces me ha tocado escribir largos códigos en la web para explicar algún tutorial. Y si se empieza a alargar mucho, queda muy feo.

Pues bien, yo tenemos un sistema de spoiler que podéis ver cómo he hecho y cómo funciona en esta url:

Spoilers con Jquery

El otro cambio es sencillo: scroll infinito en el ranking de usuarios para los curiosos. Y por supuesto, también os hecho un tutorial sobre como realizar esta tarea!

Scroll infinito con Jquery

Adiós al apartado de respuestas

Cómo ya sabéis, este blog sirve, más que a dar publicidad a la web o publicar artículos, para llevar un registro de los cambios que se van realizando en el break.

Hoy voy a comenzar a migrar todos los contenidos del apartado respuestas hacia el foro, incluyendo comentarios. Esta decisión llevo ya pensándola un tiempo, y creo que, aunque muchos usuarios llegan a nuestra web hacia ese apartado a través de los buscadores, no se le está sacando provecho y es un apartado muerto que puede encajar perfectamente en las funciones del foro.

Sin más, un saludo y hasta el próximo cambio!

Evolución de tu ranking en Alexa

Y hoy una nueva funcionalidad aún en fase Beta para nuestra web:
Una función para monitorizar nuestra posición en el ranking de Alexa.

Si tenéis un sitio web, sabréis que hasta que no lleguéis a estar por debajo de la posición 100.000 no podréis optar a este tipo de estadísticas por parte de Alexa, y nosotros queremos ayudaros en esta tarea.

Simplemente introducir vuestra URL y se añadirá a nuestra base de datos, a partir de este día, empezaremos a recopilar datos de tu sitio web todos los días, generando un gráfico de los últimos 30 valores del ranking que has obtenido, para así poder hacerte una idea en temas SEO de cómo va tu sitio.

Es decir: no importa que estéis por debajo o por encima, nosotros monitorizaremos tu sitio todos los días!

Espero que lo disfruten, os dejo el enlace:

Historial ranking alexa

Cambios de diseño y presentación

Unos días tanto y otros tan poco!

Hoy toca escribir dos entradas para comentaros también, y para dejar constancia, de otros cambios de diseño y presentación de nuestra web.

Hemos estado jugando con los colores y la disposición de los elementos. Notaréis con respecto a la última imagen que subimos que hemos eliminado la nube de tags gigante y los enlaces a los apartados desde la página de inicio.

Ahora os presentamos los últimos contenidos para que disfrutéis de una experiencia más interesante y encontréis cosas que os puedan gustar!

Y ya que estamos, os dejo el enlace a nuestro tutorial más visitado esta semana:

Desactivar (cambiar) el uso de la tecla FN en Toshiba