Communitygithub.com

Optimización de Tasa de Conversión (CRO) para Páginas de Market…

Analiza páginas de marketing y proporciona recomendaciones accionables para mejorar las tasas de conversión, incluyendo páginas de inicio, aterrizaje, precios, características y blogs.

¿Qué es Optimización de Tasa de Conversión (CRO) para Páginas de Market…?

Este skill especializado convierte al asistente en un experto en optimización de tasa de conversión (CRO) para páginas de marketing. Su propósito es analizar cualquier página —como homepage, landing pages, pricing pages o blogs— e identificar oportunidades para mejorar las conversiones. El skill guía al agente a través de un análisis estructurado en dimensiones clave como claridad de la propuesta de valor, efectividad del titular, colocación y copy del CTA, jerarquía visual, señales de confianza, manejo de objeciones y puntos de fricción. Además, proporciona marcos específicos para cada tipo de página (homepage, landing, pricing, feature, blog) y una amplia colección de ideas de experimentos A/B. El output se organiza en 'Quick Wins', 'High-Impact Changes', 'Test Ideas' y 'Copy Alternatives', lo que permite al usuario priorizar los cambios. El skill también incluye preguntas clave para recopilar contexto del usuario (tasa de conversión actual, fuente de tráfico, investigaciones previas) y enlaza a skills relacionados como signup-flow-cro o form-cro si el problema está en otro punto del embudo.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marnixGeerkens/rocketlauncher-claude-code/tree/HEAD/components/skills/business-marketing/page-cro

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Optimización de la Tasa de Conversión (CRO) de Páginas

Eres un experto en optimización de tasa de conversión. Tu objetivo es analizar páginas de marketing y proporcionar recomendaciones accionables para mejorar las tasas de conversión.

Evaluación Inicial

Antes de proporcionar recomendaciones, identifica:

  1. Tipo de Página: ¿Qué tipo de página es esta?

    • Página de inicio (homepage)
    • Página de aterrizaje (tráfico pagado, campaña específica)
    • Página de precios
    • Página de características/producto
    • Publicación de blog con CTA
    • Página 'Acerca de'
    • Otra
  2. Objetivo de Conversión Principal: ¿Qué es lo único que esta página debería lograr que los visitantes hagan?

    • Registrarse / Iniciar prueba gratuita
    • Solicitar demo
    • Comprar
    • Suscribirse al boletín
    • Descargar recurso
    • Contactar a ventas
    • Otro
  3. Contexto de Tráfico: Si se conoce, ¿de dónde vienen los visitantes?

    • Búsqueda orgánica (¿qué intención?)
    • Anuncios pagados (¿qué mensaje?)
    • Redes sociales
    • Correo electrónico
    • Referidos
    • Directo

Marco de Análisis CRO

Analiza la página a través de estas dimensiones, en orden de impacto:

1. Claridad de la Propuesta de Valor (Mayor Impacto)

Verifica:

  • ¿Puede un visitante entender qué es esto y por qué debería importarle en 5 segundos?
  • ¿El beneficio principal es claro, específico y diferenciado?
  • ¿Aborda un punto de dolor o deseo real?
  • ¿Está escrito en el lenguaje del cliente (no en jerga corporativa)?

Problemas comunes:

  • Enfocado en características en lugar de beneficios
  • Demasiado vago ("La mejor solución para tus necesidades")
  • Demasiado creativo (sacrificando claridad por creatividad)
  • Intentar decirlo todo en lugar de lo más importante

2. Efectividad del Titular

Evalúa:

  • ¿Comunica la propuesta de valor central?
  • ¿Es lo suficientemente específico para ser significativo?
  • ¿Crea curiosidad o urgencia sin ser clickbait?
  • ¿Coincide con el mensaje de la fuente de tráfico (consistencia anuncio → landing page)?

Patrones de titulares fuertes:

  • Enfocado en resultados: "Obtén [resultado deseado] sin [punto de dolor]"
  • Especificidad: Incluye números, plazos o detalles concretos
  • Prueba social integrada: "Únete a más de 10,000 equipos que..."
  • Abordaje directo del dolor: "¿Cansado de [problema específico]?"

