Aprende a añadir Open Graph en WordPress 【Guía Práctica】

---

Las etiquetas Open Graph ayudan a que tu sitio se vea mejor cuando lo compartes en redes sociales. Son como pequeñas tarjetas que permiten mostrar información específica de tu sitio, como el título, la descripción y la imagen que aparecerán cuando compartes un enlace. Si usas WordPress, poner las etiquetas Open Graph bien puede hacer que tus enlaces se vean mucho más bonitos y llamativos, haciendo que más gente quiera hacer clic en ellos. De esta manera, puedes atraer más visitas a tu sitio. En este artículo te contaremos qué son las etiquetas Open Graph, por qué son importantes y cómo ponerlas en tu sitio de una manera fácil y rápida.

---

Guía fácil para añadir etiquetas Open Graph en WordPress

TABLA DE CONTENIDOS

• Cómo añadir etiquetas Open Graph en WordPress
• Qué son las etiquetas Open Graph
• Por qué son importantes las etiquetas Open Graph
• Cómo añadir etiquetas Open Graph en WordPress
  • Usar un plugin SEO
  • Agregar código manualmente
  • Verificar tus etiquetas con Facebook Debugger
• Recomendaciones adicionales
• Conclusión

---

Qué son las etiquetas Open Graph

Las etiquetas Open Graph son pequeños fragmentos de código que se ponen en el sitio web para ayudar a que el contenido se vea mejor cuando lo compartes en redes sociales como Facebook o Twitter. Estas etiquetas te permiten controlar lo que los demás ven cuando alguien comparte tu sitio, asegurándote de que se vea como tú quieres.

Con las etiquetas Open Graph, puedes decidir qué título, qué descripción y qué imagen aparecerán cuando alguien comparta tu sitio web.

Esto es muy útil para hacer que las publicaciones sean más atractivas y que la gente quiera entrar en tu página. En lugar de un enlace simple, puedes hacer que aparezca una imagen bonita y una descripción que llame la atención.

Por ejemplo, una etiqueta Open Graph se vería así:

<meta property="og:title" content="Cómo añadir etiquetas Open Graph en WordPress">
<meta property="og:description" content="Aprende a configurar etiquetas Open Graph para mejorar la apariencia de tus enlaces en redes sociales.">
<meta property="og:image" content="https://tusitio.com/imagen.jpg">

Con estas etiquetas, las redes sociales saben qué mostrar de tu sitio, y se ve mucho más lindo y profesional. Al poner una buena imagen y una descripción interesante, haces que tu enlace destaque y se vea diferente a otros, lo cual es muy importante cuando quieres atraer visitas.

Por qué son importantes las etiquetas Open Graph

Las etiquetas Open Graph son importantes porque:

• Hacen que tus publicaciones se vean mucho mejor en redes sociales, como Facebook o Twitter (ahora X). Las personas tienden a hacer más click en los enlaces que se ven atractivos y claros.
• Ayudan a que más personas hagan clic en tus enlaces porque se ven más llamativos y atractivos. Cuando ves una buena imagen y una descripción interesante, es más probable que quieras saber más.
• Hacen que la información de tu sitio sea clara y fácil de entender para los demás. Esto asegura que los usuarios sepan de qué se trata tu página antes de hacer clic en el enlace.

Por ejemplo, si tienes un sitio web sobre tutoriales de WordPress, las etiquetas Open Graph pueden ayudar a que se vea mucho mejor cuando lo compartes en Facebook o Twitter. En lugar de un enlace aburrido, puedes poner una imagen relacionada con tu tutorial, un título claro y una descripción que explique lo que el usuario encontrará.

Cómo añadir etiquetas Open Graph en WordPress

Hay varias formas de poner las etiquetas Open Graph en tu sitio de WordPress. A continuación, te mostramos las formas más fáciles, ya sea usando un plugin o agregando el código manualmente. Ambas opciones son buenas, dependiendo de lo que prefieras y de qué tan cómodo te sientas con el uso de plugins o la edición del código.

1. Usar un plugin SEO

Una de las maneras más fáciles de añadir etiquetas Open Graph en WordPress es con un plugin SEO. Plugins como Yoast SEO o Rank Math te permiten poner estas etiquetas de forma rápida y sin tener que saber de código. Los plugins te guían paso a paso y hacen que el proceso sea muy sencillo.

Pasos con Yoast SEO:

