Como Añadir Etiquetas Open Graph en WordPres

Categorias: Wordpress

Como Añadir Etiquetas Open Graph en WordPress

Open Graph es un sistema de etiquetado creado por Facebook para mejorar la presentación de los sitios web cuando son compartidos por algún usuario en la plataforma. Veamos cómo funciona y cómo puedes añadirlos en WordPress.

Si usas WordPress y tienes una cuenta de Facebook, es muy probable que compartas las entradas y páginas en tu cuenta para aumentar su divulgación y puedan ser compartidas por otros usuarios de Facebook.

Esto es algo que se viene haciendo desde hace años y no sólo con Facebook, si no con todas las redes sociales que nos envuelven a diario, es normal ya que son una fuente de tráfico casi inagotable.

El problema puede surgir cuando se añade un enlace para compartir y Facebook no interpreta correctamente los dados, creando problemas con imágenes, rutas, enlaces, etc…

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

codigo etiquetas og - Facebook

Esto no significa que sin Open Graph no se pueda compartir contenido en Facebook, pero si que se mostrará cómo nosotros queramos y no como lo interprete Facebook.

WordPress no añade las etiquetas Open Graph de forma nativa, aunque la mayoría de los plugins SEO como Rank Math o Yoas SEO lo hacen por tí.

Vamos a ver cómo puedes comprobar si tu WordPress añade las etiquetas Open Graph y si no es así, cómo puedes añadirlas.


Hosting Genérico


 

Cómo Puedo Comprobar si WordPress ya trabaja con Open Graph

Como hemos comentado antes, WordPress no usa Open Graph, así que si queremos usar este protocolo, deberemos añadirlo nosotros¡.

SI estamos usando algún plugin SEO, es muy probable que ya esté añadiendo las etiquetas por nosotros, pero si no lo tenemos claro, podemos comprobarlo de una manera muy sencilla.

Sólo tenemos que acceder a cualquier entrada o página de nuestro WordPress desde un navegador web, Chorme, Firefox, etc…

Todos los navegadores web o al menos los más utilizados, tiene la posibilidad de ver el código fuente de la web, por lo general pulsando las teclas CTRL + U, si usas Windows.

Si usas otro sistema operativo o un navegador distinto, siempre puedes hacer una búsqueda el Google para averiguarlo.

En cualquier caso, cuando veamos el código fuente de la web, tenemos que buscar algo parecido a esto:

<meta property="og:locale" content="es_ES">
<meta property="og:type" content="article">
<meta property="og:title" content="The Major Health Benefits of Lifting Weights - Pruebas WordPress">
<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">

Se mostrará mucho código que no tienes porque entender, pero puedes realizar una búsqueda para encontrar las etiquetas relacionadas con og:xxx.

codigo etiquetas og WordPress

Si las encuentras, es que en algún plugin de tu WordPress ya se están añadiendo las etiquetas Open Graph o el theme ya está modificado para que se muestren.

 

Cómo Puedo Añadir Open Graph en WordPress

Para que WordPress añada las etiquetas Open Graph, podemos añadirlas usando un plugin.

Cualquier plugin SEO actualizado, posiblemente añada las etiquetas por si mismo o tenga alguna opción para activarlo.

Si no usas ningún plugin SEO (Yoast, Rank Math, etc…) y no quieres utilizarlos, puedes instalar uno específico para esto.

Hay varios plugins disponibles que que añadirán las etiquetas Open Graph en tu WordPress, de una forma rápida y sencilla.

Si vas a la sección de plugins de WordPress y realizas una búsqueda copn el término «Open Graph», verás varios resultados, pero hay uno que destaca sobre el resto por el número de instalaciones activas; Open Graph and Twitter Card Tags.

plugin open graph wordpress

Al activarlo y acceder a las opciones desde el apartado de Ajustes, vermos que se divide en 6 pestañas:

Como verás, este plugin hace más cosas a demás de añadir las etiquetas Open Graph, pero como lo que nos interesa en este artículo es Open Graph, vamos a ver lo fácil que es de configurar.

plugin open graph configuracion - WordPress

Las etiquetas Open Graph ya están añadidas y sólo tenemos que indicarle cuáles queremos utilizar y cuáles no por medio de una casilla, ¡¡así de fácil!!

Por defecto, la configuración que nos indica es la correcta, así que podemos guardar los cambios y volver a revisar el código de nuestro sitio para comprobar que, efectivamente, ya disponemos de las etiquetas Open Graph en nuestro WordPress.

Hosting WordPress SSD + LiteSpeed + IP Española

Hosting WordPress