In Diseño, Programación

Muchas veces cuando vamos a compartir un link de nuestra página web en Facebook. Vemos como facebook te da a elegir varias imágages de las que están insertadas en la página. Lo que pasas es que Facebook no sabe como distinguir que imagen tiene más importancia en la web o en el post que estamos compartiendo.

Bien, pues hoy vamos a ver como crear e insertar en el código de nuestra web, una imagen que nosotros queramos que Facebook muestre en el link compartido en esta red social.

Lo primero antes de nada es crearnos una imagen .jpg, de 237 píxeles de alto por 237 píxeles de ancho y la llamas «preview.jpg». Puedes ser tal que así:
preview

Después la subimos a la carpeta raiz de nuestro servidor donde tengamos alojada nuestra página web.

Ahora solo nos falta decirle a Facebook donde «pillar» esta imagen como preview. Bien, pues insertamos en el código de nuestra web entre las etiquetas <head> y </head>

<meta property=»og:image» content=»https://www.nutecoweb.com/preview.jpg»>

A partir de ahora cada vez que compartais vuestra web en Facebook aparecerá como imagen ésta ultima que habeis insertado.
face2