{"id":6722,"date":"2014-04-21T10:42:53","date_gmt":"2014-04-21T08:42:53","guid":{"rendered":"http:\/\/www.host-fusion.com\/blog\/?p=6722"},"modified":"2020-02-16T12:45:03","modified_gmt":"2020-02-16T11:45:03","slug":"como-definir-la-imagen-de-facebook-desde-wordpress","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2014\/04\/21\/como-definir-la-imagen-de-facebook-desde-wordpress\/","title":{"rendered":"Como definir la imagen de Facebook desde WordPress"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone wp-image-6723\" src=\"http:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-09.30.36.png\" alt=\"Facebook\" width=\"570\" height=\"159\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-09.30.36.png 1025w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-09.30.36-300x83.png 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-09.30.36-1024x285.png 1024w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><\/p>\n<p>Cuando compartimos nuestros contenidos de <strong>WordPress<\/strong> en <strong>Facebook<\/strong> tambi\u00e9n se comparten las im\u00e1genes, normalmente y por defecto si no tenemos definida la imagen a compartir se muestra la primera imagen disponibles o la imagen destacada en el post o p\u00e1gina, \u00a0pero esto no siempre es as\u00ed, hay veces que directamente no aparece ninguna imagen o directamente no nos interesa que aparezca ninguna de las im\u00e1genes disponible, imag\u00ednate que quieres decidir de un post con 3 im\u00e1genes que se publique la tercera o bien una imagen que no aparece en este post.<\/p>\n<p>Lo primero que debemos saber es que facebook trabaja con cach\u00e9 y esta hay que limpiarla para que podamos decirle a FB que imagen queremos que se publique, para limpiar la cach\u00e9 debemos ir a la herramienta de depuraci\u00f3n de FB en<strong>\u00a0https:\/\/developers.facebook.com\/tools\/debug<\/strong> , una vez aqu\u00ed el proceso es sencillo, simplemente ponemos la url que queremos depurar y pulsamos el bot\u00f3n Depuraci\u00f3n.<\/p>\n<p>Es importante saber que desafortunadamente aunque pongamos la url principal de nuestro WordPress, esta herramienta no va a limpiar toda la cach\u00e9 de la web, solo la de la URL que hemos insertado, para depurar toda la web tendr\u00edamos que ir url a url, pero bueno, tengamos en cuenta que vamos a realizar este proceso para los nuevos post y p\u00e1ginas y para la index de nuestra web.<\/p>\n<h2>Host-Fusion.Com el\u00a0<strong><a href=\"https:\/\/www.host-fusion.com\/hosting-wordpress\/\">hosting WordPress<\/a><\/strong> m\u00e1s r\u00e1pido<\/h2>\n<figure class=\"wp-block-image is-style-default\"><a href=\"https:\/\/www.host-fusion.com\/hosting-wordpress\/\"><img decoding=\"async\" width=\"833\" height=\"89\" class=\"wp-image-9709\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06.png\" sizes=\"(max-width: 833px) 100vw, 833px\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06.png 833w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06-300x32.png 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06-768x82.png 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06-705x75.png 705w\" alt=\"El mejor hosting WordPress 2020\" \/><\/a><\/figure>\n<p>El siguiente paso es indicarle a WordPress que im\u00e1genes son las que tiene que compartir, para ello vamos a utilizar un plugin de SEO que nos permite ajustar estos par\u00e1metros, tanto All in One SEO como WP SEO de Yoast disponen de herramientas para ello, en el caso de hoy nos vamos a decidir por AIOSEO, All in One SEO ya que dispone de la herramienta Social Meta.<\/p>\n<p>AIO SEO es un plugin bastante popular y rival directo de Yoast, que nos ofrece varias herramientas, configuraci\u00f3n de SEO, Social Meta, importar y exportar los ajustes, Perfomance y Sitemap, por lo que es bastante completo, pero en este post nos vamos a centrar en la herramienta Social Meta.<\/p>\n<p>Una vez instalado el plugin, gratuito y disponible en el repositorio oficial de WordPress debemos configurarlo y activar el modulo Social Meta, inicialmente recomiendo configurar la opciones de SEO general, activar el Sitemap y seguidamente activar Social Meta para configurarlo, una vez realizadas estas tareas podemos entrar en el modulo Social Meta para configurarlo o bien seleccionar la opci\u00f3n <strong>Use AIOSEO Title and Description\u00a0<\/strong>que su funci\u00f3n es utilizar los par\u00e1metros de t\u00edtulo y descripci\u00f3n configurados en el modulo principal de SEO para la web.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6726\" src=\"http:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.03.50.png\" alt=\"Social Meta\" width=\"1178\" height=\"794\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.03.50.png 1178w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.03.50-300x202.png 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.03.50-1024x690.png 1024w\" sizes=\"(max-width: 1178px) 100vw, 1178px\" \/><\/p>\n<p>El primer campo a rellenar es el profile de FB, entramos en <strong>https:\/\/graph.facebook.com\/yourusername<\/strong> sustituyendo yourusename por nuestro usuario y vamos a obtener el numero de id a modo n\u00fameros, lo introducimos en la casilla correspondiente.<\/p>\n<p>La casilla relevante para la operaci\u00f3n de hoy es <strong>Selec OG: Image Source<\/strong>, que es la que toma FB para publicar nuestra imagen, podemos decidir desde el desplegable que opci\u00f3n queremos:<\/p>\n<p>&#8211; <strong>Default Image<\/strong>, que podemos subir o poner la ruta en el apartado Default OG: Image.<\/p>\n<p>&#8211; <strong>Imagen destacada<\/strong>, si as\u00ed lo hemos configurado en nuestro post.<\/p>\n<p>&#8211; <strong>First attached imagen<\/strong>, la primera imagen adjunta\u00a0en el post.<\/p>\n<p>&#8211; <strong>First image in content<\/strong>, primera imagen que se encuentra en el post.<\/p>\n<p>&#8211; <strong>Image from custom fields<\/strong>, si utilizas campos personalizados e incluyes una imagen que quieres que se incluya al compartir el post.<\/p>\n<p>&#8211; <strong>First available image<\/strong>, que es la primera imagen que est\u00e9 disponible.<\/p>\n<p>Esto en un principio son las opciones de las que disponemos que no son pocas, podemos seguir configurando en funci\u00f3n de la opci\u00f3n seleccionada como por ejemplo los campos <strong>Use Default if no image found<\/strong>, <strong>Default OG<\/strong>: image antes mencionado y <strong>Use Custom Field for image<\/strong>.<\/p>\n<p>Una vez configurado lo esencial podemos ir a mas en la configuraci\u00f3n, en este caso en cada post o p\u00e1gina que estemos escribiendo en ese momento. Al activar <strong>AIOSEO<\/strong> y <strong>Social Meta<\/strong> en cada post o p\u00e1gina nos va a aparecer una caja para el <strong>SEO<\/strong> donde podemos decidir si cambiar el t\u00edtulo, la descripci\u00f3n, las palabras claves y los nofollow para los links entre otras opciones.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6727\" src=\"http:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.19.31.png\" alt=\"AIO\" width=\"1012\" height=\"675\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.19.31.png 1012w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.19.31-300x200.png 300w\" sizes=\"(max-width: 1012px) 100vw, 1012px\" \/><\/p>\n<p>Tambi\u00e9n disponemos de la pesta\u00f1a<strong> Social Settings<\/strong> para configurar el post en cuesti\u00f3n.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6729\" src=\"http:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.23.02.png\" alt=\"Configurar Social Meta\" width=\"1004\" height=\"674\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.23.02.png 1004w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2014\/04\/Captura-de-pantalla-2014-04-21-a-las-10.23.02-300x200.png 300w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" \/><\/p>\n<p>Como podemos ver en la imagen podemos configurar para las RRSS tanto el t\u00edtulo la descripci\u00f3n y la imagen, si no queremos que la imagen que aparezca sea la predefinida en la configuraci\u00f3n del modulo Social Meta, en este apartado podemos definir la url de la imagen o subirla directamente, no tiene por que ser ninguna de las del post en cuesti\u00f3n, tambi\u00e9n podemos definir el alto y el ancho de la imagen, yo recomiendo que si la vamos a subir o la vamos a enlazar lo suyo es que sea <strong>200&#215;200<\/strong>.<\/p>\n<p>Evidentemente hay mas configuraciones de lo que es el plugin en general y de <strong>Social Meta<\/strong>, pero el post de hoy es para definir que imagen es la que se comparte desde nuestro <strong>WordPress<\/strong> en Facebook al publicar un post o una p\u00e1gina.<\/p>\n<h2>Host-Fusion.Com el\u00a0<strong><a href=\"https:\/\/www.host-fusion.com\/hosting-wordpress\/\">hosting WordPress<\/a><\/strong> m\u00e1s r\u00e1pido<\/h2>\n<figure class=\"wp-block-image is-style-default\"><a href=\"https:\/\/www.host-fusion.com\/hosting-wordpress\/\"><img decoding=\"async\" width=\"833\" height=\"89\" class=\"wp-image-9709\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06.png\" sizes=\"(max-width: 833px) 100vw, 833px\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06.png 833w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06-300x32.png 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06-768x82.png 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/01\/Captura-de-pantalla-2020-01-06-a-las-12.32.06-705x75.png 705w\" alt=\"El mejor hosting WordPress 2020\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Cuando compartimos nuestros contenidos de WordPress en Facebook tambi\u00e9n se comparten las im\u00e1genes, normalmente y por defecto si no tenemos definida la imagen a compartir se muestra la primera imagen disponibles o la imagen destacada en el post o p\u00e1gina, \u00a0pero esto no siempre es as\u00ed, hay veces que directamente no aparece ninguna imagen o [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[621,801,376],"tags":[948,947,759],"class_list":["post-6722","post","type-post","status-publish","format-standard","hentry","category-plugins-para-wordpress","category-socialmedia","category-wordpress","tag-aioseo","tag-facebook-imagen-wordpress","tag-seo-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/6722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/comments?post=6722"}],"version-history":[{"count":0,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/6722\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media?parent=6722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/categories?post=6722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/tags?post=6722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}