Citation
Labiaga Ferrer, Jaime
(2017).
Diseño e implementación de un sistema de obtención de imágenes de sitios web externos siguiendo el protocolo Open Graph.
Proyecto Fin de Carrera / Trabajo Fin de Grado, E.T.S. de Ingenieros Informáticos (UPM), Madrid, España.
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.