Todo sitio web en estos tiempos ya se deben desarrollar pensando que se podra compartir en redes sociales y en este articulo hablare de open graph que son tag que debes tener en cuenta para poder tener un buen articulo compartido en facebook.
< meta name="Author" content="Luis Rodriguez" /> < meta content="Luis Rodriguez" property="og:title"> < meta content="website" property="og:type"> < meta content="http://luisrodriguez.pe" property="og:url"> < meta content="http://luisrodriguez.pe/images/luis-rodriguez.png" property="og:image"> < meta content="Luis Rodriguez" property="og:site_name"> < meta content="Portafolio Luis Rodriguez - Freelance WebDeveloper / Desarrollador web / Freelance Web Developer / Diseño Web / Front end / Back end / Programador PHP" property="og:description"> |
estos tag deben ir en el head de tu html lo descrivo brevemente pero si deseas mas informacion lo puedes ver directamente desde la pagina para desarrolladores de facebook
Tag | Descripción |
og:url | Es la url que llevara el post al compartir la pagina web |
og:type | Para saber que tipo de aplicación es. |
og:title | Table |
og:image | Titulo al compartir |
og:description | Descripcion corta |
og:site_name | Nombre del sitio |
Aqui pueden ver el resultado de los tag que coloque en la parte superior.
una recomendacion es que cuando configuras tus tag en tu html puedes subirlo y probarlo en el debug de facebook para saber como va quedando o que vas a modificar y debes tener en cuanta que cuando lo pruebas 1 vez ya se cachea en facebook pero la herramienta tiene un boton para eliminar ese cache.
este corto articulo espero que pueda ayudar a tus desarrollos.