Horacio Bella / HoracioBella.com / @horaciobella

Horacio Bella / HoracioBella.com / @horaciobella

— ¿Desea establecer Google Chrome como su navegador por defecto? — Si. Y a pesar de parecer una tontería este fue un momento importante para mi. Después de casi siete años, Mozilla Firefox dejó de ser mi navegador por defecto dejandole lugar al producto de Google. ¿Motivos? No tantos en realidad. Uno crucial, la velocidad.

Para los usuarios completamente activos de internet como quien les habla, el navegador se fue transformado rápidamente en el sistema operativo en sí mismo. En mi caso particular tengo generalmente abierto Gmail, Google Calendar y Evernote de manera constante y en muchas ocasiones Facebook, Twitter o aplicaciones como TweetDeck para Chrome y cualquier otro sitio que esté visitando en ese momento. Calculando esto en Firefox, el consumo de recursos asciende bastante además del tiempo de carga y procesamiento de cada sitio. Esto no era un problema para mi hasta hace algunas semanas, estaba acostumbrado y no me molestaba. Todo hasta que un día tuve la idea de probar Google Chrome. Al querer volver a Firefox lo encontré lento y pesado como una carreta. No me gustan las frases hechas pero definitivamente es un viaje de ida.

¿Entonces deseché completamente Firefox? No, al menos por el momento. En especial para mi trabajo, cuando tengo que desarrollar o simplemente maquetar algún sitio lo sigo haciendo primordialmente con Firefox en primera instancia. Las herramientas (es decir addons como Firebug, Colorzilla y Web Developer Toolbar) me mantienen de este lado junto con la costumbre de saber que Firefox es un navegador muy estable y robusto a la hora de hacer pruebas y desarrollar. Si, ya se, la mayoría de estos agregados tienen su versión para Google Chrome pero les falta un poco de cocción todavía. Para resumir un poco todo. Como usuario estoy enamorado de Google Chrome, como desarrollador me siento cómodo en Firefox.

En esta llamada “carrera de los navegadores” las ventajas se ganan y pierden rápidamente. ¿La versión 4 de Firefox prodrá recuperar el terreno perdido en el campo que menciono en el primer párrafo? Ojalá. Me gusta la idea del navegador de código abierto, de la comunidad y demás, pero como usuario no me sirve de mucho. Sólo quiero un browser que funcione bien, sea rápido y seguro. Nadie demonizaba Internet Explorer porque sea software propietario sino porque funcionaba mal. La ventaja de ser software libre tiene que ser la posibilidad de mejorar el rendimiento y Firefox no lo está logrando, al menos por ahora.

¿Y el resto de los navegador? Mmm… Poco para decir. Internet Explorer promete con la versión 9 que está por caer en cualquier momento pero de todos modos apunta a otro público y es entendible, cada uno busca aferrarse a su nicho. Safari no vale la pena mencionarlo teniendo a Chrome con el mismo motor. Opera, bueno, nadie usa Opera. El resto de experimentos raros (Flock, Rockmelt y otros derivados) no son para mi, de todos modos dejo la puerta abierta por si alguno viene con algo revolucionario que me tape la boca.

Horacio Bella / HoracioBella.com / @horaciobella

Horacio Bella / HoracioBella.com / @horaciobella

Vamos a tratar de hacer funcionar algunos elementos en conjunto. Primero tenemos el botón de Like de Facebook que lo que básicamente hace es, al hace click en el mismo en un sitio externo, agrega en nuestro muro un mensaje con ciertos datos y una referencia en la sección de “Gustos e Intereses” de nuestro perfil.

Por otro lado tenemos un sitio en WordPress. No me refiero precisamente a un blog, sino a un sitio que administre la información con este CMS. Desde la llegada de los custom post types se abrió bastante el abanico de posibilidades de usar WordPress de maneras alternativas (un catálogo de productos, una lista de socios de un club, una carpeta de clientes, etc.). En los casos donde cada post en una ficha lo que voy a tratar de explicar tiene mucho más sentido, de todos modos es totalmente aplicable a un blog normal con artículos.

