- \n
- C\u00f3mo Facebook encuentra im\u00e1genes destacadas en tus publicaciones<\/li>\n
- C\u00f3mo implementar correctamente el soporte de miniaturas de Facebook<\/li>\n
- C\u00f3mo depurar miniaturas de Facebook cuando no funcionan.<\/li>\n<\/ul>\n
\u00bfC\u00f3mo sabe Facebook qu\u00e9 imagen usar?<\/h2>\n
Facebook usa algo llamado protocolo Open Graph. En resumen, es una forma estandarizada de agregar informaci\u00f3n a su p\u00e1gina sobre su p\u00e1gina.<\/p>\n
Por ejemplo, los elementos de Open Graph en su p\u00e1gina pueden decirle a Facebook cu\u00e1l es el t\u00edtulo, la URL y la imagen que se debe mostrar cuando se comparte en Facebook. As\u00ed es como se ven las etiquetas Open Graph en una publicaci\u00f3n de blog reciente sobre Compete Themes:<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449d5c74a.png\")
<\/a><\/p>\nPuedes ver todas las etiquetas de Open Graph que comienzan con "og:". Mira esa etiqueta "og: image" en particular. As\u00ed es precisamente como le dices a Facebook qu\u00e9 imagen usar como miniatura cuando se comparte la p\u00e1gina.<\/p>\n
Entonces, todo lo que necesita es una forma de agregar una etiqueta de imagen de Open Graph a sus publicaciones que usar\u00e1 autom\u00e1ticamente su Imagen destacada.<\/p>\n
No se preocupe, no es necesario que escriba ning\u00fan c\u00f3digo. Solo necesitas el complemento adecuado.<\/p>\n
Hay dos complementos que funcionan muy bien para agregar etiquetas Open Graph. De hecho, es posible que ya tenga uno de ellos instalado.<\/p>\n
Agregar Open Graph con Yoast SEO<\/h3>\n
\u00bfEst\u00e1 utilizando el complemento Yoast SEO<\/a>? Si es as\u00ed, ya tienes todo lo que necesitas.<\/p>\n
En el men\u00fa de Yoast SEO, ver\u00e1 el men\u00fa de configuraci\u00f3n social que se enumera aqu\u00ed:<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449ff2da7.png\")
<\/a><\/p>\nVisite la configuraci\u00f3n social y luego haga clic en la pesta\u00f1a de Facebook.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a270d66.png\")
<\/a><\/p>\nFinalmente, ver\u00e1 la opci\u00f3n para habilitar los metadatos de Open Graph. Aseg\u00farese de que est\u00e9 activado a activado si a\u00fan no lo est\u00e1.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a50fcca.png\")
<\/a><\/p>\nEso es todo lo que necesita hacer para agregar las etiquetas de Open Graph que Facebook necesita.<\/p>\n
Ahora, cada vez que comparta una publicaci\u00f3n en Facebook, la imagen destacada que configur\u00f3 para la publicaci\u00f3n se utilizar\u00e1 autom\u00e1ticamente.<\/p>\n
Aprenda a agregar im\u00e1genes destacadas con Challenger<\/a><\/p>\n
En la captura de pantalla anterior, puede ver que Yoast tambi\u00e9n ofrece una opci\u00f3n para configurar la imagen, el t\u00edtulo y la descripci\u00f3n que desea utilizar para su p\u00e1gina de inicio. Adem\u00e1s, hay una imagen alternativa que puede usar para cualquier publicaci\u00f3n \/ p\u00e1gina que no tenga una imagen destacada.<\/p>\n
Si desea que Facebook muestre las im\u00e1genes de sus publicaciones, pero no desea instalar Yoast SEO, utilice los siguientes pasos en su lugar.<\/p>\n
Agregar Open Graph con Thumb Fixer para Facebook<\/h3>\n
Si no desea utilizar Yoast SEO, puede instalar el complemento Facebook Thumb Fixer<\/a>.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a7dc40b.png\")
<\/a><\/p>\nThumb Fixer para Facebook agrega metadatos de Open Graph a sus publicaciones y p\u00e1ginas autom\u00e1ticamente. Al igual que con Yoast SEO, las im\u00e1genes destacadas se utilizar\u00e1n como miniaturas en Facebook.<\/p>\n
Incluso puede establecer una imagen predeterminada para Facebook que es \u00fatil para cualquier publicaci\u00f3n que no tenga una imagen destacada.<\/p>\n
Aqu\u00ed est\u00e1n las configuraciones que este complemento agrega a su men\u00fa Configuraci\u00f3n general.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aaa65d1.png\")
<\/a><\/p>\nNo necesita establecer ninguna de estas configuraciones, pero pueden ayudar a optimizar a\u00fan m\u00e1s su sitio para la plataforma social.<\/p>\n
\u00a1Facebook no muestra una miniatura!<\/h2>\n
\u00bfAgreg\u00f3 uno de los complementos recomendados anteriormente?<\/p>\n
\u00bfSiguen sin aparecer las miniaturas?<\/p>\n
Hay dos pasos que puede seguir para solucionar este problema.<\/p>\n
Limpia la cach\u00e9 de tu sitio<\/h3>\n
Si usa un complemento de almacenamiento en cach\u00e9 como WP Rocket<\/a>, es posible que las etiquetas de Open Graph a\u00fan no aparezcan en sus p\u00e1ginas.<\/p>\n
Para comprobar si se han agregado las etiquetas, visite cualquier publicaci\u00f3n en su sitio. Haga clic con el bot\u00f3n derecho y seleccione la opci\u00f3n Ver c\u00f3digo fuente de la p\u00e1gina.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44acb40b2.png\")
<\/a><\/p>\nLuego use cmd + f (ctrl + f) para buscar en la fuente de la p\u00e1gina el siguiente texto: og: image.<\/p>\n
Deber\u00eda ver resultados como los siguientes:<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aec72f9.png\")
<\/a><\/p>\nSi no encuentra las etiquetas, significa que est\u00e1 viendo una versi\u00f3n en cach\u00e9 de la p\u00e1gina. Utilice su complemento de almacenamiento en cach\u00e9 para vaciar el cach\u00e9 y volver a cargar la p\u00e1gina. A continuaci\u00f3n, deber\u00eda ver los metadatos de Open Graph en el c\u00f3digo fuente.<\/p>\n
\u00bfFacebook todav\u00eda no usa la imagen?<\/h3>\n
Ha borrado el cach\u00e9 y ve las etiquetas OG en la fuente.<\/p>\n
\u00bfQu\u00e9 pasa si Facebook a\u00fan no muestra la imagen cuando comparte su publicaci\u00f3n?<\/p>\n
Esto significa que Facebook est\u00e1 usando una copia de la publicaci\u00f3n de su cach\u00e9 antes de que agregaras las etiquetas de Open Graph.<\/p>\n
Visite el depurador de Facebook<\/a> (necesitar\u00e1 una cuenta de FB para acceder). Ingrese su URL y haga clic en el bot\u00f3n Depurar. Una vez que se vuelva a cargar la p\u00e1gina, haga clic en el bot\u00f3n "Obtener nueva informaci\u00f3n de scrape".<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44b0df1d9.png\")
<\/a><\/p>\nUna vez que obtenga nueva informaci\u00f3n de scrape, Facebook reemplazar\u00e1 su versi\u00f3n en cach\u00e9 con un nuevo scrape de la p\u00e1gina que contiene los datos de Open Graph reci\u00e9n agregados.<\/p>\n
Si se desplaza hacia abajo en la p\u00e1gina del depurador, ver\u00e1 la tabla con informaci\u00f3n sobre su p\u00e1gina, incluida la imagen en miniatura deseada. Intente compartir su publicaci\u00f3n en Facebook nuevamente y deber\u00eda ver la imagen que se muestra.<\/p>\n
Ese truco soluciona el problema el 99% de las veces, as\u00ed que aseg\u00farate de tenerlo en cuenta cuando FB no muestra tu imagen correctamente.<\/p>\n
M\u00e1s optimizaciones de Facebook<\/h3>\n
Adem\u00e1s de optimizar su sitio con etiquetas Open Graph, tambi\u00e9n debe optimizar su p\u00e1gina de Facebook. Por ejemplo, obtener el tama\u00f1o perfecto de la imagen de portada de Facebook<\/a> puede ayudar con la marca y el compromiso. Haga de esta su pr\u00f3xima tarea pendiente despu\u00e9s de agregar etiquetas Open Graphs a su sitio.<\/p>\n
Y si desea que m\u00e1s personas publiquen su contenido en Facebook, considere agregar botones<\/a> para compartir<\/a> en redes sociales<\/a> a todas sus publicaciones de WordPress.<\/p>\n
Conclusi\u00f3n<\/h2>\n
Lograr que Facebook use sus im\u00e1genes destacadas en las miniaturas no tiene por qu\u00e9 ser una molestia. De hecho, es posible que ya tenga instalado un complemento para agregar el soporte necesario.<\/p>\n
La pr\u00f3xima vez que tenga un problema con las im\u00e1genes en miniatura de Facebook, no olvide borrar la memoria cach\u00e9 de su sitio y usar el depurador de Facebook y volver a raspar la p\u00e1gina para obtener una nueva miniatura.<\/p>\n
\u00bfTiene alguna pregunta sobre c\u00f3mo mostrar miniaturas de Facebook de sus publicaciones de WordPress? Deja un comentario a continuaci\u00f3n.<\/p>\n