19

Etiquetas og: de Facebook

May 14, 2012

Publicidad / Advertisement

¿Para qué sirven las meta-etiquetas og: de Facebook? :

Muchos habreis publicado o compartido artículos , videos o contenidos de otros tipo en el muro de Facebook, simplemente copiando la URL en la caja de estado de Facebook, o mñas fácil aún, pulsando el botón compartir de Facebook.

 

A continuación habreis observado que Facebook interpreta automáticamente cierta información de la ruta , como imágenes, título y descripción. ¿Por qué muestra esta foto y ese contenido y no otro?  . En principio, se muestra lo que se considere relevante y aparezca en los metatags de la página.  Pero si queremos tener el control total de la información publicada, para eso hay que usar las etiquetas og: que Facebook definidas en la página de desarrolladores de Facebook.

Para programar esto,  simplemente hay que escribir en las cabeceras (dentro de la etiqueta HTML <head>) las siguientes propiedades en etiquetas <meta>:

 

Simplificando, un ejemplo de etiquetas og: para página web sería:

<meta property=”og:title” content=”YOUR TITLE HERE” />

<meta property=”og:description” content=”YOUR DESCRIPTION HERE” />

<meta property=”og:image” content=”YOUR THUMBNAIL URL HERE” />

Para profundizar más sobre otras etiquetas consulta esta documentación en http://developers.facebook.com/docs/opengraph/objects/builtin/

 

Publicidad / Advertisement

 

Topics: Desarrollo web, Facebook | No Comments »

Comments