jueves, 29 de septiembre de 2011

Oloblogger

Oloblogger


En qué consisten las nuevas suscripciones en Facebook

Posted: 28 Sep 2011 11:23 AM PDT

Muchos cambios en Facebook en poco tiempo y cuando apenas hemos digerido los pequeños como las suscripciones, el stream que nos muestra las notificaciones en tiempo real y el nuevo sistema de titulares, aparece Zuckerberg y nos cuenta que va a revolucionar todo el sistema de esta red social.

En fin, yo ya tenía medio preparado esto antes de tanta movida, así que hoy vemos el tema de las suscripciones y si tengo un rato, ya veremos más adelante el resto.

Por cierto, que si alguien ha grabado su número de teléfono móvil en Facebook, posiblemente pueda acceder como desarrollador a la versión de pruebas. No sé si es reversible, pero en el enlace anterior tenéis explicado cómo ver el nuevo muro. Que no os asuste lo de 'desarrollador'; es simplemente un atajo y no hay que tener ningún conocimiento como tal para llegar a dónde nos interesa.

Volviendo a las suscripciones, los usuarios que quieren instalar este sistema también me han planteado ya muchas dudas sobre por qué no ven el nuevo botón ni en su muro ni en el de sus amigos, tampoco en la página que suelen visitar y ni siquiera en otros perfiles que han probado aleatoriamente.

Bien. He probado poco, pero creo que la cosa la tengo más o menos clara. La situación hasta ahora era la siguiente:

  • Alfredo y Beatriz NO son amigos
  • Alfredo quiere ver en su propio muro las actualizaciones de Beatriz
  • Alfredo envia una solicitud de amistad para ello a Beatriz
  • Mientras Beatriz no acepte dicha solicitud, Alfredo seguirá sin ver nada de Beatriz y viceversa
  • Beatriz acepta a Alfredo
  • Alfredo ahora puede ver en su muro el contenido público de Beatriz
  • Beatriz también puede ver en el suyo las publicaciones de Alfredo
  • Ambos son amigos ahora

¿Y qué ocurre con esto de la suscripción? Pues la diferencia principal es que la relación es unilateral, sin necesidad de reciprocidad:

  • Alfredo y Beatriz NO son amigos
  • Alfredo quiere ver en su propio muro las actualizaciones de Beatriz
  • Beatriz tiene autorizado el servicio de suscripciones
  • Alfredo se suscribe al contenido de Beatriz
  • Alfredo ahora puede ver en su muro el contenido público de Beatriz
  • Beatriz sigue sin poder ver el contenido de Alfredo
  • Siguen sin ser amigos

El quid está en que ya no es necesario marcar a alguien como amigo para poder recibir sus actualizaciones. Simplemente te suscribes a su feed, al modo en el que lo haces con un blog -bien por correo, bien mediante un lector de fuentes- y recibes las nuevas publicaciones en tu muro.

De esta manera podrás diferenciar claramente la gente con la que realmente te une algún tipo de relación y aquellos que te interesan sólo por el contenido que publican. Para estos últimos son las suscripciones.

Y fijaros que digo "gente", porque el sistema de suscripciones sólo está habilitado para perfiles personales. Tiene su lógica, porque las páginas ya tienen un sistema similar a las suscripciones ahora mismo. Cuando pinchas en el "Me gusta" de una página, comienzas a recibir su contenido en tu muro, pero en ningún momento, la página ve tu contenido en el suyo. Hacerse fan de una página viene a ser lo mismo que suscribirse a un perfil personal.

Así que ahora se puede seguir a alguien con reciprocidad mediante el botón "Agregar a mis amigos" o sin esa reprocidad con el botón "Suscribirme". Hay que tener claro que cuando se agrega a alguien como amigo, automáticamente estás suscribiéndote también a su contenido.

En el siguiente enlace hay más información sobre el tema de las suscripciones y un FAQ, de la mano del propio Facebook.

