Descubre cómo puedes mejorar la manera en que se muestran tus páginas de categorías cuando las compartes, añadiendo meta etiquetas de Open Graph.
Open Graph es un protocolo que permite definir cómo se presentan los enlaces de tu contenido cuando se comparten en redes sociales. En WordPress, sirve para mejorar la apariencia y la efectividad de las publicaciones compartidas, asegurando que se muestren con el título, la descripción y la imagen deseados.
La mayoría de plugins de SEO suelen incluir las funciones básicas.
Pero si, por ejemplo, has añadido una imagen a las categorías, como vimos en este tutorial, esta no se mostrará cuando las compartas.
En este tutorial vamos a ver cómo puedes añadir meta etiquetas personalizadas para que se muestre la imagen y otras etiquetas.
Snippet para añadir meta etiquetas a Open Graph en las páginas de categorías
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
En este código usas el hook wp_head
en conjunción la la etiqueta condicional is_category
, para añadir meta-etiquetas extra a la página de categorías.
En concreto, toma la imagen de un campo personalizado creado con ACF, pero puedes modificarlo para que tome el campo personalizado que necesites.
Estas son las etiquetas que añades a Open Graph:
<meta property="og:type">
<meta property="og:title">
<meta property="og:description">
<meta property="og:image">
<meta property="og:url">
Conclusiones
Ahora ya sabes cómo conseguir que se muestre la imagen de una categoría cuando la compartes en redes sociales (o aplicaciones de mensajería).
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