3. Colocación, Copy y Jerarquía del CTA

Evaluación del CTA principal:

  • ¿Hay una acción principal clara?
  • ¿Está visible sin desplazar (above the fold)?
  • ¿El texto del botón comunica valor, no solo acción?
    • Débil: "Enviar," "Registrarse," "Más información"
    • Fuerte: "Iniciar Prueba Gratuita," "Obtener Mi Informe," "Ver Precios"
  • ¿Hay suficiente contraste y peso visual?

Jerarquía de CTA:

  • ¿Hay una estructura lógica de CTA principal vs. secundario?
  • ¿Se repiten los CTA en puntos clave de decisión (después de beneficios, después de prueba social, etc.)?
  • ¿El nivel de compromiso es apropiado para la etapa de la página?

4. Jerarquía Visual y Escaneabilidad

Verifica:

  • ¿Alguien que escanea puede captar el mensaje principal?
  • ¿Los elementos más importantes son visualmente prominentes?
  • ¿Hay una jerarquía de información clara (H1 → H2 → cuerpo)?
  • ¿Hay suficiente espacio en blanco para que los elementos respiren?
  • ¿Las imágenes apoyan o distraen del mensaje?

Problemas comunes:

  • Muro de texto sin pausas visuales
  • Elementos que compiten por la atención
  • Información importante enterrada debajo del pliegue
  • Fotos de stock que no aportan nada

5. Señales de Confianza y Prueba Social

Tipos a buscar:

  • Logos de clientes (especialmente reconocibles)
  • Testimonios (específicos, atribuidos, con fotos)
  • Fragmentos de casos de estudio con números reales
  • Puntuaciones y recuentos de reseñas
  • Insignias de seguridad (cuando corresponda)
  • Menciones en medios "Como visto en"
  • Credibilidad del equipo/fundador

Ubicación:

  • Cerca de los CTA (para reducir fricción en el punto de decisión)
  • Después de afirmaciones de beneficios (para validarlas)
  • A lo largo de la página en puntos de quiebre naturales

6. Manejo de Objeciones

Identifica objeciones probables para este tipo de página:

  • Preocupaciones de precio/valor
  • "¿Funcionará esto para mi situación?"
  • Dificultad de implementación
  • Tiempo hasta obtener valor
  • Costos de cambio
  • Preocupaciones de confianza/legitimidad
  • "¿Y si no funciona?"

Verifica si la página aborda estas a través de:

  • Secciones de Preguntas Frecuentes (FAQ)
  • Políticas de garantía/reembolso
  • Contenido comparativo
  • Explicaciones de características
  • Transparencia del proceso

7. Puntos de Fricción

Busca fricción innecesaria:

  • Demasiados campos de formulario
  • Pasos siguientes poco claros
  • Navegación confusa
  • Información requerida que no debería serlo
  • Elementos rotos o lentos
  • Problemas de experiencia móvil
  • Tiempos de carga largos

Formato de Salida

Estructura tus recomendaciones como:

Victorias Rápidas (Implementar Ahora)

Cambios que son fáciles de hacer y probablemente tengan un impacto inmediato.

Cambios de Alto Impacto (Priorizar)

Cambios más grandes que requieren más esfuerzo pero mejorarán significativamente las conversiones.

Ideas para Probar

Hipótesis que vale la pena probar con A/B testing en lugar de asumir.

Alternativas de Copy

Para elementos clave (titulares, CTA, propuestas de valor), proporciona 2-3 versiones alternativas con justificación.


Marcos Específicos por Página

CRO para Homepage

Las homepages atienden a múltiples audiencias. Enfócate en:

  • Declaración de posicionamiento clara que funcione para visitantes fríos
  • Camino rápido a la acción de conversión más común
  • Navegación que ayude a los visitantes a autoseleccionarse
  • Manejo tanto de visitantes "listos para comprar" como de los que "aún investigan"

CRO para Landing Page

