Hace un rato terminé de presentar una charla en Wordcamp 08 sobre diseño de blogs, y por qué hay que tener una buena interfaz, más allá de tengas buen contenido.

Comenzamos con el pie izquierdo porque la máquina se negó a salir por el proyector, pero como en eventos como este siempre hay redundancia de laptops, utilizando la memoria del teléfono pasamos las presentaciones de una laptop a la otra y problema resuelto.

Para ser sinceros, al comienzo estaba nervioso porque era la primer charla que doy en Argentina (las anteriores fueron en el exterior), pero enseguida cuando arranqué, me sentí más cómodo y nos divertimos todos. Primero me tocó a mi, y luego a mi compañero Horacio Bella, un diseñador de la hostia que ofrece uno de los themes de Wordpress más lindos que vi.

(@freddier, te robé el slide, sabrás entender)

Al final terminamos con una serie de preguntas, así como recibir las direcciones de los blogs de algunos de los asistentes, donde hicimos comentarios sobre qué se podría mejorar y qué estaba bien, un poco como hicimos en los videos con Christian y Freddie.

Actualización

Gracias a la gentileza de Profesor Gordon (el cuál hizo una cobertura amplia del evento en video), conseguí un pequeño fragmento antes de comenzar la charla, donde se puede ver perfectamente mi incapacidad para hacer funcionar mi laptop con los proyectores de Microsoft.

Ahora, decidió hacerlos oficiales y ya están incorporarlos al repositorio de Wordpress.

De los dos, yo probé el último y está bárbaro. Es súper sencillo y útil, muy recomendable.

Pero a la hora de la verdad, muchos de nosotros tenemos que actualizar no un blog, sino decenas. Propios, ajenos, de clientes, de amigos, de la novia, de la tía. Y si no tenemos un método eficaz y rápido, podemos estar todo el día repitiendo el mismo ciclo:

1. Hacemos Backup de la base de datos (leyeron bien no? Hacemos Backup de la base de datos)
2. Bajamos el Wordpress.
3. Conectamos al FTP
4. Subimos Wordpress
5. Tomamos algo mientras esto ocurre
6. Si no terminó, volvemos a 4
7. Accedemos a dominio-del-blog.com/wp-admin/upgrade.php
8. Cruzamos los dedos (esto es más importante de lo que parece)
9. Si todo salió bien, entonces respiramos.

Sin duda, todo esto es largo y cansador. Y podemos hacerlo mucho mejor, los únicos requerimientos son conocer un poquito de manejo de unix/linux, sangre fría, acceso por SSH (Secure Shell) a nuestra cuenta y bajarnos el PuTTY. Nunca pensaste que un programita con ese nombre te iba a ayudar tanto.

Primero y antes que nada, vuelvo a repetirlo por si no lo entendieron: Hay que hacer siempre backup primero de la base de datos, sin excepción. Considérenlo como un pequeño seguro en caso de que metamos la pata, rompamos todo, y no tengamos el hombro de ningún amigo cerca para ir a llorar. Siempre, primero, hagan backup de la base.

Cargamos el PuTTY indicándole nuestro dominio y nos pide loguearnos.

Ingresaremos nuestro usuario y password de SSH, y estaremos dentro de nuestro servidor. Ahora, si ya estamos posicionados en el directorio de nuestro blog, creamos una carpeta temporal para trabajar:

$ mkdir borrar
$ cd borrar

