2011-02-11 22 views
14

Duplicar posible:
How does Facebook Sharer select Images?Facebook compartir url problema miniatura

¿Quieres tener participación en miniatura cuando url usuario comparte sitio con botón de compartir en el sitio que utiliza http://www.facebook.com/sharer.php para lograr eso.

dosis sitio no tiene etiquetas img, todas las imágenes se define en el css.

añadí etiquetas meta para una imagen:

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

y

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

pero que no funciona :(

Respuesta

20

Use la lista completa de los Open Graph Meta Tags:

  • og : título - El título de th e entidad.
  • og: tipo - 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 a la entidad. Las imágenes deben tener al menos 50 píxeles por 50 píxeles. Las imágenes cuadradas funcionan mejor, pero se le permite usar imágenes hasta tres veces más grandes que altas.
  • og: url - URL canónica y permanente de la página que representa a la entidad. Cuando utiliza etiquetas de Open Graph, el botón Me gusta publica un enlace a la url: url en lugar de la URL en el código del botón Me gusta.
  • og: nombre_del_sitio - Un nombre legible por humanos para su sitio, por ejemplo, "IMDb".
  • fb: administradores o fb: APP_ID - Una lista separada por comas de ya sea el Facebook IDs de administradores de página o un ID de aplicación de la plataforma Facebook. Como mínimo, incluya solo su propia identificación de Facebook.

También utilice direcciones URL absolutas en lugar de relativo!

EDIT:
Tenga en cuenta que Facebook almacena en caché las páginas web para períodos específicos por lo que no puede notar los cambios de inmediato. Una buena manera de verificar si Facebook es/tomará realmente sus cambios es falsificando un parámetro en su URL.
por ejemplo si su URL dice: http://example.com/index.php
Agregue algo como: http://example.com/index.php?123 y luego úselo en el URL Linter.;-)

EDIT 2:
Usted podría utilizar directamente el Facebook Linter (ahora llamada Debugger), pero tenga en cuenta que algunos datos no puede puede cambiar en algunos casos, describen here:

Edición Meta Tags

puede actualizar los atributos de la página mediante la actualización de su página de etiquetas. Tenga en cuenta que og: title y og: type solo son editables inicialmente: una vez que su página recibe 50 Me gusta, el título se vuelve fijo, y después de que su página reciba 10,000 Me gusta, el tipo se vuelve fijo. Estas propiedades se corrigieron para evitar sorprender a los usuarios que ya les han gustado la página . Cambiar el título o escribir etiquetas después de alcanzar estos límites no hace nada, su página conserva el título original y el tipo .

+0

Intenté con la URL absoluta, no funcionó :( – MatejB

+2

Sí, el problema fue el almacenamiento en caché :) – MatejB

0

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

6

Pegue su ulr aquí https://developers.facebook.com/tools/debug/. El Facebook Open Graph Debugger le dirá exactamente lo que está leyendo desde su página. Y también actualizará el caché de Facebook de su página para que pueda tratar de leer las imágenes de nuevo.

+0

ya no está disponible – Tachyons

+0

Se llama Open Graph Debugger ahora: https://developers.facebook.com/tools/debug/ –

+1

Gracias por la actualización – Tachyons

Cuestiones relacionadas