Diseño e implementación de un sistema de obtención de imágenes de sitios web externos siguiendo el protocolo Open Graph

Abstract

Open Graph es un librería que implementa un parseador que se encarga de extraer todas las etiquetas que sigan el protocolo Open Graph (OG) de una página web. Cuando un usuario de una red social comparte una URL, la red social sabe, gracias a las etiquetas OG, qué url, título, descripción e imagen/es debe mostrar en la previsualización. Dichas etiquetas deben seguir el protocolo Open Graph desarrollado por Facebook [1]. Un ejemplo de uso del protocolo OG son las recomendaciones que muestra la página de Facebook de sites externos como Spotify, etc. Pero es usado por muchas páginas web como Google+, LinkedIn y muchas más. En la empresa beBee se quiere integrar en la red social esta funcionalidad. De tal manera que la red social pueda sacar partido a las etiquetas OG que usan actualmente las páginas web. Un vez finalizado el proyecto, será usado por todos los usuarios de la red social, cada vez que se compartan una página web, se mostrará una previsualización de lo que se va a compartir, utilizando los datos de OG, si los hay. El proyecto abarca la implementación de una librería flexible e independiente de acceso público. Por otra parte se implementará también una aplicación web que hará uso de dicha librería dentro de la empresa. De esta forma se usará la librería en un entorno real. La librería pasará a ser una dependencia de la aplicación, y juntas formarán el componente que se usará para seguir el protocolo OG en la red social.---ABSTRACT---Open Graph is a library wich implements a parser that extracts all Open Graph (OG) tags from a given URL. When users of a social network share an URL, the social network knows which url, title, description and image/s have to show searching for the OG tags. These tags should follow the Open Graph protocol developed by Facebook [1]. The Open Graph Protocol is present nowadays in a lot of official web pages like Facebook, Google+, LinkedIn… For instance when Facebook shows Spotify user activity, it is using external images (Spotify property) following Open Graph Protocol. In our company beBee, we want satisfy OG Protocol too, using OG tags of the web pages. When project is done, all users of our social network are going to use it when they share a webpage on the social network. The site will show a previsualization of the shared web site, using the OG tags, if there are any of them. This project is a flexible and independent library. In addition, it will be implemented a web application that will use all library operations integrated with the social network. The library will be a dependency of the web application and together brings the total OG functionality to the social network.