Tengo un blog con algunas publicaciones, y cada publicación tiene un botón de me gusta de Facebook incrustado . Al presionar el botón se abre un cuadro de diálogo para que mis visitantes puedan compartir la publicación en Facebook con un comentario.
Sin embargo, al compartir, la imagen seleccionada por Facebook es un ícono de correo genérico y no la miniatura de la publicación.
¿Cómo puedo controlar la imagen que se usa al compartir?
Respuestas:
La imagen que se usa para compartir se toma de un fragmento de código en el encabezado de su sitio que se verá así:
Por lo general, se vincula a la captura de pantalla de su sitio en el tema. Si eliminó el código del encabezado del archivo y en single.php, póngalo dentro del bucle y llame a la imagen en miniatura de su publicación en el elemento href, creo que funcionaría. Entonces se vería algo así como:
Esto significaría que si tiene botones Me gusta en las páginas que enumeran varias publicaciones, probablemente no tendrá una imagen. Si incluyó algún código condicional que lo eliminó solo en single.php, tendría la imagen normal en cualquier página con múltiples publicaciones y un botón Me gusta y la miniatura de la publicación cuando se utiliza la plantilla single.php. Entonces el código del encabezado sería:
Entonces todavía usarías el código para incluir la miniatura de la publicación en single.php.
fuente
Facebook ahora usa el protocolo opengraph. Puedes agregar imágenes usando:
Agregue esta línea al encabezado de su página.
Alternativamente, puede usar mi complemento para hacer esto automáticamente.
Simplemente hace este trabajo y no se necesitan configuraciones.
http://shailan.com/wordpress/plugins/facebook-meta-tags-plugin/
fuente
Debe usar el Protocolo de gráfico abierto de Facebook. No estoy seguro de por qué la respuesta aceptada no es una de las muchas OG: respuestas relacionadas (que he votado) pero está equivocada.
http://developers.facebook.com/docs/opengraph/
Puede personalizar muchas cosas, incluyendo título, imagen, descripción, categoría, última actualización, etc., si usa Open Graph. Si usa estas otras medias soluciones, le falta toda la imagen.
Si no seguía el Protocolo OG para todo el trabajo de FB que hago, me despedirían.
fuente
Si haces lo siguiente:
Verá que Wordpress genera el html requerido para mostrar la imagen, no solo el SRC, que es lo que realmente desea.
Haciendo algo como:
solo te da la URL. Probablemente sea el camino largo y probablemente pueda acortarse, pero definitivamente soluciona el problema.
Espero que esto te ponga en el camino correcto.
Mate.
fuente
Asegúrese de alinear su URL aquí si la imagen especificada no aparece correctamente:
http://developers.facebook.com/tools/lint/
fuente
Si desea utilizar la primera imagen de su publicación como miniatura con una copia de respaldo de algo como su logotipo, pruebe mi complemento: http://wordpress.org/extend/plugins/facebook-like-thumbnail/ Explicación para agregar el la imagen del logotipo de respaldo está en http://blog.ashfame.com/?p=888
fuente
Este método funciona para "me gusta": s, pero más adelante si desea compartir un enlace en su registro (por ejemplo), esta imagen se selecciona automáticamente.
Sin esta metaetiqueta, puede seleccionar entre todas las imágenes del sitio vinculado.
¿Alguien sabe alguna forma de mantener la imagen "me gusta" estática pero aún así te hace elegir una imagen al compartir una URL?
fuente
OK, escribí un poco de javascript para completar el Meta og: imagen con la imagen destacada de mi elección. Es un hack de una sola vez que agrega a su archivo de encabezado.
En mi publicación de WordPress, agrego la identificación "imagen destacada" (sé que con WordPress posterior está integrado, estoy en una antigua).
Escribo una metaetiqueta para la imagen og: con un marcador de posición, como el registro de mi blog. Agregue "id =" metaimagen "a la etiqueta, es decir
Luego agregue este javascript en el encabezado:
fuente
wp_enqueue_script()
para cargar Javascript en WordPress.