Saltar al contenido

Artículo

16 octubre 2014
Comunidad tecnológicaUX Avanzado

Indicar a Facebook que imagen mostrar cuando se comparte la url - meta tags (og)

Mujer parada de manos en la palabra EVOLVE
En ocasiones compartimos el contenido de nuestra web en redes sociales como Facebook. Cuando lo hacemos queremos que aparezca la imagen principal, el texto de la entrada y el título de la página, pero en ocasiones esto no es así.
 
Para que aparezca el contenido en Facebook que queremos al compartir la URL debemos indicárselo de una forma muy sencilla, mediante el marcado Open Gragh. Son etiquetas que se introducen en la cabecera del html y es la manera más sencilla de introducir información de la página para Facebook.

Captura

 
Así algunas etiquetas son para:
  • Enlaces de páginas web.
  • Vídeos.
  • Fotos que estén en páginas web.
  • Audios.
Esto son los meta tags (og) básicos a poner en el head de nuestras páginas web:
  • og:title: Título del contenido a compartir.
  • og:type: Tipo de contenido. En esta URL tenéis los direntes tipos. (Objetct Types)
  • og:image: Foto que queremos mostrar en Facebook.
  • og:url: URL del post o contenido.
Metas opcionales para complementar con el contenido:
  • og:description: Texto descriptivo de contenido compartido.
  • og:locale: Idioma del contenido, en mi caso “es_ES” –> Lenguaje_Territorio.
  • og:site_name: Nombre de la web de la que compartimos el contenido
Meta tags específicos para imágenes:
  • og:image:url: mismo valor que og:image.
  • og:image:secure_url: Para rutas de imágenes con protocolo HTTPS.
  • og:image:type: Tipo del formato de la imagen, por ejemplo “image/jpeg”.
  • og:image:width: Anchura en pixels de la imagen.
  • og:image:height: Altura en pixels de la imagen.

logo linkedin compartir en Linkedin Contacto

Otros artículos destacados

Ver todos nuestros artículos