{"id":10198,"date":"2023-05-25T18:08:00","date_gmt":"2023-05-25T21:08:00","guid":{"rendered":"https:\/\/simimarketingdigital.com\/es\/?p=10198"},"modified":"2024-02-01T04:52:31","modified_gmt":"2024-02-01T07:52:31","slug":"facebook-no-muestra-imagen-destacada","status":"publish","type":"post","link":"https:\/\/simimarketingdigital.com\/es\/crecer-online\/facebook-no-muestra-imagen-destacada\/","title":{"rendered":"Soluci\u00f3n: Facebook y Twitter no muestran imagen destacada de los enlaces de WordPress"},"content":{"rendered":"\n<p>Acabas de publicar una p\u00e1gina o una entrada en tu sitio web, est\u00e1s muy contento para compartirla en Facebook o Twitter, pero \u00bfla imagen destacada y el titulo no se muestran? Nos ha pasado lo mismo, probamos todas las soluciones hasta encontrar la mejor dentro de una semana. En esta gu\u00eda vas a encontrar diversos factores que hacen que Facebook y Twitter no muestran la imagen destacada de tu p\u00e1gina web hecha con WordPress.<\/p>\n\n\n\n<p>Hacer que se muestre el t\u00edtulo y la imagen destacada de tus enlaces, es algo muy llamativo, por lo tanto, es importante. Los usuarios tienden m\u00e1s a leer un enlace con una imagen destacada.<\/p>\n\n\n\n<p>Vamos a tratar de solucionar el problema en 4 pasos. Si no se soluciona a cada paso, tienes que seguir el paso que sigue. (<strong>A lo mejor ya hayas probado algunos pasos que vamos a dar, pero por favor seguir hasta el fin<\/strong>). Si no te solucion\u00f3, haznos saber en comentarios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-1024x576.png\" alt=\"Soluci\u00f3n: Facebook y Twitter no muestran imagen destacada de los enlaces de WordPress\" class=\"wp-image-10203\" style=\"width:800px;height:auto\" title=\"\" srcset=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-1024x576.png 1024w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-300x169.png 300w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-768x432.png 768w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-1536x864.png 1536w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1er paso: Usar el Facebook Debugger<\/h2>\n\n\n\n<p>Primero que nada, irte a <a href=\"https:\/\/developers.facebook.com\/tools\/debug\" target=\"_blank\" rel=\"noopener\">Facebook Debugger <\/a>para tratar de solucionar el problema de las im\u00e1genes.<\/p>\n\n\n\n<p>\u2192 Al estar en la p\u00e1gina de Facebook Debugger \u2192 Poner el enlace de tu sitio web en el cuadro y dar clic en depurar<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"154\" src=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Depurador-de-contenido-compartido-Facebook-for-Developers-1024x154.png\" alt=\"Soluci\u00f3n: Facebook y Twitter no muestran imagen destacada\" class=\"wp-image-10201\" title=\"\" srcset=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Depurador-de-contenido-compartido-Facebook-for-Developers-1024x154.png 1024w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Depurador-de-contenido-compartido-Facebook-for-Developers-300x45.png 300w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Depurador-de-contenido-compartido-Facebook-for-Developers-768x116.png 768w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Depurador-de-contenido-compartido-Facebook-for-Developers.png 1254w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Al desplazarse abajo, te dir\u00e1:<\/p>\n\n\n\n<p><strong><em>la propiedad inferida: La propiedad &#8220;og:image&#8221; debe proporcionarse de forma expl\u00edcita, incluso si puede deducirse su valor a partir de otras etiquetas.<\/em><\/strong><\/p>\n\n\n\n<p>Puede que te mencione otras cosas tambi\u00e9n.<\/p>\n\n\n\n<p>Hacer clic en VOLVER A EXTRAER y f\u00edjate si ahora la imagen destacada te funciona.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"985\" height=\"536\" src=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Extraer-Depurador-de-contenido-compartido-Facebook-for-Developers.png\" alt=\"\" class=\"wp-image-10202\" title=\"\" srcset=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Extraer-Depurador-de-contenido-compartido-Facebook-for-Developers.png 985w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Extraer-Depurador-de-contenido-compartido-Facebook-for-Developers-300x163.png 300w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Extraer-Depurador-de-contenido-compartido-Facebook-for-Developers-768x418.png 768w\" sizes=\"(max-width: 985px) 100vw, 985px\" \/><\/figure>\n\n\n\n<p>Si no te funciona pasamos al siguiente paso que es instalar y configurar un plugin. Varios plugin pueden hacer lo que voy a configurar a continuaci\u00f3n, pero en este caso yo lo hare con el plugin de Yoast SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Usar Yoast SEO para solucionar el problema de miniaturas incorrectas de Facebook en WordPress: A\u00f1adir metadatos Open Graph<\/h2>\n\n\n\n<p>Si todav\u00eda no tienes instalado el plugin de Yoast SEO, te recomiendo de instalarlo.<\/p>\n\n\n\n<p>En Yoast SEO, hacer clic en Social \u2192 Facebook \u2192 A\u00f1adir metadatos Open Graph \u2192 Si est\u00e1 desactivado, activarlo.<\/p>\n\n\n\n<p><em>**Tambi\u00e9n se puede usar <a href=\"https:\/\/www.lucushost.com\/blog\/rank-math\/\" target=\"_blank\" rel=\"noopener\">RANKMATH<\/a>**<\/em><\/p>\n\n\n\n<p>Mira como proceder en este video a continuaci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Metadatos OpenGraph con Yoast SEO_Soluci\u00f3n del problema de imagen destacada de Facebook en WordPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/UeknPe0PBHo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Una vez termines de hacer este paso, dir\u00edgete de vuelta a Facebook Debugger, poner tu enlace, dar clic en Volver a extraer. Si la imagen destacada no aparece entonces tienes que seguir el paso siguiente<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Anadir una imagen destacada por tu entrada en Vista previa de Facebook con Yoast SEO<\/h2>\n\n\n\n<p>Para poner una imagen destacada en tus entradas o p\u00e1ginas, espec\u00edficamente para Facebook o Twitter. Vamos a seguir usando el plugin Yoast SEO.<\/p>\n\n\n\n<p>Para ello, elige la entrada o pagina que quieres que aparezca a la imagen destacada. Al final encontraras las opciones de Yoast SEO \u2192 Hacer clic en SOCIAL \u2192 En Facebook image, poner la imagen que quieres poner, tambi\u00e9n un t\u00edtulo y descripci\u00f3n. Dar clic en actualizar la p\u00e1gina o entrada.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Anadir una imagen destacada por tu entrada en Vista previa de Facebook con Yoast SEO\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/8_2_VY-89Qg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Volver a usar el Facebook Debugger. Si no te soluciona, te aconsejo de seguir el siguiente paso<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tu plugin de cach\u00e9 puede causar que La publicaci\u00f3n de blog no muestra la imagen destacada en Facebook: Sobre todo Autoptimize<\/h2>\n\n\n\n<p>Esto es el ultimo paso de las soluciones que ten\u00edamos para ti, y fue el que soluciono nuestro problema.<\/p>\n\n\n\n<p>Si estas usando alg\u00fan plugin de cache como autoptimize, te aconsejamos de desinstalarlo y probar dentro de 5 minutos en Facebook Debugger si no te soluciona el problema.<\/p>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1005\" height=\"674\" src=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress.jpg\" alt=\"Problema resuelto: Facebook y Twitter no muestran imagen destacada de los enlaces de WordPress \" class=\"wp-image-10207\" title=\"\" srcset=\"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress.jpg 1005w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-300x201.jpg 300w, https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress-768x515.jpg 768w\" sizes=\"(max-width: 1005px) 100vw, 1005px\" \/><figcaption class=\"wp-element-caption\">Problema resuelto<\/figcaption><\/figure>\n\n\n\n<p>Si te soluciono, GENIAL. Pero te estas preguntando: Que vas a hacer sin el plugin de cache autoptimize. Para remediar a este problema de plugin de cach\u00e9, te sugi\u00e9renos de usar un plugin aun mejor que Autoptimize, lo puedes usar incluso gratis.<\/p>\n\n\n\n<p>Te sorprender\u00e1s como va aumentar el porcentaje de tu sitio web en <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Google Pagespeed insights<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alternativas al plugin Autoptimize Cuando Facebook no est\u00e1 usando la imagen destacada para tu publicaci\u00f3n de WordPress<\/h2>\n\n\n\n<p>Autoptimize es la causa del problema de imagen no mostrada en Facebook y Twitter, pero muchos de nosotros lo dudan. Sin embargo, no causa el problema a todos sitios web de WordPress. Para lidiar a este problema, 3 plugins de cache son m\u00e1s recomendables: <a href=\"https:\/\/es.wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noopener\">Lite Speed Cache,<\/a> <a href=\"https:\/\/nitropack.io\/\" target=\"_blank\" rel=\"noopener\">Nitro pack <\/a>y <a href=\"https:\/\/wp-rocket.me\/es\" target=\"_blank\" rel=\"noopener\">Wp rocket<\/a>.<\/p>\n\n\n\n<p><strong>Leer el art\u00edculo de los MEJORES <a href=\"https:\/\/simimarketingdigital.com\/es\/mejores-alternativas-a-autoptimize\/\">alternativas a Autoptimize<\/a><\/strong><\/p>\n\n\n\n<p>Hosting m\u00e1s recomendado para principiantes, <a href=\"https:\/\/simimarketingdigital.com\/es\/hostgator-mexico\/\"><span style=\"text-decoration: underline;\"><strong>Ver \u00bfpor qu\u00e9?<\/strong><\/span><\/a>\ud83d\udc47<\/p>\n\n\n\n<a href=\"https:\/\/www.hostgator.la\/3439-6-1-1599.html\" target=\"_blank\" rel=\"nofollow noopener\"><img loading=\"lazy\" decoding=\"async\" style=\"border:0px\" src=\"https:\/\/latam-files.hostgator.com\/es\/afiliados\/webhosting\/970x250.png\" width=\"970\" height=\"250\" alt=\"\" title=\"\"><\/a>\n","protected":false},"excerpt":{"rendered":"<p>Facebook y Twitter no muestran la imagen destacada de los enlaces del sitio web de WordPress. Probaste todas soluciones pero en vano? Ac\u00e1 esta lo que te faltaba<\/p>\n","protected":false},"author":1,"featured_media":10203,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"footnotes":""},"categories":[131],"tags":[],"class_list":["post-10198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-crecer-online"],"jetpack_featured_media_url":"https:\/\/simimarketingdigital.com\/es\/wp-content\/uploads\/2021\/03\/Solucion-de-Facebook-y-Twitter-no-muestran-imagen-destacada-de-los-enlaces-de-WordPress.png","_links":{"self":[{"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/posts\/10198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/comments?post=10198"}],"version-history":[{"count":0,"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/posts\/10198\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/media\/10203"}],"wp:attachment":[{"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/media?parent=10198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/categories?post=10198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simimarketingdigital.com\/es\/wp-json\/wp\/v2\/tags?post=10198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}