{"id":22701,"date":"2025-05-27T13:00:00","date_gmt":"2025-05-27T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=22701"},"modified":"2025-08-25T12:00:03","modified_gmt":"2025-08-25T10:00:03","slug":"open-graph-que-son-y-que-relacion-tienen-con-el-seo","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/open-graph-que-son-y-que-relacion-tienen-con-el-seo\/","title":{"rendered":"Open Graph: Qu\u00e9 son y qu\u00e9 relaci\u00f3n tienen con el SEO"},"content":{"rendered":"\n

Las redes sociales son usadas hoy en d\u00eda por m\u00e1s de la mitad de la poblaci\u00f3n<\/strong>. Es por eso, que cuando hablamos de estrategia SEO o estrategia de marketing, es importante tener en cuenta tambi\u00e9n las redes sociales y c\u00f3mo presentamos nuestro trabajo a trav\u00e9s de ellas. Es por eso que hoy te hablaremos de las etiquetas Open Graph.<\/p>\n\n\n\n

\u00bfQu\u00e9 son las etiquetas Open Graph?<\/h2>\n\n\n\n

Estas etiquetas forman parte de un protocolo de redes sociales con el objetivo de dar a entender mejor de qu\u00e9 se trata una URL cuando la compartimos. Tambi\u00e9n se conocen como etiquetas sociales<\/strong> y tienen la caracter\u00edstica de ser meta etiquetas que empiezan por \u201cog\u201d.<\/p>\n\n\n\n

Con estas etiquetas, conseguimos que al compartir una URL se cree una vista previa antes de acceder a ella<\/strong>, proporcionando informaci\u00f3n de manera m\u00e1s visual.<\/p>\n\n\n\n

Fueron creadas por Facebook el a\u00f1o 2010, pero actualmente las usan casi todas las redes sociales <\/strong>(Pinterest, Linkedin, WhatsApp…). Las de Twitter son un poco diferentes, ya que utiliza las Twitter Cards, pero la funcionalidad es exactamente la misma.<\/p>\n\n\n\n

\u00bfPara qu\u00e9 sirven las etiquetas open Graph?<\/h2>\n\n\n\n

Gracias a la utilizaci\u00f3n de estas etiquetas, al compartir una web generaremos una vista previa a modo de tarjeta que podemos optimizar para conseguir que los usuarios hagan clic. Vivimos en la era visual, por lo que es muy importante seleccionar muy bien la imagen y el texto que pueda convencer al usuario<\/strong> y darle confianza en la web que se est\u00e1 compartiendo para que se decida a entrar en ella.<\/p>\n\n\n\n

Adem\u00e1s, la mayor parte del contenido que creemos en Internet normalmente queremos compartirlo, por lo que disponer de una manera de enriquecer el enlace<\/strong>, siempre tendr\u00e1 un impacto positivo en nuestra estrategia si la enfocamos bien.<\/p>\n\n\n\n

En el caso de que no incluyamos estas etiquetas en nuestras URL, las redes sociales simplemente escoger\u00e1n qu\u00e9 se muestra de forma aleatoria<\/strong>, pudiendo no ser interesante para nuestra estrategia.<\/p>\n\n\n\n

Tipos de etiquetas Open Graph<\/h2>\n\n\n\n

Existen 17 tipos de etiquetas en el protocolo Open Graph, que puedes revisar en su documentaci\u00f3n oficial<\/a>. Las m\u00e1s importantes y que no deber\u00edas descuidar cuando tienes un contenido que quieres compartir:<\/p>\n\n\n\n

og:title<\/h3>\n\n\n\n

Esta etiqueta configura el t\u00edtulo. Se recomienda que sea claro y descriptivo, sin el nombre de la marca y que llame la atenci\u00f3n de los usuarios.<\/p>\n\n\n\n

<meta property=\u00bbog:title\u00bb content=\u00bbAqu\u00ed va el t\u00edtulo\u00bb><\/p>\n\n\n\n

og:description<\/h3>\n\n\n\n

Es la descripci\u00f3n que aparece debajo del t\u00edtulo, debe ser breve y explicativa, y que contenga una frase de llamada a la acci\u00f3n que convenza a los usuarios.<\/p>\n\n\n\n

<meta property=\u00bbog:description\u00bb content=\u00bbAqu\u00ed va la descripci\u00f3n de contenido\u00bb \/><\/p>\n\n\n\n

og:image<\/h3>\n\n\n\n

Esta etiqueta es muy importante porque define la imagen que aparecer\u00e1 cuando compartas la URL. Seg\u00fan la documentaci\u00f3n oficial tiene que tener al menos 1080 px si es posible.<\/p>\n\n\n\n

<meta property=\u00bbog:image\u00bb content=\u00bbURL-imagen\u00bb \/><\/p>\n\n\n\n

og:url<\/h3>\n\n\n\n

Define la URL de la p\u00e1gina. Debe tener la URL can\u00f3nica de la p\u00e1gina, sin contener variables ni par\u00e1metros.<\/p>\n\n\n\n

<meta property=\u00bbog:url\u00bb content=\u00bbURL can\u00f3nica sin par\u00e1metros ni variables\u00bb \/><\/p>\n\n\n\n

og:type<\/h3>\n\n\n\n

Seg\u00fan la documentaci\u00f3n oficial, es recomendable incluir esta etiqueta para definir que tipo de contenido hay en la p\u00e1gina, si no, por defecto, se considera website. <\/p>\n\n\n\n

<meta property=\u00bbog:type\u00bb content=\u00bbTipo de contenido\u00bb \/><\/p>\n\n\n\n

\u00bfQue relaci\u00f3n tienen las etiquetas Open Graph con el SEO?<\/h2>\n\n\n\n

Aunque Las etiquetas Open Graph no proporcionan informaci\u00f3n a los motores de b\u00fasqueda, optimizan la manera en que compartes el contenido y su visibilidad<\/strong>. Al ser capaces de configurar la vista previa y poder escoger qu\u00e9 ven los usuarios, es posible mejorar el tr\u00e1fico hacia la web y aumentar la tasa de clics.<\/p>\n\n\n\n

Herramientas para probar las etiquetas Open Graph<\/h2>\n\n\n\n

Existen varias herramientas que permiten visualizar c\u00f3mo se est\u00e1 compartiendo<\/strong> el contenido y comprobar que ha quedado configurado como queramos.<\/p>\n\n\n\n