Problema de miniatura de URL compartida de Facebook [duplicado]

Question

Esta pregunta ya tiene respuestas aquí.:

Cerrado Hace 8 años.

Posible duplicado:
¿Cómo selecciona Facebook Sharer las imágenes?

Quiere compartir una miniatura cuando el usuario comparte la URL del sitio usando el botón Compartir en el sitio que usa http://www.facebook.com/sharer.php para lograrlo.

El sitio no tiene etiquetas img, todas las imágenes están definidas en CSS.

Agregué metaetiquetas para la imagen:

<meta property="og:image" content="/images/branding/branding-logo.png"/>

y

<link rel="image_src" href="/images/branding/branding-logo.png"/>

pero no funciona :(

Answer 1

Utilice la lista completa de Metaetiquetas de gráfico abierto:

• og:title: el título de la entidad.
• og:type: el tipo de entidad.Debe seleccionar un tipo de la lista de tipos de Open Graph.
• og:image: la URL de una imagen que representa la entidad.Las imágenes deben tener al menos 50 píxeles por 50 píxeles.Las imágenes cuadradas funcionan mejor, pero puedes usar imágenes hasta tres veces más anchas que altas.
• og:url: la URL canónica y permanente de la página que representa la entidad.Cuando usa etiquetas Open Graph, el botón Me gusta publica un enlace a og:url en lugar de la URL en el código del botón Me gusta.
• og:site_name: un nombre legible para su sitio, por ejemplo, "IMDb".
• fb:admins o fb:app_id: una lista separada por comas de los ID de Facebook de los administradores de páginas o un ID de aplicación de la plataforma de Facebook.Como mínimo, incluya solo su propia identificación de Facebook.

¡Utilice también URL absolutas en lugar de relativas!

EDITAR:
Tenga en cuenta que Facebook almacena en caché las páginas web durante períodos específicos, por lo que es posible que no note los cambios de inmediato.Una buena manera de verificar si Facebook realmente acepta o aceptará sus cambios es falsificando un parámetro en su URL.
por ejemplo, si su URL dice: http://example.com/index.php
Agrega algo como: http://example.com/index.php?123 y luego usarlo en el Intercalador de URL. ;-)

EDITAR 2:
Puedes usar directamente Facebook Linter (ahora llamado Depurador), pero tenga en cuenta que algunos datos no puedo en algunos casos se puede cambiar, como se describe aquí:

Edición de metaetiquetas

Puede actualizar los atributos de su página actualizando las etiquetas de su página.Tenga en cuenta que OG: Título y OG: Tipo son solo editables inicialmente: después de que su página recibe 50 como el título se soluciona, y después de que su página recibe 10,000 me gusta, el tipo se fija.Estas propiedades se fijan para evitar a los usuarios sorprendentes a los que ya les ha gustado la página.Cambiar el título o las etiquetas de tipo después de estos límites no hace nada, su página conserva el título original y tipo.

Answer 2

Pega su ULR aquí https://developers.facebook.com/tools/debug/.El depurador de gráficos abiertos de Facebook le dirá exactamente lo que está leyendo desde su página.Y también actualizará la memoria caché de Facebook de su página para que pueda intentar leer imágenes de ella nuevamente.

Answer 3

Como dijo ifaour, debes usar URL absolutas o no se mostrarán.El <link> La etiqueta debería funcionar bien.