Nuevo diseño del blog para recibir 2012

doculinux 1281 Nuevo diseño del blog para recibir 2012

Los lectores habituales que hayan visitado entre ayer y hoy el blog habrán notado algo de revuelo, elementos cambiando de sitio aquí y allá y puede que alguna cosa dejando de funcionar unos minutos. Pedí disculpas por adelantado en Twitter y de nuevo pido perdón por las molestias. Sin embargo creo, sinceramente, que ha merecido la pena.

He ido desarrollando la costumbre de hacer las modificaciones más importantes del blog de un año para otro, normalmente sobre diciembre o enero. El 2011 ha sido especial en este sentido porque representó el salto definitivo a un hosting propio, con la libertad a la hora de hacer modificaciones que eso conlleva.

A lo largo de este año he utilizado el tema Codium Extend en combinación con Carrington Mobile para la versión mobile-friendly. El segundo lo mantengo, porque parece suficiente y no creo que merezca la pena un cambio. Respecto al tema principal del blog, sí necesitaba una nueva vuelta de tuerca y mejorar aspectos como la velocidad de carga, la cantidad de información mostrada en la página de inicio y el área de widgets.

Para no andarme con rodeos y organizar un poco mi ideas, voy a enumerar las actualizaciones en forma de lista:

  • nuevo tema: ahora utilizo inLine, un tema si cabe más minimalista que el anterior. Como puede verse, la forma de representar las entradas del blog en la página de inicio es diferente, sólo muestra un título y las primeras cuatro líneas del post. A la izquierda se ve la fecha de publicación dentro de un pequeño icono con forma de calendario, lo que me parece una solución muy elegante. La ventaja de esta maquetación es que puedo mostrar más información en la página principal del blog y al mismo tiempo reducir la carga gráfica. Así, un visitante que entra por primera vez, puede hacerse una idea más clara de la orientación de los artículos que publico aquí (ahora son 15 frente a los 6 anteriores) y por otra parte creo que se agiliza la navegación.
  • menos elementos gráficos: mi blog no era especialmente lento antes de las modificaciones, pero era evidente que había margen de mejora. Digo adiós, al menos de momento, al amable pingüino bibliotecario y aparecen seis imágenes menos en portada, una por cada post. Por otra parte, he reducido la publicidad quitando  un banner vertical situado en el área de widgets.
  • revisión del área de widgets: tenía varios widgets “bajo sospecha” que no aportaban demasiado pero incrementaban notablemente el tiempo de carga de la página. El que mostraba las últimas publicaciones en Google+ ha pasado a mejor vida y lo he sustituido por un icono. Con el widget de comentarios recientes ocurría lo mismo, los mostraba con una animación e incluía el avatar de los usuarios. Demasiados recursos para el tipo de información que ofrece, así que lo he cambiado por algo más sencillo e igual de efectivo. El widget del blogroll me estaba causando algunos problemas, hasta ahora usaba Better Blogroll, pero no parece funcionar igual de bien según el tema de WordPress en uso. Al final he optado por utilizar Collapsing Links, una forma muy elegante de agrupar los enlaces en el widget en muy poco espacio. He cambiado el widget de búsqueda estándar de WordPress por otro llamado Search Unleashed, que ofrece bastantes funcionalidades adicionales. En cuanto al sistema de traducción automática, he dejado de emplear el fragmento de código que proporciona Google y lo he sustituido por un plugin de WordPress que parece integrarse mejor en la columna de widgets.
  • nuevo plugin para “entradas relacionadas”: me gusta tener esta funcionalidad en el blog porque creo que mejora la navegación y ayuda a los visitantes a encontrar entradas nuevas a partir de la que están leyendo en ese momento. He sustituido el plugin que usaba hasta ahora por otra más sencilla pero al mismo tiempo más configurable: Similar Posts.

Junto a todo esto, hay ligeros cambios en el código en los que no quiero entrara para no extenderme demasiado, pero todos ellos con la vista puesta en facilitar la lectura y mejorar el rendimiento del blog.

