significa - Imagen de enlace de publicación de Facebook
que significa vista previa en facebook (12)
¿Es el HTML del sitio válido? Ejecútelo a través del servicio de validación de w3c .
Cuando alguien publica un enlace en Facebook, un script normalmente escanea ese enlace para cualquier imagen y muestra una miniatura rápida junto a la publicación. Sin embargo, para ciertas URL (incluida la mía), FB no parece captar nada, a pesar de ser una cantidad de imágenes en esa página.
Leí que FB prefiere la etiqueta rel "image_src" para la imagen que el usuario desea especificar, pero esto no genera esa miniatura para mi sitio.
Mi URL va directamente al DNS, y no se reenvía, por lo que no creo que ese sea el problema tampoco.
¿Alguien tiene una idea de por qué FB no puede generar miniaturas de mi sitio?
De hecho, si ya trataste de vincular esa página en Facebook ANTES de agregar el enlace "image_src", Facebook seguirá usando la vieja copia en caché y ni siquiera verá los cambios. Intente modificar la URL eliminando o agregando el ''www'', o duplique su página para probarla.
Intenta usar algo como esto:
<link rel="image_src" href="http://yoursite.com/graphics/yourimage.jpg" /link>`
Parece funcionar bien en Firefox siempre que uses una ruta completa a tu imagen.
El problema es que se compensa verticalmente hacia abajo por alguna razón. La imagen es 200 x 200 como se recomienda en algún lugar que he leído.
La forma más fácil es solo una etiqueta de enlace:
<link rel="image_src" href="http://.com/images/logo.gif" />
Pero hay algunas otras cosas que puede agregar a su sitio para que sean más amigables con las redes sociales:
Etiquetas de Open Graph
Las etiquetas Open Graph son etiquetas que agrega al <head> de su sitio web para describir la entidad que representa su página, ya sea una banda, restaurante, blog u otra cosa.
Una etiqueta Open Graph se ve así:
<meta property="og:tag name" content="tag value"/>
Si usa etiquetas Open Graph, se requieren las siguientes seis:
-
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 a 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 se le permite usar imágenes hasta tres veces más grandes que altas. -
og:urlcanó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 laog:urllugar 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:adminsofb:app_id: una lista separada por comas de las ID de Facebook de los administradores de página o una ID de aplicación de plataforma de Facebook. Como mínimo, incluya solo su propia identificación de Facebook.
Se puede encontrar más información sobre las etiquetas Open Graph y detalles sobre la administración de su página en la documentación del protocolo Open Graph.
Me di cuenta de que Facebook no toma miniaturas de los sitios web si comienzan con https, ¿es posible que sea tu caso?
Para cambiar el título, la descripción y la imagen, debemos agregar algunas etiquetas meta bajo la etiqueta de la cabeza.
PASO 1: Agregar metaetiquetas debajo de la etiqueta principal
<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />
SIGUIENTE PASO: Haga clic en el siguiente enlace https://developers.facebook.com/tools/debug
Agregue su URL en el cuadro de texto (por ejemplo, http://www.test.com/ ) donde mencionó las etiquetas. Haga clic en el botón DEBUG.
Está hecho.
Puede verificar aquí https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/
En la URL anterior, u = el enlace de su sitio web
¡DISFRÚTELO!
Sé que esta pregunta es antigua, pero recientemente resolví exactamente el mismo problema y di vueltas durante un par de semanas. Múltiples búsquedas en Google arrojaron mucha información útil, pero la mayor parte se centró en las etiquetas Open Graph, que no estaba interesado en usar. Resulta que mi sitio tenía varios problemas, pero estos son algunos de los conceptos básicos.
Como dijo EightyEight, asegúrese de que su HTML sea válido, y lo mismo aplica para su código javascript y de servidor (PHP, ASP, etc.). Tenía un pequeño error de PHP en un fragmento de código que se estaba ejecutando como una llamada separada al servidor desde la página principal. Debido a una serie de extrañas coincidencias, ese código generaba un error de 500, pero SOLAMENTE para IE6 y motores de análisis estrictos como el validador W3C y el rastreador de páginas de Facebook. El problema no apareció en los navegadores modernos (Chrome 4, FF 3.5, IE 8, etc.), así que no lo vi de inmediato, pero los clientes más antiguos / más estrictos mostraban los 500 cada vez y esa era la razón principal por la que FB wasn no rastrear nuestra página (cuando todo lo demás parecía ser correcto).
Con respecto a la respuesta de Randy, tiene razón en que Facebook guardará una copia vieja en caché de su página mucho después de que la haya actualizado. FB afirma que solo se celebra durante 24 horas, pero experimenté tiempos mucho más largos que eso. Afortunadamente, FB ha lanzado su herramienta "URL Linter" que le mostrará una vista previa de cómo aparecerá su página cuando se comparta en FB, y forzará a FB a actualizar instantáneamente su caché de su página. Esta fue una herramienta para salvar vidas. Puede encontrarlo en http://developers.facebook.com/tools/lint/
Con respecto a la herramienta URL Linter, tenga en cuenta que cada variación de una URL se almacena en caché por separado en Facebook, por lo que "www.example.com" no es lo mismo que "example.com". Además, también se almacena una capitalización única, por lo que "ExampleOne.com" no es lo mismo que "exampleone.com". (Esto condujo a una gran confusión entre mi cliente y yo cuando me pareció que el caché se había actualizado muy bien y el cliente afirmó que no estaban viendo las actualizaciones. Resulta que estaba viendo exampleone.com y había usado Linter para actualizar la memoria caché, pero estaban viendo exampleOne.com que no había enviado a Linter. Como resultado, terminé enviando bastantes variaciones de la URL a Linter solo para cubrir las bases).
El consejo de WyrdNEXUS para usar la etiqueta de enlace image_src es puntual. Esto le permite estar seguro de que FB esté raspando la mejor imagen posible para su página. Existen algunas pautas diferentes sobre las especificaciones que debe tener el archivo de imagen, pero he utilizado con éxito una imagen cuadrada de 128 píxeles y también he visto una imagen de 130x97. Aquí está la documentación oficial de Facebook de http://developers.facebook.com/docs/reference/plugins/like/ :
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.
Obviamente, FB cambiará el tamaño de una imagen grande para usted, pero casi siempre obtendrá mejores resultados si la cambia de tamaño usted mismo de antemano.
Con respecto al enlace de Mike Cooper con el artículo de eHow, evite usar el paso # 1 en ese artículo. Fue un consejo válido cuando se escribió el artículo y cuando Mike publicó el enlace, pero ahora es mejor usar la herramienta URL Linter para obtener una vista previa de cómo aparecerá su página cuando se comparta. Al usar Linter, no hará que FB almacene en caché una copia (potencialmente) incorrecta de la página antes de que tenga la oportunidad de modificarla.
Si usó cualquier complemento para seo, verifique primero la configuración de su plugin de seo. Luego, descubra la configuración de Noindex si Habilite medios para Noindex y desactívelo.
Una vieja pregunta, pero recientemente me parecía estar teniendo el mismo problema con las imágenes en miniatura de mi enlace que no se muestran en las actualizaciones de estado en Facebook. Publico para muchos clientes y esto es relativamente nuevo.
A FB ya no le gustan las URL largas; si usa un acortador de URL como goo.gl o bitly.com, la miniatura de su enlace / publicación aparecerá en su actualización de FB.
Use el Facebook lintter disponible aquí. http://developers.facebook.com/tools/lint/
Esto verificará su enlace y recuperará cualquier imagen. esto también borra cualquier caché anterior.
O prueba esto - https://developers.facebook.com/tools/debug
tuvo el mismo problema y descubrió que mi etiqueta de cierre de la cabeza estaba en el lugar equivocado