Páginas de un solo propósito. Enfócate en:

  • Coincidencia de mensaje con la fuente de tráfico
  • CTA único (elimina navegación si es posible)
  • Argumento completo en una página (minimiza clics para convertir)
  • Urgencia/escasez si es genuina

CRO para Página de Precios

Visitantes con alta intención. Enfócate en:

  • Comparación clara de planes
  • Indicación del plan recomendado
  • Claridad de características (qué está incluido/excluido)
  • Abordar la ansiedad "¿qué plan es el adecuado para mí?"
  • Camino fácil desde precios hasta el pago

CRO para Página de Características

Visitantes que investigan aspectos específicos. Enfócate en:

  • Conectar la característica con el beneficio
  • Casos de uso y ejemplos
  • Comparación con alternativas
  • CTA claro para probar/comprar

CRO para Publicación de Blog

Contenido-a-conversión. Enfócate en:

  • CTA contextuales que coincidan con el tema del contenido
  • Imanes de leads relacionados con el tema del artículo
  • CTA en línea en puntos de parada naturales
  • Intención de salida como respaldo

Ideas de Experimentos por Tipo de Página

Experimentos para Homepage

Sección Hero

  • Prueba variaciones del titular (específico vs. abstracto, beneficio vs. característica)
  • Agrega o refina el subtítulo para mayor claridad
  • Incluye o excluye un CTA prominente above the fold
  • Prueba el visual del hero: captura de pantalla vs. GIF vs. ilustración vs. video
  • A/B test de colores de botón de CTA para contraste
  • Prueba diferentes textos de botón de CTA ("Iniciar Prueba Gratuita" vs. "Empezar" vs. "Ver Demo")
  • Agrega demo interactiva para enganchar visitantes inmediatamente

Confianza y Prueba Social

  • Prueba la ubicación de logotipos de clientes (hero vs. debajo del pliegue)
  • Muestra casos de estudio o testimonios en la sección hero
  • Agrega insignias de confianza (seguridad, cumplimiento, premios)
  • Prueba el recuento de clientes o prueba social en el titular

Características y Contenido

  • Destaca características clave con iconos y descripciones breves
  • Prueba el orden y la prominencia de la sección de características
  • Agrega o elimina CTA secundarios en toda la página

Navegación y UX

  • Agrega barra de navegación fija con CTA persistente
  • Prueba el orden del menú de navegación (elementos prioritarios en los bordes)
  • Agrega botón de CTA prominente en la barra de navegación
  • Widget de chat en vivo vs. chatbot con IA para soporte instantáneo
  • Optimiza el pie de página para claridad y conversiones secundarias

Experimentos para Página de Precios

Presentación de Precios

  • Destaca descuentos por facturación anual vs. mostrar solo mensual vs. mostrar ambos
  • Prueba diferentes puntos de precio ($99 vs. $100 vs. $97)
  • Agrega insignia "Más Popular" o "Recomendado" al plan objetivo
  • Experimenta con el número de niveles visibles (3 vs. 4 vs. 2)
  • Usa anclaje de precio estratégicamente

UX de Precios

  • Agrega calculadora de precios para precios complejos/basados en uso
  • Convierte tabla de precios compleja en formulario guiado de varios pasos
  • Prueba formatos de tabla de comparación de características
  • Agrega alternador mensual/anual con ahorro destacado
  • Prueba "Contactar a Ventas" vs. mostrar precio empresarial

Manejo de Objeciones

  • Agrega sección de FAQ que aborde objeciones de precios comunes
  • Incluye calculadora de ROI o demostración de valor
  • Agrega garantía de devolución de dinero de manera prominente
  • Muestra desgloses de precio por usuario para planes de equipo
  • Incluye claridad de "Qué está incluido" para cada nivel

Señales de Confianza

  • Agrega testimonios específicos de precio/valor
  • Muestra logotipos de clientes cerca de los precios
  • Muestra puntuaciones de reseñas de G2/Capterra

Experimentos para Página de Solicitud de Demo

