{"id":1116,"date":"2017-12-08T12:15:56","date_gmt":"2017-12-08T12:15:56","guid":{"rendered":"https:\/\/www.logorapid.com\/branded\/?p=1116"},"modified":"2017-12-08T12:16:49","modified_gmt":"2017-12-08T12:16:49","slug":"como-preparar-imagenes-optimas-para-compartir-paginas-en-facebook-ogimage","status":"publish","type":"post","link":"https:\/\/www.logorapid.com\/branded\/como-preparar-imagenes-optimas-para-compartir-paginas-en-facebook-ogimage\/","title":{"rendered":"C\u00f3mo preparar im\u00e1genes \u00f3ptimas para compartir p\u00e1ginas en Facebook (og:image)"},"content":{"rendered":"

\"OpenCuando alguien comparte una p\u00e1gina de tu web, Facebook (y otros sitios donde se comparten contenidos) mira si existe una etiqueta og:image en el c\u00f3digo HTML de la p\u00e1gina.<\/p>\n

La etiqueta og:image es una parte del Open Graph de Facebook, una especificaci\u00f3n que permite compartir abiertamente datos de perfiles personales y sitios.<\/p>\n

Tiene este aspecto:<\/p>\n

<meta property=\"og:image\" content=\"https:\/\/www.logorapid.com\/img\/lapiz_logorapid.gif\" \/><\/pre>\n
La etiqueta se pone en la secci\u00f3n <HEAD> del c\u00f3digo de la p\u00e1gina, e incluye la URL completa de la imagen.<\/p>\n
La imagen puede tener el tama\u00f1o que quieras, y Facebook la adaptar\u00e1 para postrarla dentro del feed de noticias. Pero si quieres que llene el espacio disponible, tienes que preparar una imagen con el tama\u00f1o adecuado.<\/p>\n
El espacio m\u00e1ximo es de 600×315 px. Facebook recomienda<\/a> usar una imagen con el doble de resoluci\u00f3n – 1200×630 px, para que se vea perfecto en dispositivos de alta resoluci\u00f3n. Eso es una proporci\u00f3n de 1,91:1 – si la respetas, tu imagen ocupar\u00e1 todo el espacio posible.<\/p>\n
Una imagen de ese tama\u00f1o se ver\u00e1 as\u00ed en la lista de noticias de Facebook:<\/p>\n
\"imagen<\/p>\n
Si usas una proporci\u00f3n diferente, Facebook recortar\u00e1 la imagen para que encaje en ese marco de 600×315 px. Y si la imagen es menor, la mostrar\u00e1 centrada o a un lado, pero sin usar todo el espacio disponible.<\/p>\n
\"imagen<\/p>\n
En cualquier caso, el tama\u00f1o m\u00ednimo es de 200×200 px.<\/p>\n
Si no pones esta etiqueta og:image, Facebook mirar\u00e1 las im\u00e1genes que hay en la p\u00e1gina y pedir\u00e1 al usuario que escoja la que quiere compartir. Pero es posible que proponga las im\u00e1genes m\u00e1s insignificantes que tengas en el pie de p\u00e1gina – siempre es mejor si decides t\u00fa qu\u00e9 imagen quieres mostrar.<\/p>\n
C\u00f3mo poner el c\u00f3digo<\/h2>\n
Raramente tendr\u00e1s que poner la etiqueta directamente en el c\u00f3digo HTML de la p\u00e1gina, si usas un gestor de contenidos (WordPress, Joomla, Prestashop…) esa parte (la secci\u00f3n <HEAD>) se define en la plantilla de la web. Necesitar\u00e1s que la plantilla ponga esa etiqueta, y que tu gestor de contenidos te permita definir la imagen que quieres usar para compartir.<\/p>\n
Recomendaciones<\/h2>\n
1) Si vas a fomentar<\/strong> que tus visitantes compartan tus p\u00e1ginas, prepara im\u00e1genes impactantes al menos para las m\u00e1s importantes.<\/p>\n
2) Prepara una imagen gen\u00e9rica de tu web<\/strong>, que lleve tu marca y tu claim, para que se muestre en todas las p\u00e1ginas que no incluyan una imagen propia espec\u00edfica. As\u00ed se mostrar\u00e1 en todas las p\u00e1ginas donde no hayas preparado nada especial.<\/p>\n
3) Si tienes productos<\/strong>, en un ecommerce, que la imagen sea la del producto. Tiene que estar programado en la plantilla que uses.<\/p>\n
4) Si tienes un blog<\/strong>, que sea la imagen destacada del post. Tiene que estar programado en la plantilla que uses.<\/p>\n
5) Cuando pongas una imagen, comprueba que Facebook la reconoce<\/strong>, en esta herramienta: https:\/\/developers.facebook.com\/tools\/debug\/<\/a>. Ah\u00ed ver\u00e1s lo que Facebook extrae de tu p\u00e1gina, y el n\u00famero de veces que se ha compartido.<\/p>\n
Te podemos ayudar<\/h2>\n
Si quieres desarrollar tu empresa en Facebook o mejorar tu web, podemos ayudarte. Expl\u00edcanos tu proyecto<\/a> y veremos lo que podemos hacer juntos.<\/p>\n","protected":false},"excerpt":{"rendered":"
Cuando alguien comparte una p\u00e1gina de tu web, Facebook (y otros sitios donde se comparten contenidos) mira si existe una etiqueta og:image en el c\u00f3digo HTML de la p\u00e1gina. La etiqueta og:image es una parte del Open Graph de Facebook, una especificaci\u00f3n que permite compartir abiertamente datos de perfiles personales y sitios.<\/p>\n","protected":false},"author":1001003,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,1],"tags":[24],"class_list":["post-1116","post","type-post","status-publish","format-standard","hentry","category-referencias","category-general","tag-facebook"],"_links":{"self":[{"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/posts\/1116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/users\/1001003"}],"replies":[{"embeddable":true,"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/comments?post=1116"}],"version-history":[{"count":4,"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/posts\/1116\/revisions"}],"predecessor-version":[{"id":1123,"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/posts\/1116\/revisions\/1123"}],"wp:attachment":[{"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/media?parent=1116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/categories?post=1116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.logorapid.com\/branded\/wp-json\/wp\/v2\/tags?post=1116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}