1. Instala y activa el plugin Yoast SEO desde WordPress.
2. Ve a Ajustes > Datos de Open Graph y selecciona la opción para activarla.
3. Activa la opción Open Graph para permitir que las etiquetas se añadan automáticamente.
4. Pon una imagen predeterminada para las páginas que no tengan imagen destacada. De esta manera, siempre habrá algo bonito para mostrar.
5. Guarda los cambios y prueba compartiendo tu sitio en redes sociales para ver cómo se ve.

Usar un plugin te ahorra tiempo y te asegura que no cometas errores al escribir el código manualmente. Además, estos plugins suelen tener otras herramientas útiles para mejorar el SEO de tu página.

2. Agregar código manualmente

Si no quieres usar un plugin o prefieres tener más control sobre cómo añadir las etiquetas Open Graph, también puedes poner el código directamente en el archivo header.php de tu tema de WordPress. Esta opción puede parecer un poco más difícil, pero no te preocupes, aquí te explicamos cómo hacerlo.

Pon el siguiente código antes de la etiqueta </head> en tu archivo header.php:

<meta property="og:title" content="<?php the_title(); ?>">
<meta property="og:description" content="<?php bloginfo('description'); ?>">
<meta property="og:image" content="URL_DE_TU_IMAGEN">
<meta property="og:url" content="<?php the_permalink(); ?>">
<meta property="og:type" content="website">

Recuerda cambiar URL_DE_TU_IMAGEN por la imagen que quieres usar. Puedes poner una imagen que represente bien tu sitio, para que se vea interesante.

Si no estás seguro de cómo hacerlo o tienes miedo de romper algo, es mejor usar un plugin para evitar errores. Añadir etiquetas manualmente es más avanzado, pero te da mucha libertad para personalizar cómo se muestra tu contenido.

No olvides hacer una copia de seguridad de los archivos antes de modificarlos, por si hay algún problema, poder restaurarlo rápidamente.

3. Verificar tus etiquetas con Facebook Debugger

Después de poner las etiquetas Open Graph, es muy importante revisar que estén funcionando bien. Para esto, puedes usar la herramienta Facebook Debugger, que te ayuda a ver cómo Facebook interpreta las etiquetas de tu sitio.

1. Ve a Facebook Debugger.
2. Escribe la URL de tu página y haz clic en Depurar.
3. Revisa si hay errores o advertencias y haz ajustes si es necesario.

Esta herramienta también te deja actualizar la vista previa de tu enlace si has hecho cambios. Por ejemplo, si cambiaste la imagen o la descripción y Facebook sigue mostrando la versión anterior, puedes usar el Debugger para que se actualice la vista previa. Esto es muy útil para asegurarte de que siempre se vea exactamente como tú quieres.

Recomendaciones adicionales

• Usa buenas imágenes: Las imágenes deben tener al menos 1200x630 píxeles para verse bien y que no se vean borrosas. Una buena imagen puede hacer que las personas quieran saber más sobre tu página.
• Cuidado con los títulos y descripciones: Haz que sean interesantes y reflejen bien el contenido de la página. Piensa en lo que haría que alguien haga clic en tu enlace.
• Prueba en diferentes redes sociales: Aunque Open Graph es principalmente para Facebook, también funciona en otras redes como LinkedIn. Cada plataforma puede mostrar el contenido de manera un poco diferente, así que pruébalo en varias para asegurarte de que siempre se vea bien.
• No olvides revisar periódicamente: A veces cambias el contenido de tu página y es posible que necesites actualizar las etiquetas Open Graph. Revisarlas cada cierto tiempo puede ayudar a que siempre estén bien optimizadas.

Conclusión

Poner etiquetas Open Graph en WordPress es una forma fácil de hacer que tus enlaces se vean mucho mejor en redes sociales y así, atraer más visitas. Ya sea que uses un plugin o lo hagas manualmente, asegúrate de probar tus configuraciones con herramientas como Facebook Debugger. De esta manera, te aseguras de que tus publicaciones sean siempre atractivas y se vean profesionales.

Si aún no tienes tu sitio optimizado, explora los beneficios de un hosting WordPress rápido y seguro. Tener un buen hosting puede hacer que tu sitio cargue más rápido y sea más seguro, lo cual también ayuda a que tus visitantes tengan una mejor experiencia. Y si quieres más consejos sobre redes sociales, no dudes en leer nuestro artículo sobre Facebook Business para mejorar tu estrategia digital. Al hacerlo, podrás llevar tu página y tus contenidos a muchas más personas.