{"id":35086,"date":"2020-06-30T16:02:09","date_gmt":"2020-06-30T14:02:09","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=35086"},"modified":"2020-06-30T16:40:11","modified_gmt":"2020-06-30T14:40:11","slug":"como-anadir-etiquetas-open-graph-en-wordpres","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-anadir-etiquetas-open-graph-en-wordpres\/","title":{"rendered":"Como A\u00f1adir Etiquetas Open Graph en WordPres"},"content":{"rendered":"
<\/div>

\"Como<\/h4>\n

Open Graph es un sistema de etiquetado creado por Facebook para mejorar la presentaci\u00f3n de los sitios web cuando son compartidos por alg\u00fan usuario en la plataforma. Veamos c\u00f3mo funciona y c\u00f3mo puedes a\u00f1adirlos en WordPress.<\/h4>\n

Si usas WordPress<\/strong> y tienes una cuenta de Facebook<\/strong>, es muy probable que compartas las entradas y p\u00e1ginas en tu cuenta para aumentar su divulgaci\u00f3n y puedan ser compartidas por otros usuarios de Facebook.<\/p>\n

Esto es algo que se viene haciendo desde hace a\u00f1os y no s\u00f3lo con Facebook, si no con todas las redes sociales que nos envuelven a diario, es normal ya que son una fuente de tr\u00e1fico casi inagotable<\/strong>.<\/p>\n

El problema puede surgir cuando se a\u00f1ade un enlace para compartir y Facebook no interpreta correctamente los dados, creando problemas con im\u00e1genes, rutas, enlaces, etc…<\/p>\n

Para solucionar esto, Facebook creo Open Graph<\/strong>, un sistema de etiquetado que le facilita la informaci\u00f3n que tiene que mostrar, imagen, texto, enlace, etc…, de esta forma, no existen confusiones y muestra siempre la informaci\u00f3n correcta y completa<\/strong>.<\/p>\n

\"codigo<\/p>\n

Esto no significa que sin Open Graph no se pueda compartir contenido en Facebook, pero si que se mostrar\u00e1 c\u00f3mo nosotros queramos<\/strong> y no como lo interprete Facebook.<\/p>\n

WordPress no a\u00f1ade las etiquetas Open Graph<\/strong> de forma nativa, aunque la mayor\u00eda de los plugins SEO como Rank Math<\/strong> o Yoas SEO<\/strong> lo hacen por t\u00ed.<\/p>\n

Vamos a ver c\u00f3mo puedes comprobar<\/strong> si tu WordPress<\/strong> a\u00f1ade las etiquetas Open Graph<\/strong> y si no es as\u00ed, c\u00f3mo puedes a\u00f1adirlas.<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

 <\/p>\n

C\u00f3mo Puedo Comprobar si WordPress ya trabaja con Open Graph<\/h2>\n

Como hemos comentado antes, WordPress no usa Open Graph<\/strong>, as\u00ed que si queremos usar este protocolo, deberemos a\u00f1adirlo nosotros\u00a1.<\/p>\n

SI estamos usando alg\u00fan plugin SEO, es muy probable que ya est\u00e9 a\u00f1adiendo las etiquetas por nosotros, pero si no lo tenemos claro, podemos comprobarlo de una manera muy sencilla<\/strong>.<\/p>\n

S\u00f3lo tenemos que acceder a cualquier entrada o p\u00e1gina de nuestro WordPress desde un navegador web, Chorme, Firefox, etc…<\/strong><\/p>\n

Todos los navegadores web o al menos los m\u00e1s utilizados, tiene la posibilidad de ver el c\u00f3digo fuente de la web, por lo general pulsando las teclas CTRL + U<\/strong>, si usas Windows.<\/p>\n

Si usas otro sistema operativo o un navegador distinto, siempre puedes hacer una b\u00fasqueda el Google para averiguarlo.<\/p>\n

En cualquier caso, cuando veamos el c\u00f3digo fuente de la web, tenemos que buscar algo parecido a esto:<\/p>\n

<meta property=\"og:locale\" content=\"es_ES\">\r\n<meta property=\"og:type\" content=\"article\">\r\n<meta property=\"og:title\" content=\"The Major Health Benefits of Lifting Weights - Pruebas WordPress\">\r\n<meta property=\"og:description\" content=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros ante, placerat ac pulvinar at, iaculis a quam. Duis ut risus lobortis diam molestie\">\r\n<\/code><\/pre>\n
Se mostrar\u00e1 mucho c\u00f3digo que no tienes porque entender, pero puedes realizar una b\u00fasqueda para encontrar las etiquetas relacionadas con og:xxx<\/strong>.<\/p>\n
\"codigo<\/p>\n
Si las encuentras, es que en alg\u00fan plugin de tu WordPress ya se est\u00e1n a\u00f1adiendo las etiquetas Open Graph<\/strong> o el theme<\/em> ya est\u00e1 modificado para que se muestren.<\/p>\n
 <\/p>\n
C\u00f3mo Puedo A\u00f1adir Open Graph en WordPress<\/h2>\n
Para que WordPress a\u00f1ada las etiquetas Open Graph, podemos a\u00f1adirlas usando un plugin<\/strong>.<\/p>\n
Cualquier plugin SEO actualizado<\/strong>, posiblemente a\u00f1ada las etiquetas por si mismo o tenga alguna opci\u00f3n para activarlo.<\/p>\n
Si no usas ning\u00fan plugin SEO (Yoast, Rank Math, etc…) y no quieres utilizarlos, puedes instalar uno espec\u00edfico para esto.<\/p>\n
Hay varios plugins disponibles que que a\u00f1adir\u00e1n las etiquetas Open Graph en tu WordPress, de una forma r\u00e1pida y sencilla.<\/p>\n
Si vas a la secci\u00f3n de plugins de WordPress y realizas una b\u00fasqueda copn el t\u00e9rmino \u00abOpen Graph\u00bb<\/em>, ver\u00e1s varios resultados, pero hay uno que destaca sobre el resto por el n\u00famero de instalaciones activas; Open Graph and Twitter Card Tags<\/strong>.<\/p>\n
\"plugin<\/p>\n
Al activarlo y acceder a las opciones desde el apartado de Ajustes<\/strong>, vermos que se divide en 6 pesta\u00f1as:<\/p>\n