Y antes hablaba de habilitar esa posibilidad de suscripción. Por defecto, nadie tiene esa opción en su perfil: el que quiera ver lo mío, que me enseñe también lo suyo... Más o menos esta es la idea. No todo el mundo quiere compartir lo que publica.

Si tu deseo es el contrario y quieres que otros vean tu contenido sin necesidad de que te agreguen como amigo, entonces has de ir a la página de presentación y allí pulsar en el botón "Permitir suscriptores".


Se abrirá una ventana confirmándote la activación y en la que podrás también seleccionar si permitirás comentarios y si quieres que se te remita una notificación cuando alguien se suscriba a tu perfil.



Desde el otro lado, el del suscriptor, cuando estés suscrito a alguien podrás seleccionar qué tipo de actualizaciones quieres que se muestren en tu muro, para así filtrar un poco los contenidos y que no se convierta todo en una enorme torre de Babel.


viernes, 23 de septiembre de 2011

Oloblogger

Oloblogger


Metadatos con schema.org para el botón +1

Posted: 22 Sep 2011 02:47 PM PDT

Tras ver el otro día que el botón +1 próximamente servirá para compartir el contenido de una página, quizás sea el momento de ver cuáles son los datos que este enviará, porque según las plataformas, el botón tomará bien el título de la entrada o no y lo mismo con el resto de datos que se supone que envía automáticamente.

Para homogeneizar esto, no hace mucho, Google, Bing y Yahoo se pusieron de acuerdo para crear un estándar estructurado, con un vocabulario común para marcar datos en páginas web. Este invento se llama schema.org.

Ver la parte de la documentación quizás asusta un poco a los que no entendemos mucho de esto, pero en el fondo, no son mas que etiquetas que se pueden aplicar al contenido de nuestras páginas y que los buscadores interpretaran de una manera determinada.

Estas marcas se pueden programar mediante META o directamente sobre el contenido. Este sería un ejemplo de una sencilla página con tres datos, mediante la segunda opción:

<body itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Shiny Trinket</h1>
<img itemprop="image" src="image-url"></img>
<p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Primero indicamos con itemscope que lo que se encuentra dentro de ese bloque se debe interpretar con el estándar SCHEMA y dentro de este, con itemtype, que se van a usar las keywords de productos (Product). Luego, el título se marca con itemprop="name" (propiedad del objeto=nombre/titulo), la imagen con itemprop="image" y el sumario con itemprop="description".

De esta manera, cuando un robot de algún buscador quiera extractar esta información, sólo tendrá que localizar las correspondientes etiquetas itemprop y enseguida obtendrá los datos que necesita. Lo importante de esto es que esos datos no serán los que él quiera o los que escoja de manera azarosa, sino precisamente los que nosotros hemos querido.

¿Y cómo aplicar esto a Blogger? Pues con dificultad, como siempre, porque aunque se trata de un estándar compartido por Google, lo cierto es que las limitaciones estrictas que nos impone Blogger en cuanto a insertar código en la plantilla, provoca que no se puedan usar de manera óptima etiquetas META para este fin y que la otra opción (etiquetando con itemprop) tampoco funcione 100% bien.

De todas formas algo podemos hacer y aunque de momento no lo podáis ver (ya dije que hay que estar inscrito en el grupo de pruebas y que sólo esos pueden compartir contenido actualmente), creo que no está de más preparar la cosa para cuando todo el mundo tenga acceso.

Este sistema nos sirve igualmente para otros fines y las etiquetas se pueden poner directamente en el contenido de las entradas, pero como más adelante puede que mejore o incluso se automatice el sistema para Blogger, nosotros lo vamos a poner todo en la plantilla para poderlo quitar fácilmente si fuera necesario. Para ello vamos a usar las etiquetas DATA que contienen los datos que a estos fines nos resultan de interés.