Cuando añadimos el botón de like en un post de WordPress damos la posibilidad al usuario de publicar en su muro, por default, lo siguiente:

A Nombre le gusta información de la etiqueta <title> en urldelsitio.com

Obviamente nombre se reemplazará por el nombre del usuario en Facebook, el siguiente campo lo llenará con la información que encuentre en la etiqueta <title> (en caso de esta página por ejemplo sería WordPress, Like de Facebook y Open Graph Protocol ~ Gran Impetu) con un enlace a ese permalink y por último la URL del sitio. Inicialmente no va a mostrar en nuestra sección de gustos e intereses este like que acabamos de hacer, ya que no está especificado que tipo de contenido es.

Ahora bien, para poder configurar la manera en que se va a mostrar esto en el muro del usuario y lograr que se agregue a la sección de gustos e intereses con los datos a nuestro piacere necesitamos agregar meta tags de Open Graph protocol con la información correspondiente. Facebook explica como hacerlo de manera manual y cuales son las opciones que nos permite, pero vamos a optimizarlo para que tome estos datos automáticamente desde WordPress.

Sólo vamos a necesitar editar el header.php de nuestro theme. Para empezar modificamos el tag <html> para que Facebook sepa que puede encontrar este tipo de información. Quedaría algo así:

<?php language_attributes() ?>
xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml" >

<?php if(is_single()) { ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<meta property="og:title" content="<?php the_title() ?>" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="<?php the_permalink() ?>" />
<meta property="og:image" content="<?php bloginfo('template_url') ?>/images/like_image.jpg" />
<meta property="og:site_name" content="<?php bloginfo('name') ?>"/>
<meta property="fb:admins" content="123456789" />
<meta property="og:description" content="<?php echo get_the_excerpt() ?>" />
<?php endwhile; endif; ?>
<?php } ?>

• og:title – Título de lo que me gusta. En este caso va a ser el título del post. Se va a mostrar en el muro junto al sitio al que pertenece y sin otra información en la sección de gustos e intereses.
• og:type – Que tipo de contenido es. Si el post es la ficha de una película, el type será movie como en el ejemplo. La lista completa está en los docs de Facebook. Con esto el post va a aparecer en la sección de gustos e intereses del perfil del usuario, ordenado a demás de su tipo. No lo podemos automatizar a menos que creemos categorías con la lista de todas, las usemos y las llamemos con <?php the_category() ?>.
• og:url – Donde va a enlazar la información que aparezca en Facebook.
• og:image – La imagen que va a acompañar al post. Podemos usar una por defecto, que tome la que hayamos elegido como thumbnail o tomar la primera imagen del post.
• og:site_name – El nombre del sitio para que lo muestre en el muro cuando se hace click en like. Podemos ponerlo a mano o tomar el campo de WordPress como en el ejemplo.
• fb:admins – Debemos introducir nuestra ID de usuario de Facebook para ser los administradores. Esto nos va a servir para saber quienes dieron like, ver estadísticas y demás. Para conocer tu ID anda a tu perfil, hace click en tu avatar y en la URL a la que te dirige podes verlo luego de &id= ¿Hay alguna manera menos engorrosa?
• og:description – Un breve texto que describe el post. En este caso the_excerpt se aplica bien pero si no usan el campo de content puede buscar un custom field por ejemplo.

Algunos campos pueden dejarlos vacíos, Facebook los va a reemplazar y otros no son necesarios. Si ya tiene un botón de like funcionando Facebook no va a actualizar los datos en los perfiles de los usuarios, sólo se va a empezar a aplicar en sus nuevos posts y en los nuevos usuarios a quienes les guste.

¿Alguien ya lo estuvo probando?

Horacio Bella / HoracioBella.com / @horaciobella

Horacio Bella / HoracioBella.com / @horaciobella

Horacio Bella / HoracioBella.com / @horaciobella

La idea

Implica dos partes. Inicialmente que cada persona siga un hashtag, ya sea en su cliente o por web, sobre su profesión. Luego, que cuando un usuario publique algo relacionado a esa profesión y que requiera la respuesta de un tercero agregue ese hashtag.