Con todos estos cambios, creo que no sólo mejoro de cara a los usuarios, sino también potencio el SEO de la página. La reducción del tiempo de carga es algo que “gusta” a Google, así como los diseños claros y diáfanos. Es lo que he buscado siempre: publicar buenos contenidos y que estos sean accesibles, fáciles de navegar y leer. Google parece ir en esa dirección y ahora, más que nunca, la orientación al usuario influye de forma positiva a la hora de posicionar una página. Es en esa dirección en la que creo que hay que mejorar. Espero que los cambios resulten del agrado de los lectores.

Felices fiestas a todos icon smile Nuevo diseño del blog para recibir 2012

Entradas relacionadas:

twitter Nuevo diseño del blog para recibir 2012
facebook Nuevo diseño del blog para recibir 2012
linkedin Nuevo diseño del blog para recibir 2012
digg Nuevo diseño del blog para recibir 2012
delicious Nuevo diseño del blog para recibir 2012
technorati Nuevo diseño del blog para recibir 2012

About José Manuel Sánchez

Documentalist, Knowledge & Social Media Manager. GNU/Linux user since 1997. Interested in SEO, Usability, Accesibility and Semantic Web. Technology addict.
This entry was posted in SEO y SEM and tagged , , . Bookmark the permalink.

12 Respuestas a Nuevo diseño del blog para recibir 2012

  1. Pingback: Bitacoras.com

  2. gadi says:

    Desde luego se nota mucho el cambio, muy minimalista y como dices, se carga muy rápido. Lo que sí te podría decir es que aumentaras un poco el tamaña de la letra en los artículos, al menos a mí me cuesta leerla (he tenido que usar Readability).

    Me apunto algunos de los plugins para WordPress que has usado :D

    Enhorabuena por el buen trabajo con el blog y felices fiestas.

  3. José Miguel says:

    Me gusta el aspecto de la nueva plantilla, muy limpio. Pero no acabo de entender que tenga

    "396 Errors, 3 warning(s)" en su código XHTML, son demasiados…

    De todas formas el contenido es lo que cuenta y el suyo es muy bueno.

    Feliz año 2012.

    • doculinux says:

      El 99% de los errores corresponden a los plugins de WordPress que utilizo en el blog, no a la plantilla. Por ejemplo, si desactivo el plugin ShareThis la cosa se reduce a 35 errores y 4 warnings, que tienen que ver con widgets de la columna de la derecha. En fin, entre quitar funcionalidades al blog (y en consecuencia a los lectores) y dejar un código menos "aseado", me quedo con la primera opción. En todo caso gracias por la puntualización, era consciente de ello, tal vez algún día me programe yo mismo los enlaces de compartir pero de momento me parece más cómodo el uso de plugins de WordPress.
      Un saludo y feliz año :)

    • doculinux says:

      Al parecer en los foros de ShareThis están pidiendo a gritos desde hace meses que valide de una vez:

      http://forums.sharethis.com/topic.php?id=5019

      Se lo toman con calma…

      • José Miguel says:

        A mi me sucedió con el un Captcha , no recuerdo cual. Pero busque una alternativa y la encontré.

        No se si te servirá, ni siquiera si los demás validan, pero buscando información llegué a http://www.comoganareninternet.com/comparte-tus-a…

        Y perdona una insistencia que se podría considerar fuera de lugar, no es esa mi intención. Es una cuestión de colaboración, y si algún día resuelves el tema, no estaría de más un buen post.

        Saludos

        • doculinux says:

          Al contrario, siempre agradezco los comentarios positivos. Esta mañana tuve un rato para mirar ese plugin he hice una pequeña limpieza, así que la portada ahora pasa la validación HTML5.

          De todas formas he renunciado a lograr un código totalmente limpio en el blog, si me “liara” a quitar cosas seguro que lo lograría, pero no lo veo interesante. Por ejemplo en esta misma página da errores de validación con los IDs de los comentarios, seguramente cosa de Mysql.

          En fin, como se trata de un blog personal tampoco pretendo lograr una validación perfecta a costa de quitar funciones, lo único que puedo prometer es que intentaré mantener a raya los erres más gordos ;-)

          De nuevo muchas gracias y saludos!

        • José Miguel says:

          Y perdona la redacción, al principio fatal no me fijé.

  4. Pingback: Evitando penalizaciones de Google y optimizando el blog | Doculinux

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>