Así que buscamos (con Expandir plantillas de artilugios seleccionado) la línea <b:loop values='data:posts' var='post'> y a continuación insertamos todo esto:

Actualización: Hay varios loops idénticos en la plantilla y aunque en realidad sirven todos ellos excepto los que están generados para la versión móvil, a continuación ofrecemos (a petición popular) unas cuantas referencias más, para encontrar el loop más correcto. Es el que está más próximo a alguna o todas estas líneas.
  • <b:includable id='main' var='top'>
  • <!-- posts -->
  • <div class='blog-posts hfeed'>
  • <data:adStart/>


<!-- METADATOS SCHEMA -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemscope='' itemtype='http://schema.org/Blog' style='display:none;visibility:hidden;'>
<span itemprop='name'><data:post.title/></span>
<span><img expr:src='data:post.thumbnailUrl' itemprop='image'/></span>
<span itemprop='description'><data:post.snippet/></span>
</div>
</b:if>

A lo antes explicado sobre el uso de Schema, sólo hemos incorporado un condicional para que los datos los marque sólo cuando estamos en posts individuales y una pequeña trampilla para que Blogger trague con el tag itemscope, que ha consistido en hacerla igual a un contenido nulo.

También hemos escogido el apartado de SCHEMA correspondiente a blogs (http://schema.org/Blog) y en cuanto a las DATA, hemos utilizado las que guardan el título del post (data:post.title), una miniatura cuando hay imagen (data:post.thumbnailUrl) y un pequeño sumario (data:post.snippet). Para que en lugar de sólo el título del post, salga este y también el nombre del blog, podéis usar <data:post.title/> | <data:blog.title/>.

Una vez hecho esto, en este enlace de Webmasters Tools podéis comprobar los datos que los buscadores capturarán para cualquiera de vuestras páginas. Podéis probar con la página inicio y con un post cualquiera, así como ver cómo salen estos metadatos sin y con este código.

Si tenéis otro estándar etiquetando vuestro contenido como por ejemplo Open Graph (usado por ejemplo por Facebook), puede ser innecesario instalar este otro, aunque ambos son compatibles. El botón +1 le da prioridad a los datos de Schema.


miércoles, 21 de septiembre de 2011

Oloblogger

Oloblogger


Anunciado oficialmente el nuevo lightbox para Blogger, así que vamos a quitarlo.

Posted: 20 Sep 2011 07:00 AM PDT

Ayer al fin Blogger hizo el anuncio oficial del nuevo sistema de ventanas modales para imágenes. Salió publicado en Blogger Buzz y me parece muy extraño que sea allí dónde primero se conozca el asunto y sobre todo, que primero se haya instalado y después se haya anunciado.

No es que quiera ver fantasmas dónde no los hay, porque realmente el resultado es (casi) el mismo. Pero el camino normal es anunciar novedades y ponerlas a prueba en Blogger Draft y una vez comprobado que todo funciona bien e incorporado (en ocasiones) las sugerencias de los probadores, se pasa a Blogger "normal" y se anuncia el cambio definitivo simultáneamente.

¿Por qué esta vez se ha hecho así? Pues ni idea, pero además de para sorprendernos, el asunto sólo ha servido para fastidiarnos un poco a algunos que ya teníamos otros sistemas instalados y a los que este nuevo ha provocado unos efectos indeseados debido al solapamiento de capas e imágenes.

Así que creo que en esta ocasión, a alguien se le ha escapado un dedo encima de una tecla y la cosa se ha instalado accidentalmente. Una vez hecho el daño y que tanta gente se ha enterado, pues se anuncia como si la cosa estuviera premeditada y santas pascuas y alegrías.

No me suelo quejar de las cosas que hace Blogger, porque amén de que no me parece bien exigir por una cosa que me regalan, a medio-largo plazo siempre han sido para mejor, pero a poco que hubieran puesto a prueba el lightbox este, seguro que más de uno hubiera comunicado el problema de la duplicidad y, al mismo tiempo, una solución tan efectiva como simple: lightbox ON/OFF. O sea, una opción dentro del menú de configuración que nos permita activar/desactivar las ventanas modales.

Otro detalle es que aunque todo el rato ando hablando de ventana modal, lo cierto es que como ventana que ocupa exactamente el tamaño de la imagen a mostrar, esta está un poco desvirtuada , ya que ocupa el 100% del espacio disponible del navegador y me parece que en sentido estricto no es una ventana, sino un visor de imágenes que sólo se solapa totalmente con el contenido.

Tampoco es que esté mal, pero personalmente me gustan más las ventanas clásicas. Si tú también eres de los míos y quieres conservar tu actual sistema, sea lightwindow, lytebox, lightbox o el que sea, o simplemente quieres ahora instalarte uno que te guste más, no nos queda más remedio que tirar de JavaScript para anular el sistema de Blogger. A continuación los dos sistemas que he visto.

En Blogger Buzz comentan que esta característica no funcionará (no se ejecutará el ligthbox) si se ha personalizado el código HTML de las imágenes para que estas funcionen como hipervínculo (?!). Entiendo que quieren decir como hipervínculo a cualquier otra dirección que no sea la de la imagen original, porque allí es dónde nos llevan siempre los enlaces por defecto que Blogger incluye cuando subimos una imagen a una entrada y por tanto, dónde nos lleva la nueva ventana modal.

En cualquier caso, parece que esto es lo que ha aprovechado Vku de ¿Cómo se hace? para redactar un código que sustituye la dirección por defecto de las imágenes subidas (carpeta s1600), por otra carpeta que nos vale igualmente pero sobre la que no actúa el lightbox, posiblemente por lo comentado anteriormente.

El otro sistema lo vi en Vagabundia y procede del blog en inglés Code from an English Coffee Drinker (curiosamente el post se titula sin pudor "Arreglando errores de Blogger"). Este otro código lo que hace es revisar todas las imágenes y quitar el evento que hace que al pinchar en una imagen se abra la ventana modal.

Cualquiera de los dos códigos sirve para que no funcione el nuevo lightbox, así que podéis elegir el que mejor os vaya.


martes, 20 de septiembre de 2011

Oloblogger

Oloblogger


Compartir con el boton +1

Posted: 19 Sep 2011 08:00 AM PDT

A finales de Agosto Google anuncio una serie de innovaciones para su botón +1. La principal por su trascendencia, es que el botón servirá en breve para enviar contenido directamente a Google+, de la misma manera que ahora lo hacemos con el botón de Twitter o el de Compartir de Facebook.

Actualmente, al pinchar o pasar el puntero por encima del botón, sólo obtenemos información sobre si habíamos hecho +1 y si queríamos deshacer la acción.


La nueva función sólo es visible de momento para los usuarios del grupo de pruebas de la plataforma de Google+, pero en los enlaces anteriores podrás registrarte si es que quieres empezar a usarla. A partir de ese momento, los botones +1 de cualquier sitio web te mostrarán un nuevo cajetín con la leyenda "Compartir en Google+".


Sólo con hacer click en ese recuadro, se incorporarán automáticamente el título del artículo, una miniatura (si existe imagen) y un breve resumen. Más abajo se podrá seleccionar como es habitual, si el enlace lo quieres hacer público o enviar a determinado círculos.


Como veis, salvando el tema de la privacidad del que siempre habla mi colega Pizcos, esta nueva utilidad resulta bastante cómoda para -una vez hecho el login- enviar enlaces a Google+ sin tener que abrir una nueva ventana y sin dejar de navegar por dónde andemos.

La otra ventaja evidente es para los administradores de sitios, ya que por los mismos motivos de antes, cualquier lector puede compartir con facilidad nuestros artículos con un par de clics.


Correo Vaishnava