Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo agregar metadatos de Open Graph de Facebook en temas de WordPress

¿Desea agregar metadatos de Facebook Open Graph a sus temas de WordPress?
Los metadatos Open Graph ayudan a Facebook y otros sitios web de redes sociales a obtener metadatos sobre sus páginas de publicaciones. También le permite controlar cómo aparece su contenido cuando se comparte en Facebook.
En este artículo, le mostraremos cómo agregar fácilmente metadatos de gráficos abiertos de Facebook en temas de WordPress. Compartiremos tres métodos diferentes, para que pueda elegir el que mejor funcione para usted.
Agregue metadatos de gráfico abierto de Facebook en cualquier tema de WordPress

Método 1. Agregar metadatos de Open Graph de Facebook con SEO todo en uno

All in One SEO es un popular plugin de WordPress SEO utilizado por más de 2 millones de sitios web. Le permite optimizar fácilmente su sitio web para motores de búsqueda, así como plataformas sociales como Facebook y Twitter.
Primero, debe instalar y activar el complemento SEO todo en uno . Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .
Tras la activación, debe visitar la página All in One SEO »Feature Manager . Desde aquí, debes activar la función 'Social Meta'.
Habilite la función Social Meta en All in One SEO
A continuación, debe visitar la página All in One SEO »Social Meta . Desde aquí, simplemente puede completar los campos para ingresar sus metadatos de Facebook.
La metapágina social le permite ingresar metadatos de Facebook Open Graph
Puede comenzar proporcionando título, imagen y descripción para su página de inicio.
Debajo de eso, puede establecer una imagen predeterminada para usar si un artículo no tiene una imagen gráfica abierta. También puede proporcionar el ancho y la altura de la imagen.
Establecer imagen de gráfico abierto predeterminada
¿Necesita ayuda para elegir tamaños de imagen? Consulte nuestra hoja de trucos completa de redes sociales para ver los tamaños de imagen ideales que puede usar en todas las plataformas de redes sociales, incluido Facebook.
Si su sitio web está utilizando una aplicación de Facebook o tiene una página de Facebook, puede proporcionar su ID de aplicación de Facebook en la siguiente sección. Esto le permite obtener datos para las ideas de Facebook .
Configuración de la aplicación de Facebook
Opcionalmente, también puede ajustar la configuración de Twitter y ejecutar un escaneo para evitar duplicar las etiquetas de Open Graph en su sitio.
Una vez que haya terminado, no olvide hacer clic en el botón 'Actualizar opciones' para almacenar sus cambios.
Ahora que ha establecido metaetiquetas de gráfico abierto en todo el sitio, el siguiente paso es agregar metadatos de gráfico abierto para publicaciones y páginas individuales.
De forma predeterminada, All in One SEO utilizará el título y la descripción de su publicación para el título y la descripción del gráfico abierto. También puede configurar manualmente la miniatura de Facebook para cada página y publicación.
Simplemente edite la publicación o página y desplácese hacia abajo hasta la sección Todo en uno SEO debajo del editor. Desde aquí, cambie a la pestaña Social y complete los metadatos de gráfico abierto. Puede configurar la imagen de las redes sociales aquí, así como el título y la descripción.
Abrir la configuración de gráficos para publicaciones y páginas

Método 2. Configure los metadatos de Open Graph de Facebook con Yoast SEO

Yoast SEO es otro excelente complemento de WordPress SEO que puede usar para agregar metadatos de gráficos abiertos de Facebook en cualquier sitio de WordPress.
Lo primero que debe hacer es instalar y activar el complemento Yoast SEO . Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .
Una vez activado, debe ir a SEO »Social y simplemente marcar la casilla junto a Agregar metadatos Open Graph .
Habilitar Facebook Open Graph
Puede guardar su configuración o continuar y configurar otras opciones sociales de Facebook en la pantalla.
Puede proporcionar una ID de aplicación de Facebook si usa una para su página de Facebook y sus ideas. También puede cambiar el título, la descripción y la imagen del metagrama de Open Graph de su página de inicio.
Por último, puede configurar una imagen predeterminada para usar cuando no se configura una imagen para una publicación o página.
Yoast SEO también le permite establecer metadatos de Open Graph para publicaciones y páginas individuales. Simplemente edite una publicación o página y desplácese hacia abajo a la sección de SEO debajo del editor.
Establecer metadatos de gráfico abierto para publicaciones y páginas
Desde aquí, puede configurar la miniatura de Facebook para esa publicación o página en particular. Si no establece un título o una descripción de la publicación, entonces el complemento utilizará su meta título y descripción de SEO.
Ahora puede guardar su publicación o página y el complemento almacenará sus metadatos de gráficos abiertos de Facebook.

Método 3. Agregue manualmente metadatos de Facebook Open Graph en su tema de WordPress

Este método requiere que edite sus archivos de tema, así que asegúrese de hacer una copia de seguridad de sus archivos de tema antes de realizar cualquier cambio.
Después de eso, simplemente copie y pegue este código en el archivo functions.php de su tema, o en un complemento específico del sitio .
1
2
3
4 4
5 5
6 6
7 7
8
9
10
11
12
13
14
15
dieciséis
17
18 años
19
20
21
22
23
24
25
26
27
28
29
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
        return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
    }
add_filter('language_attributes', 'add_opengraph_doctype');
 
//Lets add Open Graph Meta Info
 
function insert_fb_in_head() {
    global $post;
    if ( !is_singular()) //if it is not a post or a page
        return;
        echo '<meta property="fb:app_id" content="Your Facebook App ID" />';
        echo '<meta property="og:title" content="' . get_the_title() . '"/>';
        echo '<meta property="og:type" content="article"/>';
        echo '<meta property="og:url" content="' . get_permalink() . '"/>';
        echo '<meta property="og:site_name" content="Your Site NAME Goes HERE"/>';
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
        $default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
        echo '<meta property="og:image" content="' . $default_image . '"/>';
    }
    else{
        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
        echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    }
    echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );
Nota: Recuerde cambiar el Nombre del sitio donde dice "El nombre de su sitio va aquí" . Después de eso, cambie la URL de la imagen predeterminada con la imagen suya. También debe agregar su propia ID de aplicación de Facebook. Si no tiene una aplicación de Facebook, puede eliminar la línea de ID de la aplicación de Facebook del código.
Recomendamos poner una imagen con su logotipo allí, por lo que si su publicación no tiene una miniatura, entonces muestra el logotipo de su sitio.
Eso es todo lo que necesitas hacer. Tan pronto como guarde su archivo functions.php (o complemento específico del sitio) comenzará a mostrar metadatos de gráficos abiertos de Facebook en el encabezado de WordPress.
Esperamos que este artículo te haya ayudado a agregar metadatos de gráficos abiertos de Facebook en WordPress. También es posible que desee ver nuestra selección de los mejores complementos de redes sociales para WordPress para aumentar su seguimiento social, y nuestra guía de solución de problemas sobre cómo solucionar el problema de miniaturas incorrectas de Facebook en WordPress .
Si le gustó este artículo, suscríbase a nuestro canal de YouTube para obtener más videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas