Introducción:
Las etiquetas Open Graph son elementos cruciales para mejorar la apariencia y el rendimiento de tus enlaces compartidos en las redes sociales. En este tutorial, aprenderemos cómo integrar dinámicamente estas etiquetas en tu sitio web de WordPress utilizando el archivo functions.php.
Pasos a Seguir:
Accede al archivo functions.php de tu Tema:
- Inicia sesión en tu panel de WordPress.
- Ve a Apariencia > Editor.
- Selecciona el archivo
functions.phpdel Tema activo.
Agrega el Código:
- Copia y pega el siguiente código en el archivo
functions.php:
- Copia y pega el siguiente código en el archivo
function agregar_meta_open_graph() {
if (is_single() || is_page()) {
// Obtener la imagen destacada
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
// Salida de las etiquetas Open Graph
echo '<meta property="og:title" content="' . get_the_title() . '">';
echo '<meta property="og:description" content="' . get_the_excerpt() . '">';
echo '<meta property="og:image" content="' . $thumbnail[0] . '">';
echo '<meta property="og:url" content="' . get_permalink() . '">';
}
}
add_action('wp_head', 'agregar_meta_open_graph');
Guarda los Cambios:
- Asegúrate de guardar los cambios realizados en el archivo
functions.php.
- Asegúrate de guardar los cambios realizados en el archivo
Verifica el Resultado:
- Visita una entrada o página en tu sitio web.
- Haz clic derecho en la página y selecciona «Ver código fuente» o «Inspeccionar» en tu navegador.
- Busca las etiquetas
<meta>correspondientes a Open Graph para confirmar que se están generando dinámicamente.
Con este sencillo proceso, ahora tienes tus etiquetas Open Graph configuradas de forma dinámica en WordPress, lo que mejorará la apariencia y el rendimiento de tus enlaces compartidos en las redes sociales.
Si deseas ampliar más información aquí.
¡Empieza a compartir tus contenidos y observa cómo se destacan en las redes sociales!