Tag para compartir en facebook

PIN
Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

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.

Screenshot_3

< 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.

Screenshot_1

 

 

 

 

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.

Screenshot_2

 

 

 

este corto articulo espero que pueda ayudar a tus desarrollos.

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Hi, I'm luis rodriguez

Hola, Soy Luis Rodriguez, radico en Lima – Perú, formado en una carrera informática, desempeñando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi interés en la Analítica Web me ayudó mucho entender el funcionamiento interno de las herramientas de analítica, con las que vengo trabajo activamente desde 2017. Linkedin

http://luisrodriguez.pe

Leave Your Comments