Integración de Bubble.io y Yoast SEO (for WordPress): Guía paso a paso 2024

Esta guía asume que tienes:

• Una aplicación de Bubble.io
• Un sitio WordPress con Yoast SEO instalado.
• Comprensión básica del SEO y de Bubble.io

Aquí está la detallada guía paso a paso sobre cómo integrar Bubble.io con Yoast SEO:

Paso 1: Instalar el plugin Yoast SEO en WordPress

• Ve al panel de control de administrador de tu WordPress.
• En el menú lateral izquierdo, haz clic en Plugins, luego haz clic en el botón Añadir Nuevo.
• En el cuadro de búsqueda, escribe "Yoast SEO", luego presiona Enter.
• En los resultados de la búsqueda, encuentra Yoast SEO.
• Haz clic en el botón Instalar ahora, y luego haz clic en Activar.

Paso 2: Obtén tus metadatos de Yoast SEO

• Después de haber instalado y activado Yoast SEO, necesitas configurar correctamente tus metadatos.
• Ve a la configuración de Yoast SEO en WordPress (en el menú del lado izquierdo, pasa el cursor sobre SEO y selecciona Apariencia en la búsqueda).
• Ajusta la configuración a las necesidades de tu sitio web, incluyendo las páginas de inicio y las publicaciones de blog por defecto.
• Guarda tus cambios.

Paso 3: Configura tu sitio de la aplicación Bubble.io para utilizar los metadatos

• Inicia sesión en tu editor Bubble.io.
• Ve a la pestaña Configuración en la parte superior de la página.
• Haz clic en la pestaña SEO y metatags en el menú lateral izquierdo.
• Configura tu configuración, asegurándote de que la opción "Usar datos dinámicos" esté seleccionada.

Paso 4: Crea una nueva API

• Ve a la pestaña Data y luego selecciona APIs del menú de la izquierda.
• Haz clic en el botón Agregar otra API.
• Agrega la API de Yoast SEO, y completa la configuración requerida.

Paso 5: Conecta la API de Yoast SEO con Bubble.io

• Regresa a la sección APIs de tu aplicación de Bubble.
• Busca el conector de API del plugin, instálalo y luego añade otra API.
• Completa los campos requeridos:
  • Para URL base de la API usa la URL base de tu API de Yoast SEO (generalmente la URL de tu sitio WordPress más /wp-json/).
  • Para Encabezados compartidos, necesitas proporcionar tu nombre de usuario y contraseña de administrador del sitio de WordPress.
• Asegúrate de habilitar las opciones "Esta API permite GET" y "Añadir parámetros de seguridad genéricos a las llamadas a la API".

Paso 6: Configurar la API de Publicación

• Haz clic en el botón Agregar otra llamada a la API.
• Pon "Obtener datos SEO de la publicación" en el campo "Usar como nombre de la acción".
• Pon "/yoast/v1/posts/{id}" en el campo "Ruta relativa".
• Añade un parámetro de ruta con la clave "id" y el valor sería la ID única de la publicación de Bubble.io.
• Marca la opción "Devolver valores de encabezado".

Paso 7: Configurar los datos para enviar y recuperar

• Ajusta la configuración de la llamada API según tus necesidades.
• Configura la pestaña de datos dentro de Bubble.io para incluir campos que coincidan con tus metadatos para que los datos puedan ser extraídos y leídos correctamente.

Paso 8: Configurando el flujo de trabajo

• Una vez que hayas configurado los datos, necesitas configurar flujos de trabajo en Bubble.io para enviar y recibir realmente estos datos.
• Crea un flujo de trabajo que activa la llamada a la API cada vez que se carga una página.
• Podrías usar el evento "Un evento de API que solo llama a un programador" y luego programarlo cada vez que se carga una página, o usar otros flujos de trabajo específicos de Bubble que se adapten a tu aplicación.

Paso 9: Prueba tu integración

• Comprueba que el flujo de trabajo que has configurado se está ejecutando correctamente haciendo una vista previa de una página dentro de tu aplicación de Bubble.io y verificando que los datos de SEO de Yoast se envían y reciben correctamente. Esto debería reflejarse en los metadatos de la página cuando la inspeccionas.
• Además, también puedes usar herramientas de verificación SEO para validar tu configuración de SEO.

Listo, ahora has integrado Bubble.io con Yoast SEO para WordPress. Recuerda, las configuraciones de SEO pueden impactar enormemente en la visibilidad de tu sitio web, por lo que es importante revisarlas y actualizarlas regularmente.