Cargando...
Menu Ver sumario
¿Te gustó lo que viste?
Recomiéndanos

Post aleatorio






En qué consisten las nuevas suscripciones en Facebook

28/09/2011
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.


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

22/09/2011
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.


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

20/09/2011
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.


Compartir con el boton +1

19/09/2011
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.


Próxima novedad Blogger ¿ventanas modales de serie?

16/09/2011
Ayer Raúl me comentaba por correo que le había aparecido una especie de ventana modal indeseada en sus imágenes y que eso le había estropeado parte del diseño que tenía en su blog Blogger. Estuve haciendo unas pruebas, pero como no pude reproducir el efecto y por otra parte, él tenía un script para un acordeón en las imágenes que formaban su menú principal, finalmente concluimos que tenía que ser algún tipo de fallo de ese script.

Pero hete aquí que hoy Pizcos nos anuncia que Blogger ha incorporado el efecto lightbox a nuestras imágenes y en su blog, sí que funciona.

Total que siguiendo con las pruebas y las consultas, unos tienen ese efecto y otros no, lo cual unido a que no ha existido anuncio oficial alguno, ni en Draft ni en Buzz, me hace pensar que Blogger sólo está experimentando o bien ha tenido un fallo a la hora de instalar cosas dónde no debía hacerlo todavía.
El caso es que la idea es bastante buena, porque como sabéis, siempre ha sido un problema (menor, pero un problema) alojar scripts en esta plataforma. Así que si de serie viene algún sistema de ventanas modales, seguro que será bienvenido para empezar a quitar otros códigos que tuviéramos.

Para los que no sepan qué es una ventana modal, esto es simplemente un sistema mediante el cual, al pinchar en una imagen, la ventana se vuelve generalmente oscura (semi-transparente) y sobre esa capa se muestra la imagen seleccionada ampliada al máximo de su dimensión o a lo que permita la resolución de la ventana. Además, cuando se marcan varias imágenes como parte de la misma colección, la ventana incorpora un sistema de navegación para ir desplazándose por las diversas imágenes.

En el caso de Blogger, lo que de momento se ve es esto...


Como decía, en algunos blogs funciona y en otros no y parece que no depende exclusivamente de si la plantilla es de las del nuevo diseñador o de otras. En mi otro blog -muy modificado- funciona esta nueva ventana modal sin problemas. Pero también es de destacar que si se tiene ya otro sistema implantado, en las imágenes marcadas para ventana modal, ambos sistemas se solapan. En los dos enlaces anteriores podéis ver el funcionamiento, bien y regular, respectivamente. En el regular aparece la ventana de Blogger y por encima la que yo uso (lytebox).

Lo anterior son otras señales de que, de momento, esto es sólo un proyecto y no una realidad. Otra pista la podéis ver en la captura y es que la primera de las miniaturas (que está incluso numerada como tal), aparece siempre gris y no ocurre nada al pinchar en ella (bug).

En fin, que algo bueno saldrá de aquí, pero de momento se trata de una novedad a medias. No descarto que mañana ya no le aparezca a nadie, por lo que si alguien tiene ya otro sistema, recomendaría no anularlo todavía y si se hace, que sea recuperable de manera rápida. Veremos como queda esto.

¡Ah! Y si a alguno le molesta esta ventana modal, como le sucedió a Raúl, sólo tiene que quitar el enlace que "envuelve" la imagen para que no funcione:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/..patatin.jpg" imageanchor="1" style="margin: 0px auto;"><img border="0" src="http://4.bp.blogspot.com/..patatin.jpg" width="600" /></a></div>


Premios Bitácoras 2011. Comienzan las nominaciones.

13/09/2011
Ayer ser presentó la nueva edición de los Premios Bitácoras. Eso quiere decir que volvéis a tener una buena oportunidad de que, cómo mínimo, vuestro blog pueda ser conocido por curiosos que visiten las clasificaciones.

Y por qué no, incluso llegar a ser premiados con una estatuilla conmemorativa y algunos de los regalos previstos para los finalistas: cámaras fotográficas, vídeo-cámaras, impresoras multifunción, escáners, módem USB libre, calculadora-ratón-teclado o incluso hosting gratuito para tu sitio.

Presentar tu nominación es el único esfuerzo que tienes que hacer. Entre el 12 de septiembre y el 1 de noviembre los usuarios registrados votarán sus favoritos (hasta cinco por categoría) y a partir de ahí, un jurado elegirá de entre los finalistas aquellos que a su juicio merecen el galardón. Este es el calendario completo.


Una novedad sobre la metodología es que este año podrás registrarte para votar con tu cuenta de Facebook o de Twitter.

Bueno y si quieres currar un poco más (muy poco más) y animar a tus lectores al voto, también puedes colocar uno de los botones oficiales en los que puedes incluir la dirección de tu blog para que el proceso sea semi-automático.

Votar en los Premios Bitacoras.com

Que tengáis mucha suerte, que un servidor con lo poco que está escribiendo últimamente va a tener que esperar sentado un año más ;)

Suscribirse a: Entradas (Atom)
Recibe por correo las últimas publicaciones.
Teclea tu dirección.


No rights reserved
NINGUN DERECHO RESERVADO
...aunque se agradece un enlace. Si crees que algo aquí vulnera los derechos de otro, mándanos un correo.

El botón que
no hace nada El botón que no hace nada

Ir Arriba