Cómo añadir Facebook Open Graph Meta Data en temas de WordPress

Compartimos contigo cómo añadir el botón de facebook en WordPress. Luego escribimos sobre cómo añadir el botón de envío de facebook en WordPress. Ahora por lo general, Facebook es muy inteligente en la búsqueda de los datos correctos para sus mensajes cuando se comparten en Facebook. Sin embargo, recientemente, hemos escuchado reportes de que Facebook no está tirando de la imagen en miniatura correcta cuando alguien hace clic en Like, no está tirando del título correcto de la página, etc. Bueno, en este artículo, vamos a compartir cómo se puede añadir información gráfica abierta de facebook meta en temas de WordPress que resolverá todos esos problemas.

Tenemos tres métodos para ti, dos de ellos requieren que instales un plugin. El tercer método es para usuarios de nivel intermedio que no tienen miedo de modificar sus temas.

Añadir Facebook Open Graph Meta Data con WordPress SEO

En AprenderWP, y en todos nuestros sitios web usamos WordPress SEO. No sólo le ayuda a añadir títulos y metadescripciones. Es el paquete completo de optimización de sitios para WordPress. WordPress SEO también viene equipado con características sociales, incluyendo la posibilidad de añadir meta datos de Facebook Open Graph en temas de WordPress.

Lo primero que tienes que hacer es instalar y activar, el plugin WordPress SEO de Yoast. Una vez activado, debe ir a SEO » Social y simplemente marcar la casilla junto a Add Open Graph meta data .

Puedes guardar tu configuración o continuar y configurar otras opciones sociales de Facebook en la pantalla. Puede conectar su sitio a su cuenta de usuario de Facebook como administrador. Al hacerlo, podrás ver los comentarios de Facebook para este sitio web. También puedes proporcionar la URL de tu página de Facebook y se añadirá a los metadatos de Facebook Open Graph.

En la misma página, puede añadir una imagen y una descripción para su página principal. También puede añadir una imagen predeterminada que se utilizará cuando un artículo no tenga ninguna imagen adjunta.

Eso es todo, has añadido con éxito los metadatos de gráficos abiertos de Facebook a tu tema de WordPress.

Adición de metadatos de gráficos abiertos en WordPress utilizando el plugin oficial de Facebook

Si estás usando otro plugin SEO como All in One SEO, o simplemente no quieres instalar el plugin SEO de WordPress, entonces todavía puedes añadir los metadatos de los gráficos abiertos de Facebook usando el plugin oficial de Facebook para WordPress.

Lo primero que tienes que hacer es instalar y activar el plugin de Facebook. Simplemente activando el plugin de Facebook se añadirá meta deta gráfico abierto en el encabezado de su tema.

Eso es todo lo que tienes habilitado en Facebook para abrir metadatos de gráficos en tu sitio de WordPress.

Usar el plugin oficial de Facebook te permite usar muchas otras características que este robusto plugin ofrece. Por ejemplo, puedes usarlo para añadir un Likebox / Fanbox de Facebook, incrustar mensajes de estado de Facebook, añadir un botón de seguimiento para los autores, y mucho más.

Añadir manualmente los metadatos de Facebook Open Graph a su tema de WordPress

Este método requiere que edite los archivos de tema, así que asegúrese de hacer una copia de seguridad de los archivos de tema antes de realizar cualquier cambio. Simplemente copie y pegue este código en el archivo functions.php de su tema o en un plugin específico del sitio.

12345678910111213141415161717181920212223242526272829/ Adding the Open Graph in the Language Attributesfunctionadd_opengraph_doctype( $output) { return$output. »; }add_filter(‘language_attributes’, ‘add_opengraph_doctype’); //Lets add Open Graph Meta Info functioninsert_fb_in_head() { global$post; if(!is_singular()) //Si no es un post o un retorno de página; echo»; echo’. get_the_title() . «/>»; echo»; echo’. get_permalink() . «Si (!has_post_thumbnail( $post->ID)) { //el mensaje no tiene imagen, use una imagen por defecto $default_image=»http://example.com/image.jpg»; //reemplácela por una imagen por defecto en su servidor o una imagen en su mediateca echo». $imagen_por_defecto. «); echo’); echo’. esc_attr( $thumbnail_src[0]) . «echo»»;}add_action(‘wp_head’, ‘insert_fb_in_head’, 5 );

Nota: Recuerde cambiar el Nombre del Sitio donde dice «Su Nombre de Sitio Va Aquí» . También cambie la URL de la imagen por defecto con la imagen de la suya. Recomendamos poner una imagen con su logo allí, así que si su mensaje no tiene una miniatura, entonces tira del logo de su sitio. Los estudios muestran que los mensajes compartidos sin una miniatura son menos efectivos que aquellos con miniaturas. Además, no olvides añadir tu ID de USUARIO. Puedes encontrar tu ID de usuario de Facebook en la siguiente URL: http://graph.facebook.com/syedbalkhi (Sólo tienes que reemplazar syedbalkhi con tu propio nombre de usuario).

Eso es todo lo que necesitas hacer. Tan pronto como guarde el archivo functions.php (o el plugin específico del sitio) comenzará a mostrar los metadatos de los gráficos abiertos de Facebook en el encabezado de WordPress.

Esperamos que este artículo le haya ayudado a añadir los metadatos de los gráficos abiertos de Facebook en WordPress. Es una gran manera de conseguir que los usuarios se comprometan con tu contenido en la plataforma social masiva de Facebook.

Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para obtener más tutoriales en vídeo de WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario