Instala el snippet de JavaScript
Agrega el script tag de SEO Core a tu sitio, verifica la instalación y configura la entrega client-side de deployments SEO activos.
Qué hace
El snippet de JavaScript es un loader ligero que se ejecuta cuando un visitante abre cualquier página de tu sitio. Revisa si hay deployments activos para esa URL específica y los aplica al instante: actualiza title, meta description, headings, contenido, schema markup o canonical tag antes de que el visitante note algo.
Activación instantánea
Los cambios que haces en el dashboard aparecen en tu sitio en segundos, sin FTP, sin entrar al CMS y sin esperar a un developer.
Targeting por URL
Los deployments solo se aplican a las URLs exactas que configuraste. El resto de las páginas no se toca.
Historial de versiones
Cada deployment queda versionado. Puedes activarlo, pausarlo o volver a una versión anterior desde el dashboard.
Funciona en todas partes
Compatible con WordPress, Webflow, Shopify, Wix, sitios HTML personalizados y cualquier CMS o framework que sirva páginas HTML.
Requisitos
- Acceso al HTML de tu sitio o a un tag manager, como Google Tag Manager.
- Un proyecto de SEO Core con dominio verificado.
- JavaScript debe estar habilitado en el navegador del visitante, porque este método aplica cambios del lado del cliente.
Nota
Si tu sitio renderiza server-side y necesitas que los cambios aparezcan en el HTML original para los crawlers antes de que JavaScript se ejecute, considera usar el Plugin de WordPress o el Paquete de Node.js.
Instalación
- 1
Abre tu proyecto en el dashboard
Ve a Projects y encuentra el proyecto que coincide con el sitio donde quieres agregar el script.
Cada proyecto tiene su propio script tag único. Asegúrate de usar el tag del proyecto correcto.
- 2
Copia el script tag
Haz clic en Deploy Script en la tarjeta del proyecto. En el modal, selecciona la pestaña Manual.
Haz clic en el botón de copiar junto al script tag para copiarlo al portapapeles.
- 3
Pégalo dentro del elemento <head> de tu sitio
Abre el HTML, editor de tema o template del CMS y pega el script tag dentro del elemento <head> en cada página donde quieras cubrir deployments.
Colócalo lo más arriba posible dentro del <head>, antes de otros scripts, para que cargue con alta prioridad.
Consejo
En la mayoría de CMS hay una sección de "Custom code" o "Header injection" donde puedes pegar el tag una vez y hacerlo aparecer en todas las páginas automáticamente.
- 4
Publica tu sitio
Guarda y publica los cambios en tu CMS o site builder. El script tag empezará a cargar en cada página donde lo agregaste.
- 5
Verifica la instalación
Vuelve al modal Deploy Script en tu dashboard y haz clic en Verify installation.
SEO Core visitará tu sitio y confirmará que el script está presente. Cuando se verifique, el estado del proyecto mostrará Script active.
Consejo
La verificación puede tardar hasta un minuto si tu sitio usa caché. Si falla, limpia la caché del sitio y vuelve a verificar.
Instalar con Google Tag Manager
Si usas Google Tag Manager y no tienes acceso directo al HTML del sitio, puedes desplegar el script con GTM.
- 1
Crea un nuevo tag en GTM
En tu workspace de GTM, haz clic en Tags → New. Elige Custom HTML como tipo de tag.
- 2
Pega el script tag
Copia tu script tag desde la pestaña Deploy Script → GTM del dashboard y pégalo en el campo HTML.
- 3
Configura el trigger en All Pages
En Triggering, selecciona o crea un trigger All Pages para que el script cargue en cada página del sitio.
- 4
Guarda y publica el contenedor
Haz clic en Save, luego envía y publica la versión del contenedor. El script cargará en tu sitio en vivo vía GTM.
Nota
GTM se ejecuta después del render inicial, así que en cargas muy rápidas puede verse brevemente el contenido original antes de que se apliquen los deployments. Para cambios de metadata como title y description, esto no tiene impacto visible para usuarios.
Qué se cambia y cómo
Cuando activas un deployment en el dashboard para una URL específica, el script lo aplica automáticamente a cada visitante de esa página:
- Title tags: el título de la pestaña del navegador y el headline en resultados de búsqueda.
- Meta descriptions: el snippet de texto mostrado en resultados de búsqueda.
- Headings: etiquetas H1 a H6 en el cuerpo de la página.
- Contenido on-page: párrafos o bloques de contenido específicos que seleccionaste.
- Canonical tags: indican a buscadores qué versión de una URL es la preferida.
- Schema markup: datos estructurados JSON-LD agregados al head de la página.
Consejo
Los deployments apuntan a URLs específicas. Si necesitas cambiar varias páginas, crea un deployment separado para cada URL desde el Crawler o directamente en el dashboard de Deployments.
Pausar o eliminar deployments
Pausar un deployment individual
Ve a SEO Deployments en el dashboard. Encuentra el deployment y apágalo con el toggle. El cambio se refleja en segundos y el contenido original se restaura para ese elemento.
Pausar todos los deployments de una URL
En SEO Deployments, selecciona una URL y haz clic en Pause all para desactivar todos los deployments activos de esa página.
Eliminar el script por completo
Elimina el script tag del elemento <head> del sitio o borra el tag de GTM. Ningún deployment se aplicará y tu contenido original se servirá tal cual.