ver - ¿Cómo puedo configurar una imagen del sitio web que se mostrará como vista previa en Facebook?

vista previa de mi perfil facebook (3)

Cuando comparte un enlace en Facebook, automáticamente encontrará imágenes en el sitio web y elegirá al azar una como vista previa. ¿Cómo se puede influir en la imagen de vista previa? Cuando una persona comparte el enlace del sitio web en su Facebook?

1. Incluya la extensión del espacio de nombres XML de Open Graph en su declaración HTML

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

2. Dentro de su <head></head> utilice la siguiente metaetiqueta para definir la imagen que desea usar

<meta property="og:image" content="fully_qualified_image_url_here" />

Obtenga más información sobre el protocolo de gráfico abierto aquí.

Después de hacer lo anterior, use Facebook "Object Debugger" si la imagen no se muestra correctamente. También tenga en cuenta que la primera vez que se compartió aún no aparecerá a menos que también se especifiquen la altura y el ancho, consulte Compartir en Facebook: la miniatura no se muestra por primera vez.

Si está utilizando Weebly , comience por ver el sitio publicado y haga clic con el botón derecho en la imagen para copiar la dirección de la imagen. Luego, en Weebly, vaya a Editar sitio, Páginas, haga clic en la página que desea usar, Configuración de SEO, debajo de Código de encabezado ingrese el código de la respuesta de Shef:

<meta property="og:image" content="/uploads/..." />

simplemente reemplazando / cargando / ... con la dirección de la imagen copiada. Haga clic en Publicar para aplicar el cambio.

Puede omitir la parte de la respuesta de Shef sobre el espacio de nombres, porque eso ya está establecido por defecto en Weebly.

Tenga en cuenta también que si tiene WordPress, simplemente desplácese hacia abajo hasta la parte inferior de la página web cuando esté en el modo de edición, y seleccione "imagen destacada" (parte inferior derecha de la pantalla).