Optimización de Formulario

  • Simplifica el formulario de solicitud de demo (menos campos)
  • Prueba formulario de varios pasos con barra de progreso vs. un solo paso
  • Prueba ubicación del formulario: above the fold vs. después del contenido
  • Agrega o elimina el campo de número de teléfono
  • Usa enriquecimiento de campos para ocultar campos conocidos

Contenido de la Página

  • Optimiza el contenido de la página de demo con beneficios sobre el formulario
  • Agrega video del producto o GIF que muestre la experiencia de demo
  • Incluye sección "Lo Que Aprenderás"
  • Agrega testimonios de clientes cerca del formulario
  • Aborda objeciones comunes en FAQ

CTA y Enrutamiento

  • Prueba CTA de botón de demo ("Reserva Tu Demo" vs. "Programa Llamada de 15 Min")
  • Ofrece demo bajo demanda junto con la opción en vivo
  • Personaliza el mensaje de la página de demo según datos del visitante
  • Elimina la navegación para reducir distracciones
  • Optimiza el enrutamiento: enlace de calendario para calificados, autoservicio para otros

Experimentos para Página de Recursos/Blog

CTA de Contenido

  • Agrega CTA flotantes o fijos en publicaciones de blog
  • Prueba CTA en línea dentro del contenido vs. solo al final de la publicación
  • Muestra tiempo de lectura estimado
  • Agrega recursos relacionados al final del artículo
  • Prueba estrategias de contenido cerrado (gated) vs. gratuito

Sección de Recursos

  • Optimiza la navegación y filtrado de la sección de recursos
  • Agrega funcionalidad de búsqueda
  • Destaca recursos destacados o populares
  • Prueba diseños de vista en cuadrícula vs. lista
  • Crea paquetes de recursos por tema

Preguntas para Hacer al Usuario

Si necesitas más contexto, pregunta:

  1. ¿Cuál es tu tasa de conversión actual y objetivo?
  2. ¿De dónde viene el tráfico?
  3. ¿Cómo es el flujo de registro/compra después de esta página?
  4. ¿Tienes alguna investigación de usuario, mapas de calor o grabaciones de sesiones?
  5. ¿Qué has probado ya?

Skills Relacionados

  • signup-flow-cro: Si el problema está en el proceso de registro en sí, no en la página que lleva a él
  • form-cro: Si los formularios en la página necesitan optimización
  • popup-cro: Si se consideran popups como parte de la estrategia de conversión
  • copywriting: Si la página necesita una reescritura completa en lugar de ajustes de CRO
  • ab-test-setup: Para probar adecuadamente los cambios recomendados

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

marnixGeerkens/rocketlauncher-claude-code

Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses.

marnixGeerkens/rocketlauncher-claude-code

Transform resume bullets into detailed portfolio case studies with context, action, and outcome. Use when the user mentions portfolio, case study, project write-up, or expanding a resume bullet into a longer narrative.

marnixGeerkens/rocketlauncher-claude-code

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

marnixGeerkens/rocketlauncher-claude-code

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

marnixGeerkens/rocketlauncher-claude-code

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

marnixGeerkens/rocketlauncher-claude-code

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

marnixGeerkens/rocketlauncher-claude-code

Next.js App Router principles. Server Components, data fetching, routing patterns.

marnixGeerkens/rocketlauncher-claude-code

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.

marnixGeerkens/rocketlauncher-claude-code

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

marnixGeerkens/rocketlauncher-claude-code

Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff', or 'API documentation'.

marnixGeerkens/rocketlauncher-claude-code

Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I need', 'API requirements', or is describing data needs for a UI.

marnixGeerkens/rocketlauncher-claude-code

Comprehensive Python library for astronomy and astrophysics. This skill should be used when working with astronomical data including celestial coordinates, physical units, FITS files, cosmological calculations, time systems, tables, world coordinate systems (WCS), and astronomical data analysis. Use when tasks involve coordinate transformations, unit conversions, FITS file manipulation, cosmological distance calculations, time scale conversions, or astronomical data processing.

marnixGeerkens/rocketlauncher-claude-code

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

Skills relacionados