¿Cómo puedo activar el nuevo diseño al compartir enlaces en Facebook?

Oscar254 · 6 May 2015

Ya lleva un tiempo que e notado este tipo de diseño en los enlaces de algunas webs (mayormente los de test), y pues mi pregunta es si ¿alguien sabes como activarlo? o que se debe de hacer para conseguir esos resultados, aquí les dejo el diseño espero me puedan ayudar, saludos :encouragement:

tonydalys · 7 May 2015

no entendí... es enlace?

Oscar254 · 7 May 2015

Así es puedes verlo aquí: https://www.facebook.com/GokuParaPresidenteOficial/posts/489622884521677

Me refería que en vez de este diseño común al compartir enlaces de otras webs en facebook así:

En viraltests aparece así(con el nombre de la pagina web encima de la imagen y con un icono de entrada en la parte inferior derecha):

Pues mi pregunta era si ¿existe algún código que se tiene que agregar a la web para que los enlaces compartidos en facebook tomen el diseño como los de viraltests?

felipe53 · 7 May 2015

Se hace con OpenGraph en las etiquetas Meta de tu html (metatags)

<meta property='og:locale' content='es_ES'/>
<meta property='og:type' content='website'/>
<meta property='og:title' content='Titulo del Sitio web'/>
<meta property='og:description' content='Descripcion del sitio web, articulo, pagina'/>
<meta property='og:url' content='URL del sitio web'/>
<meta property='og:site_name' content='Nombre del sitio web'/>
<meta property="og:image" content="Imagen_del_articulo_pagina.jpg">

Ese es mas o menos el codigo, cuando tenga tiempo subire un tutorial 🙂 por ahora, si no entendiste googlea, saludos!

Kakkonen · 7 May 2015

las imagenes no cuadram porque se publica como anuncio en donde aparece el me gusta esta pagina, pero la imagen que muestras no lleva a un anuncio, esta raro

ramifenili · 7 May 2015

felipe53 dijo:
Se hace con OpenGraph en las etiquetas Meta de tu html (metatags)

<meta property='og:locale' content='es_ES'/>
<meta property='og:type' content='website'/>
<meta property='og:title' content='Titulo del Sitio web'/>
<meta property='og:description' content='Descripcion del sitio web, articulo, pagina'/>
<meta property='og:url' content='URL del sitio web'/>
<meta property='og:site_name' content='Nombre del sitio web'/>
<meta property="og:image" content="Imagen_del_articulo_pagina.jpg">

Ese es mas o menos el codigo, cuando tenga tiempo subire un tutorial 🙂 por ahora, si no entendiste googlea, saludos!

Yo lo tengo así configurado en mi sitio pero al compartir no se muestra así.

Nomak · 7 May 2015

Buena data con esto, podes ver tambien el graph de facebook, ahi podes testear todo creo

Oscar254 · 8 May 2015

he notado este nuevo diseño en algunas paginas mas, pero nada en internet como configurarlo :ambivalence:

¿Cómo puedo activar el nuevo diseño al compartir enlaces en Facebook?

Oscar254

tonydalys

Oscar254

felipe53

Kakkonen

ramifenili

Nomak

Oscar254

Temas similares