Herramientas de Accesibilidad

Skip to main content

Definir imagen en miniatura en Facebook

Primera alternativa; atributo rel=

Solo tenemos que agregar un atributo a nuestra imagen que deseamos que sea predeterminada el atributo es rel=

Ejemplo:<link href="http://www.tudominio.com/carpeta/imagen.jpg" rel="image_src" />

Con esto facebook obtendrá esta imagen ya que será la única que contenga el rel=”image_src”. En el caso de que existan mas imágenes con este rel, facebook obtiene todas,  mostrando la paginación para seleccionar la miniatura.

Segunda alternativa; mediante protocolo opengraph

Es básicamente colocar tags “meta property”  etiquetas de descripción, como sabemos todas las tags van dentro del <head>aqui</head>
 
Definimos la imagen absoluta:
<meta property="og:image" content="http://www.dominio.com/imagen.jpg"/>
 
Si queremos mejorar esto podemos depurar nuestra página en el debugger de Facebook. Fíjese en colocar el url correcto para tener un análisis. Allí nos dira los errores que tenemos y podemos ir solucionándolos.

Puedes seguir definiendo tu web con estos tags.
<meta property="og:title" content="Turesumen - nombre" />
<meta property="og:url" content="linkPermanente" />
<meta property="og:description" content="descripciondetuweb" />

 
Recuerda tener definido tus metatags en tus paginas web titulo, descripcion, para que facebook lea corectamente cada descripción de tus paginas web

 

| Seo