Agregar etiquetas Open Graph al encabezado para optimizar las redes sociales

Las metaetiquetas de gráficos abiertos son la mejor defensa de un blogger. La optimización de las redes sociales se ha vuelto fundamental para el éxito de los blogueros debido a los efectos de los cambios en el algoritmo de Google.

Si bien siguen siendo importantes, no tienen el mismo valor para el SEO. Los blogueros deben adoptar una actitud proactiva para prepararse para futuros cambios, de lo contrario siempre se encontrarán sometidos a los caprichos de los demás.

Abre etiquetas gráficas para tu blog.

Por eso, ¡es importante aprender a optimizar su presencia en las redes sociales! Aproveche todos los recursos que tiene para hacer más por usted. No dejes las cosas al azar.

¿Qué son las etiquetas Open Graph?

Facebook nos presentó el gráfico abierto en 2010. Fue una evolución de su herramienta anterior, Facebook Connect. El gráfico abierto le permite importar/exportar datos desde Facebook.

Si alguna vez usó comentarios de Facebook en su blog o agregó un botón Me gusta, estaba usando la API de gráfico abierto de Facebook para hacerlo.

Lo que la gente no sabe sobre el gráfico abierto es su relación con el intercambio social. Recuerde, estamos hablando de optimizar nuestra presencia en las redes sociales.

Leer:  Mejores prácticas para mejorar la UX en el comercio electrónico

Por lo tanto, podemos usar estas etiquetas de gráficos abiertos para definir cómo se ven nuestras publicaciones cuando se comparten en las redes sociales. ¡Por fin algo de control!

Open Graph se trata de presentación

Las metaetiquetas de gráficos abiertos nos permiten definir el título, autor, imagen y contenido de una publicación. Utiliza un tipo particular de marcado que reside en el encabezado.

‹meta property=”og:site_name” content=”Inspirar para prosperar”›

Esta metaetiqueta gráfica abierta le dice a Facebook que atribuya la publicación al sitio web “Inspire to Thrive”.

Si esto le suena familiar, debería serlo. ¡Las Twitter Cards también utilizan datos de gráficos abiertos! Lisa escribió una excelente publicación sobre cómo solicitar Twitter Cards. Te recomiendo que la leas.

Las metaetiquetas de gráficos abiertos son la forma más sencilla de importar datos a las redes sociales. De hecho, ¡el mes pasado Pinterest introdujo pines enriquecidos! Sí, Pinterest ahora utiliza datos de gráficos abiertos para importar el autor, el título, la imagen y la URL de tus pines. Cosas muy interesantes.

Por eso quería escribir este post. Al final, deberías saber cómo agregar estas etiquetas. Espero que solicites los pines ricos.

Hay varias formas de agregar etiquetas Open Graph a WordPress.

1. Usando el complemento Yoast SEO

La forma más sencilla de agregar etiquetas gráficas abiertas a su blog de WordPress es con Complemento SEO para WordPress de Yoast. Es posible que ya lo tengas instalado, ya que es un complemento muy popular.

Leer:  Las 13 principales alternativas de Gramho en 2024

Quizás no lo sepas, ¡pero hay una pestaña social! Las etiquetas de gráfico abierto apropiadas se aplicarán automáticamente a su encabezado cuando ingrese su información. Para quienes utilizan blogs de WordPress, esta es la mejor manera porque no requiere ningún conocimiento de programación.

La buena noticia es que si has añadido etiquetas de gráficos abiertos usando WordPress SEO, ¡estás listo para solicitar Rich Pins! ¡Que tengas una buena cita!

2. Abra el complemento Etiquetas de tarjetas y gráficos de Twitter.

I usa este complemento cuando uso un tema de WordPress que no creé. No puedo agregar manualmente etiquetas de gráficos abiertos de esta manera sin crear un tema secundario.

Este complemento agregará las etiquetas de gráficos abiertos necesarias para Facebook, Twitter y Pinterest.

3. Agregar manualmente etiquetas Open Graph en WordPress

La forma más difícil es codificar usted mismo las etiquetas del gráfico abierto. Este es mi método favorito. Normalmente creo mis propios temas y puedo agregar fácilmente las etiquetas apropiadas a mi encabezado.

Cuando desactivas un complemento, pierdes las funciones que creó. Si agrega estas funciones usted mismo, permanecerán durante la vida de su blog.

Recuerde, haga una copia de seguridad de sus archivos antes de realizar cualquier cambio.

Puede copiar y pegar el siguiente código en header.php en un tema de WordPress encima de la etiqueta .

Abrir etiquetas gráficas para WordPress

Lo único que necesitará es utilizar un campo personalizado. Donde la clave es “desc” y su valor es la descripción es lo que quieres que aparezca en las redes sociales.

Leer:  Nuevo complemento de funciones de WordPress para PWA

Es posible que el editor predeterminado de WordPress que usa Gutenberg con sus bloques no tenga campos personalizados habilitados. No se han ido. aquí están los pasos para habilitar campos personalizados.

Valida tus etiquetas

Por supuesto, deberás asegurarte de haber agregado correctamente las etiquetas del gráfico abierto a tu blog. Facebook tiene su propia herramienta de validación que puedes utilizar para hacer esto.

Validando el gráfico abierto de Facebook

Validación de tarjeta de Twitter

Validación de pines enriquecidos de Pinterest

Tus pensamientos

Personalmente, creo que los fragmentos generados por etiquetas de gráficos abiertos le dan al blog un aspecto profesional. Cuidar la presentación de tu contenido demuestra a los demás que hablas en serio. Más importante aún, te da control sobre cómo se comparte tu contenido en las redes sociales.

Finalmente, a largo plazo, también es una forma de preparar su blog para el futuro. Esto se debe a que el gráfico abierto sigue siendo adoptado por nuevas redes sociales (como Pinterest). Agregar estas etiquetas ahora significa que estará por delante de la competencia.

¿Qué opinas de las tarjetas de Twitter y los Rich Pins de Pinterest? Me encantaría saber más en los comentarios a continuación.

Susan construye todas las cosas; comunidades, sitios web y aplicaciones. Es la community manager de la revista Gygax. A veces habla sola en Internet.

Últimas publicaciones de Susan Silver (ver todas)

Nuevas Publicaciones:

Recomendamos