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.


Tenemos diferentes tipos de hosting, selecciona uno:


 

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:

  • – General
  • – Open Graph
  • – Cards
  • – SEO Tags
  • – 3rd Party
  • – Tools

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 especializado en WordPress con discos SSDWordPress 1desde4´38€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!