(de más está decir que el “$” no va, tan solo es para demostrar que estamos en la consola como un usuario. Si fuéramos “root” entonces se vería un “#”)

Dentro del directorio como ya estamos, hacemos que sea el server quién se baje el Wordpress:

$ wget http://wordpress.org/latest.zip
...(montón de texto acá que nos muestra que el archivo latest.zip ya se bajó)...
$ unzip latest.zip
...(mucho más texto mostrándonos como se descomprime todo en una carpeta llamada wordpress)...
$ cd wordpress/

Hasta aqui, tenemos el nuevo Wordpress, en el servidor, pero dentro de una carpeta que sería directorio-base/borrar/wordpress, y estamos parados dentro de esa carpeta. Solo tenemos que copiarlo al directorio que contiene nuestro blog actual

$ cp -Rf ./* ../../

Y unos segundos después, ya está. El Wordpress anterior fue pasado, pisado, y tenemos el nuevo. Ahora necesitamos ir a http://url-de-nuestro-blog.com/wp-admin/upgrade.php y actualizar el esquema de la base de datos, si es que fuera necesario. Casi siempre es necesario, pero de no serlo, el script nos avisará y no hará nada, asi que no hace daño ir.

A simple vista, el proceso no es mucho más sencillo que el anterior, pero al ahorrarnos el tiempo de descargar nosotros un archivo (haciendo que lo descargue el servidor por su cuenta) y mejor aún, evitándonos subir lo que descargamos al servidor (ya que no será necesario), ganamos mucho tiempo.

Y sin contar si en el mismo servidor, hay que actualizar dos, tres, cuatro o veinte blogs. Se baja una vez, se copia a múltiples directorios, y se visita la URL de upgrade uno por una… el tiempo que se gana aumenta cuántos más blogs tengamos.

Espero que les haya servido esto que les cuento, después de actualizar 6 blogs solo en unos minutos, pensé que seguramente era algo que les vendría bien si no lo tenían en cuenta. Igualmente, se que varios conceptos quedan un poco difusos, así que utilicen los comentarios para despejar sus dudas.

En resumen, los pasos fundamentales de SEO para Wordpress, se resumen en 3 puntos:

1. Investigar keywords y a la competencia.
2. Optimizar en base a los resultados.
3. Analizar Resultados
4. Goto 1

Investigar keywords y a la competencia
Lo ideal es apuntar a pocas keywords, recomendando para blogs entre 5 y 10 keywords, o entre 50 y 100 para sitios grandes. Además de compatibilizar la optimización para keywords, pero sin descuidar las conversiones (ya sea el click en un banner o lograr una venta).
http://inventory.overture.com
http://labs.google.com/sets
http://adwords.google.com/select/KeywordToolExternal

Optimizar en base a resultados
Los campos de acción en los que podemos actuar para optimizar nuestro blog:

1. En el Blog
2. En el Post
3. Fuera del Blog

Lo importante es mantener algunos indicadores básicos de performance, para que podamos analizar los resultados. Los recomendables son : páginas indexadas y el posicionamiento logrado.

Analizar los resultados
Para esto lo que Petty recomienda es utilizar los servicios de WebMaster Tools, de Google, que permiten obtener información relevante sobre nuestros sitios, pudiendo chequear diferentes posiciones.

Actualización 29/11/07: Leo en el blog de nuestros amigos de Buzztam, una completa guía de optimización SEO para Wordpress. Vale la pena leerla y aplicar los consejos que allí nos brindan.

Durante el proceso, estuve leyendo muchos consejos sobre lo que se considera más recomendable para un blog, y mi idea es compartir algunas de esas ideas aquí. Desde consideraciones de diseño, recomendaciones sobre el código, algunos consejos sobre posicionamiento del blog, plugins, etc. Algunas cosas serán para principiantes, otras tendrán un grado mayor de dificultad, pero generalmente habrá de todo.

Ten siempre tu sistema de blog actualizado.

Esto es válido para aquellas personas que instalen un sistema de blogs en un hosting, no tanto para aquellos que utilicen Blogger o Wordpress.com. Puede sonar obvio, pero en realidad a veces no se hace por pocas ganas, porque no se considera necesario, porque “da lo mismo”.

La verdad es que más allá de las vulnerabilidades a las que podemos dejar nuestro blog expuesto, con el consiguiente riesgo de perder nuestro trabajo (el que no valoramos hasta precisamente, tener que hacerlo de nuevo), siempre hay que tener en cuenta que las últimas versiones ofrecen las mayores ventajas y funcionalidades, que pueden hacer nuestro trabajo más sencillo.

Asegúrate de tener una buena página de Acerca De.

Cuando un visitante ingresa por primera vez en tu blog, lo más probable es que quiera saber quién es la persona que está escribiendo, por lo tanto es recomendable tener una página Acerca De, con un poco de información acerca de nosotros, qué es lo que hacemos, de qué se trata el blog y por qué no, convencer al usuario que es bueno suscribirse a los feeds RSS.

Y podemos no solo quedarnos ahi, ya que es muy probable que la página Acerca De, sea visitada, podemos aprovechar y comentar un poco más sobre los proyectos que estemos trabajando actualmente, o incluir links hacia otros rincones del blog que nos interesen promocionar: Publicidad, Contáctenos, Artículos más leidos/interesantes, Archivo o Políticas de Privacidad.

No incluir información innecesaria.

Generalmente se tiende a incorporar en los diseños de los blogs, una cantidad innecesaria de elementos e información, que no siempre es útil o recomendable. Por ejemplo, si el blog va a ser escrito por una sola persona, no es necesario informar en cada post, quién es el autor del mismo. Lo mismo sucede para el calendario que viene incluido por defecto en algunos themes de Wordpress, a menos que estés escribiendo sobre algo que esté íntimamente relacionado con la fecha, es innecesaria su presencia. Yo quité también la sección conocida como “Meta Data” ya que es solo de utilidad para mi, ya que me permite ingresar al sistema con un link, pero no ofrece ninguna ventaja al usuario, salvo utilizar espacio.

Organizar bien tus categorías.

El primer consejo que se puede dar, respecto a las categorías, es que se piense bien el nombre de cada una. El nombre en sí mismo debe ser la descripción única y necesaria de la categoría, y el gancho principal para que un visitante decida seguir navegando por el blog. Además, el número de categorías no debe ser abrumador, de nada sirve que exista una categoría por cada post que escribimos. ¿Cuántas agregar para que sea justo? Depende un poco del blog mismo, pero yo recomendaría no más de 25 categorías, si es que el blog lo amerita.

Dentro de todo, estos son los primeros consejos que les puedo dar para aquellos que recién inician con sus blogs o para los que quizás ya tienen comienzan a cuidar con más detalle ciertos aspectos de su sitio. Espero que no sea la última vez que hable de este tipo de temas, así como de ganar dinero con AdSense.

El principal problema, es que el importador que viene con la última versión (2.1 – Ella para los amigos) funciona solo para el viejo Blogger, con el login anterior. Si en tu cuenta de Blogger usás un Gmail ID para ingresar, entonces ya no sirve. Asi que estuve buscando diferentes soluciones, y me encontré con un excelente plugin que realiza el trabajo. Las instrucciones son simples, tan solo teniendo que seguir los siguientes pasos :

1. Como es usual, descargamos el plugin, lo descomprimimos y copiamos el contenido a la carpeta /wp-content/plugins.
2. Ingresamos a nuestro blog y en la opción Plugins, lo activamos.
3. Luego vamos a Manage y ahi tendremos la opción Blogger RSS Support.

El problema a continuación, es el de mantener los links desde el sitio original hasta su nueva ubicación en Wordpress, sobre todo intentando utilizar el Header 301 – Moved Permanently, y asi no perder los links existentes y el mucho más importante PageRank de Google. Esto lo logré revisando algunos blogs que tuvieron el mismo problema: Maintain permalinks moving from Blogger to Wordpress y Moving from Blogger to Wordpress: Best Practices.

Preparar tu blog para recibir las redirecciones

Primero, tenemos que preparar un archivo en nuestro servidor, en el mismo directorio donde está instalado Wordpress, que va a recibir las redirecciones generales, y de ahi, redireccionar hacia el post que sea necesario. Yo lo llamé desde-blogger.php y lo situé en el directorio raíz. Este archivo va a recibir las redirecciones que envia Blogger más un parámetro (en la variabla llamada “p”) y buscará en la base de datos un post cuyo “slug” o nombre en la url sea similar al recibido.
[PHP]< ?php
require($_SERVER['DOCUMENT_ROOT'].'/wp-blog-header.php');
$slug = htmlentities($_GET['p']);

$SQL = "SELECT posts.* FROM $wpdb->posts AS posts WHERE posts.post_name LiKE ‘”.mysql_real_escape_string($slug).”%’ LIMIT 1″;
$posts = $wpdb->get_results($SQL);

if ($posts)
{
foreach ($posts as $post)
{
$found_link = get_permalink($post->ID);
}
}
else
{
$found_link = “http://www.ruidodigital.com”;
}
header( ‘HTTP/1.1 301 Moved Permanently’ );
header( ‘Status: 301 Moved Permanently’ );
header( ‘Location: ‘.$found_link );
exit(0); // Este exit es para evitar que alguna salida accidental evite el envío de los headers.
?>[/php]

Modificar el sitio en Blogger para reenviar tráfico

A continuación, tengo que modificar el blog para que redireccione a Wordpress. Aquí la tuve realmente fácil, porque no hospedaba el blog directamente en un subdominio de Blogspot, sino que lo hospedaba directamente en mi servidor y con un dominio propio (http://www.4815162342.com.ar), entonces hacerlo redirigir fue tan sencillo como situar un archivo .htaccess en la raíz del blog:

[html]
RewriteEngine On
RewriteBase /
RewriteRule ^([0-9]{4})/([0-9]{1,2})/([^/]+).html$ http://www.ruidodigital.com/desde-blogger.php?p=$3 [QSA,R=301,L]
RewriteRule ^(.)*$ http://www.ruidodigital.com/categoria/lost-perdidos/ [QSA,R=301,L]

[/html]

De esta manera, utilizando Mod_Rewrite, le indicamos al sitio que redirija las peticiones de cualquier url que tengan la forma:

http://blogger/año/mes/titulo-del-post.html
hacia
http://wordpress/desde-blogger.php?p=titulo-del-post.

Conclusión / Comentarios

Finalmente tengo todos los contenidos de Lost Blog ahora en RuidoDigital, aunque no todo salió como yo pensaba. Primero, los caracteres especiales no se mudaron correctamente y aún no puedo determinar si fue por culpa de Blogger, del script de importación, o de la Base de Datos, pero perdí todos los acentos, eñes, signos de apertura de admiración o pregunta. Igualmente, estoy buscando alguna manera de procesar el texto y corregirlo, pero me va a llevar un tiempo.

Por otro lado existe un problema con el largo del “Post-Slug” de Wordpress y Blogger, que impide que todo funcione perfectamente. Resulta que al crear un post en Blogger, éste le asigna automáticamente una url, recortando los caracteres especiales del título, y hasta cierto largo en caracteres. Wordpress, en cambio, no elimina los caracteres especiales, sino que los reemplaza por el más cercano (u en lugar de ú, etc). Además, recorta el titulo dejando más caracteres que Blogger. Es por esto que tuve que reemplazar algunos slugs a mano, pero afortunadamente no fueron muchos.

Espero que esta simple guía les permita mudar su blog de Blogger a Wordpress sin que les cause demasiados dolores de cabeza. Cualquier pregunta sobre alguno de los pasos, o de los plugins o códigos utilizados, pueden dejarla en los comentarios.

Con esto de que quiero pasar el contenido de varios blogs a este, entre ellos incluído EstoEsJoda, necesito una manera simple de embeber video de YouTube o Google Video fácilmente, y el editor WYSIWYG de Wordpress (llamado TinyMCE), no me lo permite, porque me elimina el código, supuestamente mal formado.

Probé WPVideo, que supuestamente es uno de los mejores implementados, pero al parecer no tengo activada la función file_get_contents() de PHP en mi hosting (DreamHost), por lo cual, este plugin no funciona y da mensajes de error. Así que lanzo mi pedido de ayuda al mundo:
¿Alguno conoce alguna manera eficiente de incluir videos de YouTube o Google Video en Wordpress, sin deshabilitar el editor WYSIWYG de Wordpress?

Actualización veloz: Ya logré lo que quería gracias a otro plugin que, dicho sea de paso, se llama igual: Wp-Video. No entiendo mucho el lenguaje, pero se instala y solo hay que agregar la dirección del video, y reemplazar el protocolo http por video.

1. Miniaturas de los temas descargados: actualmente, cuando uno busca un tema para Wordpress, seguramente cuenta con la suerte de verlo aplicado en algún blog, antes de instalarlo, dándose una idea de como se ve. Pero algunas veces, queremos instalar un tema pero no encontramos un ejemplo, o directamente no existe. Bueno, los creadores de temas ahora pueden agregar una imagen llamada screenshot.png en el directorio raíz, de forma que sea visualizado antes de activar el tema.

2. Capacidades y Roles: Actualmente, los permisos de usuario se limitan a un número del 0 al 10, que los usuarios del blog poseen. Esto se ha cambiado totalmente, pasando a un esquema de Capacidades y Roles, que les permite a los creadores de plugins la flexibilidad necesaria para aplicar distintos permisos a los usuarios.
3. Importar desde otras plataformas de blogs: Dado el éxito de Wordpress, tanto en sus versiones hosteadas como en la integración con Yahoo, o su servicio gratuito en WordPress.com, es evidente que más y más personas querrán mudar sus blogs desde Blogger, Moveable Type, Textpattern u otros, hacia Wordpress. Los viejos scripts de importación han sido remodelados por completo, ya que debido a cambios en WordPress y su estructura, muchos ya no funcionaban. Además, ahora se podrá importar contenidos directamente desde Feeds RSS.
4. Cacheo de páginas incoporado de fábrica: El cacheo de páginas es el proceso por el cual las mismas son guardadas como texto en el servidor, para ser accedidas más rápidamente sin incluir consultas a la base de datos. El concepto en si no es nuevo y los navegadores lo vienen haciendo por años. Esto facilitará el tiempo de respuesta del blog, aunque puede producir algunos problemas si queremos mover archivos de lugar. Como las opciones de Wordpress también están cacheadas en la base, el cambio no se refleja automáticamente, pero siempre hay maneras de solucionar esto
5. Carga de imágenes: Actualmente tenemos una opción “Upload” para subir imágenes a cierto directorio. Esta opción ya no existe y se cambió por un administrador de uploads, en la página de edición de un artículo. Supuestamente, se podrán subir imágenes y luego arrastrarlas y soltarlas en la ubicación final, donde deseemos que quede, pero hasta ahora ha sido un dolor de cabeza para los beta-testers. Es de notar, que arrastrar y soltar una imagen solo funciona en el modo de Texto Enriquecido, ya que de otra manera, solo creará un link directo a la imagen, en vez de mostrarla.
6. Usar Wordpress para redes sociales: Hay probablemente cientos de herramientas de redes sociales (como Flickr, del.icio.us o Digg), y la mayoría cuenta con plugins para interactuar con WordPress. Sin embargo, Wordpress ya posee integración con una herramienta que le permite conocer a los buscadores, las relaciones entre bloggers. Se llama XFN (bHtml Friends Network). De esta manera, podemos indicar en los links hacia otros blogs, nuestra relación hacia los creadores de esos sitios, incluso la ubicación física de dónde se conocieron.
7. Ganchos y Filtros: Es quizás la panacea para los creadores de plugins, que podrán modificar el comportamiento de WordPress sin modificar los archivos originales del blog. Obviamente, no es un nuevo concepto, pero ahora están mejor implementados en WordPress 2.0. Los filtros son funciones que hacer eso, filtrar. Por ejemplo, un título puede ser filtrado para crearle algún efecto o para modificarlo de alguna manera. Los ganchos, por otro lado, permiten a los desarrolladores ajustarse y actuar en consecuencia a ciertos eventos, como podría ser enviar un email cuando un artículo ha sido publicado. Esto actualmente ya es posible hacerlo, pero se supone que la nueva arquitectura lo facilitará.
8. Filtros Anti-Spam de fábrica: viene con Akismet incorporado. Básicamente, el mejor filtro que hay para moderar el spam en los comentarios de un blog. Los editores que quieran utilizarlo, deben registrarse y pedir una clave, que igualmente es gratuita y vale la pena.
9. No utilices el editor de texto enriquecido: Wordpress 2.0 incluye TinyMCE, un editor de texto enriquecido hecho en javascript, que le ofrece a los bloggers la posibilidad de editar como si de un archivo Word se tratase, con accesos directos a todos los tipos de formato que se le puede dar a un texto. El problema es que TinyMCE, aún genera un código HTML bastante malo. Con etiquetas vacías, un “copiar y pegar” desastroso, etc. De momento, y hasta que no esté del todo depurado, no recomiendo utilizarlo, mas si uno es un purista del código y quiere una certificación xHTML.
10. Wordpress como un Content Management System: Supongamos que uno, que conoce Wordpress, lo adora como herramienta para blogs, pero que también quiere utilizarlo para crear sitios que no sean blogs. Esto es posible más fácilmente creando templates especiales y luego, en base a ellos, generar páginas estáticas utilizando el layout general del sitio.

El contenido de este post está basado en 10 Things You Should Know about WordPress 2.0, publicado por Darrem Rowse en ProBlogger.

Uno de los puntos “flojos” de Wordpress a la hora de publicar un nuevo tema, es la relativa complejidad cuando es necesario insertar una imagen en nuestro artículo. Antes de notar la funcionalidad de “Upload”, tenía que abrir el cliente FTP, subir el archivo gráfico, y al presionar el botón “img”, ingresar la url de la recién subida imagen. Luego, esto se facilitó realizando el upload desde el mismo Wordpress, pero aún así hay que ingresar la url “a mano”.

Todo esto se acabó con “iimage browser“, un nuevo plugin para wordpress, que nos ayuda en esta tarea. A través de un popup podemos subir las imágenes, crear un thumbnail (miniatura), agregar la imagen en nuestro artítulo de distintas maneras e incluso, tener nuestras imágenes separadas en sub-carpetas.

¿Cómo se instala? Más fácil imposible. Primero, tenemos que descargarnos un archivo (versión 1.4.6 al momento de escribir eso), lo descomprimimos, y copiamos el archivo iimage-browser.php a la carpeta wp-admin y el archivo iimage-browser-plugin.php a la carpeta wp-content/plugins. Finalmente, en la sección de Plugins lo activamos, y ya. Nada más sencillo.

¿Qué le falta? Si bien es bastante funcional ni bien se instala, yo creo que la “generación (google) Blogger” está mal acostumbrada a la accesibilidad . Entonces, el popup que utilizamos para realizar las tareas, aunque posee javascript para facilitar todo, no es muy claro ni muy bien diseñado. Yo extraño al momento de generar el código para ingresar en la publicación, que ofrezca algunas opciones para alinear las imágenes a centro o los costados, como hace Blogger.