Utiliza Open Graph protocol para gestionar tu web en Facebook

/ / Programacion

A medida que el proyecto de esfinde va tomando forma, estoy investigando distintas áreas que se escapan de mi trabajo diario, para aprender un poquito el funcionamiento (a nivel técnico) de como sincronizar los contenidos de nuestra página web con otros portales, y realizar una correcta sindicación de los mismos.

En esta ocasión quería ver como puedo hacer para que Facebook recoja la información de forma correcta cuando alguien comparte un enlace, y tras buscar un poco por la red, he descubierto el protocolo Open Graph, que se encarga de categorizar nuestra página web, seleccionar una imagen destacada, decidir cual es el título, descripción, URL canónica, …. y un montón de cosas más.

A medida que vaya avanzando sobre este tema os iré explicando lo que estoy descubriendo, pero por el momento os dejo una muestra del código “estandard” para que, si os encontráis algo por el estilo en una página web, sepais reconocerlo y entender sus funcionalidades.

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
  </head>
</html>

Deja un comentario

Un comentario