Cómo Integrar Etiquetas Open Graph Dinámicas en WordPress

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:

  1. Accede al archivo functions.php de tu Tema:

    • Inicia sesión en tu panel de WordPress.
    • Ve a Apariencia > Editor.
    • Selecciona el archivo functions.php del Tema activo.
  2. Agrega el Código:

    • Copia y pega el siguiente código en el archivo functions.php:
 
				
					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');

				
			
  1. Guarda los Cambios:

    • Asegúrate de guardar los cambios realizados en el archivo functions.php.
  2. 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!

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad