Facebook sharing debugger

Posiblemente el lector se habrá encontrado en la situación de compartir una página web propia o de un cliente en Facebook y comprobar que no se está visualizando como desearía; algo especialmente frecuente con las imágenes. Cuando esto nos pasa acudimos al gestor de contenidos para realizar los cambios necesarios en nuestra web, entonces la sorpresa llega cuando volvemos a publicar el contenido en Facebook pero seguimos viendo la antigua versión de la publicación. Este problema probablemente es debido a que la red social tiene una caché de las páginas compartidas.

Facebook pone a disposición de los usuarios que están dados de alta como desarrolladores una herramienta de depuración de contenido, Facebook Sharing Debugger. Esta herramienta nos va a servir para que en los servidores de Facebook se refresque el contenido almacenado de nuestra página; para ello, una vez introducida la URL con el contenido a depurar, en la página de resultados simplemente pulsamos sobre “Volver a extraer”:

Facebook sharing debugger

Además esta herramienta también nos proporciona información sobre las propiedades creadas para el Open Graph y un listado de advertencias en el caso de que haya algo que corregir. Si no se está visualizando correctamente el contenido y no sabemos el porqué, en el listado encontraremos la respuesta.

 

Los campos meta que Facebook impone

Facebook imponiendo su criterio en la web (todavía libre):

Resultados de la herramienta Sharing Debugger de Facebook al procesar una URL

Pueden deducirse todos todos los valores de otros meta tags pero no le gustan que no sean estrictamente los suyos. Y no son pocos, aquí sólo unos cuantos:

<meta property="og:type" content="website" />
<meta property="og:title" content="Título de la página" />
<meta property="og:description" content="Descripción de la página" />
<meta property="og:site_name" content="bla bla bla" />
<meta property="og:url" content="http://www.bla.com/lang/bla-bla-bla/bla/" />
<meta property="og:image" content="http://www.bla.com/images/bla/1/bla.jpg" />

Y si no quieres tener problemas con la visualización de la imagen al compartir no te olvides de añadir el height y el width:

<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="47" />

¿Esto es un estándard? ¿De dónde lo han sacado? Por si fuera poco, Twitter usa otros y Google+ también requiere otros. Por un lado tenemos a Facebook intentando imponer su criterio como estándar… ¿De qué me suena esto? Por otro desarrolladores dedicando tiempo (que alguien pagará) implementando estos meta tags. Y por otro se incrementa la cantidad de datos a descargar. Sin duda tienen músculo suficiente para permitirse estas licencias.

Nuevo proyecto ya finalizado: BuscaChico

Acabamos de sacar el sitio BuscaChico. Se trata de un sitio web de contactos, información y noticias de interés para la comunidad gay de Latinoamérica y España. Para su realización VIC Services ha contado y cuenta con colaboradores para tareas como la creación de contenidos de interés para la comunidad o el diseño gráfico. Ésta vez ha sido un proyecto propio, no para otra empresa, como había sido la tónica habitual. En lo que sí hemos seguido nuestra tónica habitual es en poner lo mejor de nosotros mismos.

Consta esencialmente de una parte pública que de momento está compuesto por un blog donde lo usuarios pueden comentar y otra parte más amplia y compleja donde sólo pueden acceder los usuarios registrados donde éstos tienen un perfil, pueden buscar a otros usuarios y comunicarse con ellos. En el futuro iremos ampliando tanto la parte pública como incorporando nuevas funcionalidades en la privada, teniendo en cuenta el feedback que nos proporcionen los usuarios.

Tenemos muchas expectativas e ilusiones puestas en BuscaChico. Vamos a convertirlo en un sitio de referencia para la comunidad y de utilidad para la misma. El software creado para el sitio está preparado para el fuerte crecimiento que esperamos en tránsito y número de usuarios.

En casa del herrero cuchara de palo

Hoy en día la promoción de nuestro sitio en redes sociales puede aportarnos más del 20% del tránsito a nuestra web. La supremacía que hasta hace poco tenían los buscadores o mejor dicho el buscador, Él, Google, se ha ido debilitado a medida que el uso de las redes sociales ha ido en aumento. Tanta es su importancia que Google, después de dos fracasos consecutivos llamados Wave y Buzz, vuelve a intentarlo una vez más con Google+. Si la copia es la mayor adulación, sin duda Google adula a Twitter, Facebook, LinkedIn y demás redes aun a costa de todo lo que ha invertido en su buscador.

Eso sí, yo no recomendaría usar Facebook y/o Twitter como los medios para dar a conocer su negocio en Internet y relacionarse con sus clientes sino como unos medios que se añaden a los buscadores para atraer los clientes a la web de su empresa.

Mientras voy repitiendo una y otra vez esto aquí ha estado mi pobre web sin volverse social. No fue hasta hace unos pocos meses que incorporé el botón de Twitter y hace poquito que le agregamos el botón “+1” de Google. Si se está preguntando dónde está el botón “Me gusta” de Facebook le respondo que lo tengo bajo observación después de ciertas polémicas sobre el botón y la privacidad de los usuarios.

Por cierto, un detalle que me molesta de los botones de Twitter, Facebook y Google+ es que no son XHTML Estrict. En el link de Twitter añaden sus propios atributos como “data-count” o “data-via”. También Google parece que pretenda reinventar el HTML con atributos como “data-annotation” o “data-size”. Por supuesto lo podemos solucionar mediante el empleo de Javascript, pero ya saben: “en casa del herrero… “. A ver cuando encontramos un huequito en la agenda…