it-swarm-es.com

¿Cómo puedo configurar una imagen de sitio web que se vea como Vista previa en Facebook?

Cuando compartes un enlace en Facebook, automáticamente encontrará imágenes en el sitio web y las selecciona aleatoriamente como una vista previa. ¿Cómo puedes influir en la imagen de vista previa? Cuando una persona comparte el enlace del sitio web en su facebook?

143
Mark

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> use la siguiente etiqueta meta para definir la imagen que desea usar

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

Lea más acerca de protocolo de gráfico abierto aquí.

Después dehaciendo lo anterior, use "Depurador de objetos" de Facebook si la imagen no se muestra correctamente. Tenga en cuenta que la primera vez que la compartió, todavía no se ganó. t se muestra a menos que también se especifique la altura y el ancho, vea Compartir en Facebook - La miniatura no se muestra por primera vez

222
Shef

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

4
davea0511

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 SEO, en 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 ya está establecida de forma predeterminada en Weebly.

1
krubo