Un uso práctico

Con ejemplos la gente se entiende, o hablando, algo así dicen. Yo soy diseñador y seguría el hashtag #diseñadores, #webdesigner o similar. Cuando otro usuario necesite algo donde la respuesta tenga que darla un diseñador utilizaría el hashtag #diseñador para que llegue a estos. A continuación algunos posibles ejemplos:

• El footer de mi sitio aparece flotando debajo del sidebar ¿Cómo puedo solucionarlo? #diseñadores
• Necesito presupuestos para realizar 4 mockups de una sitio de viajes #diseñadores
• Estoy buscando un diseñador que se sume al equipo de mi startup #diseñadores
• Acabo de terminar este diseño [link] ¿Qué opinan? #diseñadores

Esto llegaría a mi y a los diseñadores que sigan el hashtag, si a alguien le interesa puede responder, enviarselo a alguien o simplemente dejarlo pasar.

Ventajas y características

Esto reemplazaría el uso de pedir por favor que nos retwitteen cuando publicamos un mensaje de este tipo. Generalmente sucede que cuando hay un pedido o una solicitud y comienza a pasar de timeline en timeline mediante RT llega a muchas personas (en caso de que tengamos muchos followers y sean tan amables de retwittearnos) pero a pocas de las mismas puede llegar a interesarles. De este modo que se plantea sería mucho más filtrado, llegando solo a posibles interesados.

No se si compararlo con una sección de clasificados pero si una buena manera de llevar y recibir información de manera filtrada a potenciales interesados. Si soy programador sigo el hashtag de mi profesión, si soy abogado, si trabajo en marketing, si soy periodista o lo que sea tendría ofertas de trabajo, dudas a resolver e información relevante sobre mi trabajo de manera rápida y filtrada.

Problemas y posibles soluciones

Algunos problemas que se presentan, casi todos de simple resolución:

• Spam. Cada uno lo puede solucionar bloqueando a usuarios que no respeten la idea.
• Hashtags incorrectos. No quiero hablar de hashtags oficiales porque sería querer adueñarse de esta idea que en realidad es parte del uso de una red social, no podemos hacer oficial la forma en que los usuarios puedan usar Twitter. De todos modos con un sitio donde liste cada hashtag y pueda llegarse a una concordancia podría solucionarse este problema.
• Poco uso. Como todo elemento de comunicación, su valor aumenta con la cantidad de usuarios que lo aplican. Si nadie va a seguir los hashtags y nadie va a usarlos cuando quiera publicar algo no va a tener mucho sentido. ¿La solución? La más complicada por ahora, que se use inicialmente y se comience a difundir, que se vuelva n standard de uso como los RT, los /cc y que sea parte del buen uso del servicio.

Algunas dudas

¿Les parece interesante?, ¿Ya hay algo por el estilo?, ¿Qué ideas pueden aportar?, ¿Vale la pena tratar de llevar algo así adelante?, ¿Problemas que no esté teniendo en cuenta?.

Horacio Bella / HoracioBella.com / @horaciobella

a {
  color: #900;
  text-decoration: none;
}

a:hover {
  color: red;
  position: relative;
}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0; 
  top: 100%;
  white-space: nowrap; 
  z-index: 20px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
}

Horacio Bella / HoracioBella.com / @horaciobella

<?php query_posts('showposts=10&orderby=rand');    while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?"><?php the_title() ?></a></li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>

Con esto obtenemos una lista de 10 posts aleatorios con sus respectivos enlaces. Si queremos que sólo muestre aleatoriamente los posts de cierta categoría podemos además indicarlo en el array, ya sea con el ID  o el slug de la categoría. Algo así:

<?php query_posts('showposts=10&orderby=rand&cat=5');  while  (have_posts()) : the_post(); ?>

Pueden ver algunos otras opciones de query_posts en el Codex de WP y no se olviden de cerrar con wp_reset_query.

Horacio Bella / HoracioBella.com / @horaciobella