2012-06-02 7 views
35

Facebook a veces hace esto realmente bueno, ya que muestran una vista previa en miniatura de un sitio web al que se vincula en una actualización de estado ... generalmente es el logotipo del sitio web.¿Cómo hago que Facebook muestre el logotipo de mi sitio cuando pego el enlace en una publicación/estado/comentario?

fb status

Me pregunto lo que el truco es conseguir que esto funcione para mi sitio, por lo que si tuviera que compartir "http://www.mysite.com/", me gustaría ver el logo/favicon de mi sitio en ese cuadro de vista previa. ¿Cómo haría esto?

+0

posible duplicado de [¿Cómo selecciona Facebook Sharer Images?] (Http://stackoverflow.com/questions/1138460/how-does-facebook-sharer-select-images) –

Respuesta

72

probar su sitio en esta herramienta facebook depurador.

http://developers.facebook.com/tools/debug

Se le dirá lo que es missing.Eg. a continuación en la cabecera de la página

<meta property="og:image" content="[url to image]" /> 
<meta property="og:title" content="[page name]" /> 
<meta property="og:description" content="[content description]" /> 

Existen diferentes formas de crear su sitio. P.ej. This El complemento de Wordpress crea un enlace para cada imagen en la página para que pueda elegir entre su logotipo y cualquier otra imagen de la publicación en la página.

Actualización 2017: ahora se recomienda register a Facebook App ID para su sitio, de lo contrario, el depurador le dará un error. More tags and info

+0

¡Salvó el día con esta depuración! En mi caso mi og: tipo no fue el primero, entonces Facebook no lo reconoce. –

+0

He hecho esto y sigo recibiendo este mensaje de error: "og: la imagen no se definió, no se pudo descargar o no era lo suficientemente grande. Defina una imagen elegida con la metaetiqueta og: image y use una imagen que sea al menos 200x200px y es accesible desde Facebook. En su lugar, se usará la imagen 'http://www.oceanview335.com/Pictures/2015%20DDGMs.png'. – CigarDoug

+0

¡Gracias por esto! :-) –

4

Usted puede poner esto en fuente de la página:

<link rel="image_src" href="http://somesite.org/img/title.jpg" />

Cuestiones relacionadas