2010-06-07 15 views
22

En primer lugar, quiero decir que no estaba realmente seguro de dónde publicar esto, pero está muy relacionado con la programación. Si está en el lugar equivocado, me disculpo y, por favor, déjenme saber dónde debo publicarlo.¿Cómo sabe Facebook qué imagen para analizar de un artículo?

Al compartir un artículo en la pared de un amigo, Facebook tomará una miniatura del artículo. ¿Cómo siempre obtienen la miniatura correcta de los artículos?

No captura el elemento img del logotipo de http://www.nytimes.com/2010/06/07/world/asia/07convoys.html?hp por ejemplo, sino que toma el elemento de imagen correcto que corresponde con el artículo.

Estoy buscando hacer algo similar y me preguntaba una buena forma de analizar el html para encontrar la imagen dada en este ejemplo. Gracias.

+0

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

Respuesta

32

En realidad, la forma de Facebook de buscar miniaturas no es tan mágica. Busca un conjunto de etiquetas <meta> y <link> que especifican qué título, descripción e imagen usar.

Si no puede encontrar ninguna de las etiquetas <meta> y <link> que está buscando, básicamente le pide al usuario que elija la etiqueta <img> adecuada.

En el caso del New York Times, se utiliza la siguiente:

<meta name="thumbnail" content="whatever.jpg" /> 

Facebook recomienda utilizar una etiqueta <link> en lugar de la miniatura.

<meta name="title" content="title" /> 
<meta name="description" content="description " /> 
<link rel="image_src" href="thumbnail_image" /> 

Fuente: Facebok Share/Specifying Meta Tags

+0

Correcto, pero por ejemplo encontré un artículo de tomshardware: http://www.tomshardware.com/picturestory/538-computex-2010-booth-babes.html que muestra la miniatura derecha inicialmente, sin la metaetiqueta u otro indicador en la página . – Travis

+1

@Travis: la etiqueta '' está más cerca del fragmento de texto más grande de la página ... O la etiqueta '' ocupa la mayor parte del espacio. Adivina en algunas páginas, pero otras no. –

+0

Muy bien, tiene bastante sentido ahora, gracias por la ayuda de Andrew. – Travis

2

No siempre captan la imagen correcta, aunque hay una buena lógica en su lugar.

En muchos casos, he visto una lista de miniaturas para elegir, lo que significa que el analizador de Facebook las consideró igualmente relevantes.

Supongo que ellos (probablemente entre otras cosas) miran la estructura dom y encuentran imágenes cercanas al contenido que parece "compartible".

ACTUALIZACIÓN:

Después de algunas pruebas empíricas, parece que las dimensiones de imagen juegan un papel muy importante. Las imágenes demasiado pequeñas y demasiado anchas no se consideran miniaturas. Sin embargo, si su logotipo es del tamaño correcto, espere que se muestre como una de las miniaturas. Intente compartir algo en http://www.e24.se por ejemplo.

0

Estos son sólo conjeturas en cuanto que no tengo ningún conocimiento de las operaciones internas de Facebook, pero si yo fuera el análisis sintáctico miniaturas de una página que yo consideraría varias cosas:

  • Tamaño de la imagen, como se ha dicho anteriormente
  • palabras clave relevantes en el href o alt atributos
  • Ubicación de la etiqueta <img> en la página, cuanto más cerca de contenido relevante, mejor, pero no siempre funciona en los diseños complicados
  • Ausencia de palabras clave relacionadas con anuncios en las etiquetas <img> etiqueta o en sus cercanías (DoubleClick viene a la mente)

Además, por lo que yo sé las etiquetas meta de Facebook son bastante nuevo, así que yo creo que el rascador página de enlace todavía está agarrando imágenes de la manera difícil;) Sin embargo, si usted está funcionando un sitio y quiero que Facebook obtenga la información correcta cuando raspa sus páginas. Sugiero implementarlas.

Cuestiones relacionadas