Demian-T/plugin-planificador-pagina-aterrizaje

Planificador SEO para Landing Page

Genera un plan SEO estructurado que cubre todas las páginas. Sin código — solo la configuración SEO lista para ser inyectada en app/layout.tsx, app/sitemap.ts, app/robots.ts y metadatos por página.

Entradas

• {company_name} — nombre de la marca
• {industry} — sector
• {pages} — lista de páginas a cubrir (por defecto: /, /tarifs, /a-propos, /blog, /cas-clients)
• {content_brief} — titular del héroe, texto de características, etc. de landing-page-copy

---

Paso 1 — Validación de la Arquitectura del Sitio

Evaluar si el conjunto de páginas por defecto es óptimo para esta industria. Preguntar:

1. ¿Necesita esta industria una página independiente /contact o /demo? (B2B SaaS → sí)
2. ¿Faltan páginas de palabras clave con alta intención? (p.ej. /comparatif, /alternatives-[competitor], /[use-case])
3. ¿Debería /blog ser /ressources o /guides para esta industria?
4. ¿La página de precios necesita su propio /tarifs o es suficiente un ancla #pricing?

Generar una lista final de páginas con URL, título y propósito. Por defecto:

URL	Título de la Página	Propósito
/	Página principal	Conversión — héroe + pruebas + características
/tarifs	Tarifas	Comparación de planes, intención de actualización
/a-propos	Acerca de	Generar confianza, historia de la marca
/blog	Blog	Tráfico orgánico SEO
/cas-clients	Casos de clientes	Confianza + etapa de decisión

Agregar hasta 2 páginas adicionales si están fuertemente justificadas por la industria.

---

Paso 2 — Metaetiquetas por Página

Para cada página, generar:

página:         [url]
título:        [50-60 caracteres. Palabra clave principal cerca del inicio. Marca al final después de " | "]
descripción:  [140-160 caracteres. Verbo de acción. Beneficio. CTA suave. Incluye palabra clave principal.]
og_title:     [Igual que title o ligeramente más atractivo]
og_description: [Igual que description o variante conversacional]
palabras clave:  [3-5 palabras clave principales para esta página]

Reglas para la etiqueta de título:

• Página principal: {Palabra clave principal} | {Nombre de la empresa} o {Nombre de la empresa} — {Propuesta de valor principal}
• Característica/precios: {Característica/Precios} {Empresa} — {Beneficio}
• Blog: {Título del artículo} | {Blog de la empresa}
• 50-60 caracteres para evitar truncamiento en SERP

Reglas para la metadescripción:

• Única por página — sin copiar y pegar
• Incluir la palabra clave principal de forma natural
• CTA suave: "Descubra", "Empiece gratis", "Compare los planes"
• Máximo 140-160 caracteres

---

Paso 3 — Plan de Marcado Schema

Para cada página, especificar qué esquemas JSON-LD implementar:

Página principal (/)

Organization {
  name, url, logo, description,
  sameAs: [URLs de perfiles sociales — LinkedIn, Twitter/X, GitHub si es relevante],
  contactPoint: { contactType: "servicio al cliente", availableLanguage: "Español" }
}
WebSite {
  name, url,
  potentialAction: SearchAction (si el sitio tiene búsqueda)
}

Precios (/tarifs)

// Para cada plan:
Offer {
  name, price, priceCurrency, description,
  seller: { "@type": "Organization", name }
}
FAQPage (si existe sección de preguntas frecuentes sobre precios) {
  mainEntity: [{ "@type": "Question", name, acceptedAnswer }]
}

Páginas de publicaciones del blog

Article {
  headline, datePublished, dateModified,
  author: { "@type": "Organization", name },
  publisher: { "@type": "Organization", name, logo },
  image, description
}
BreadcrumbList {
  itemListElement: [Inicio → Blog → Artículo]
}

Páginas de casos de estudio

Article (type: "TechArticle" o genérico)
BreadcrumbList {
  itemListElement: [Inicio → Casos de clientes → Nombre del caso]
}

Acerca de (/a-propos)

AboutPage {
  name, description, url,
  mainEntity: Organization (igual que en la página principal)
}

Esquema SoftwareApplication — agregar a la página principal si la industria es SaaS/tecnología:

SoftwareApplication {
  name, applicationCategory: "BusinessApplication",
  operatingSystem: "Web",
  offers: { price, priceCurrency }
}

---

Paso 4 — Configuración del Sitemap XML

// entradas de sitemap.ts
pages: [
  { url: "/",            changeFreq: "weekly",  priority: 1.0 },
  { url: "/tarifs",      changeFreq: "weekly",  priority: 0.9 },
  { url: "/a-propos",    changeFreq: "monthly", priority: 0.6 },
  { url: "/blog",        changeFreq: "daily",   priority: 0.8 },
  { url: "/cas-clients", changeFreq: "monthly", priority: 0.7 },
  // publicaciones del blog:   changeFreq: "monthly",  priority: 0.6
  // casos de estudio:        changeFreq: "monthly",  priority: 0.7
]

Ajustar prioridades según la intención de conversión:

• Páginas con alta intención de conversión (/, /tarifs): 0.9-1.0
• Confianza / embudo medio (/cas-clients): 0.7-0.8
• Contenido / embudo superior (/blog, /a-propos): 0.5-0.7

---

Paso 5 — Pistas de Core Web Vitals

Según los componentes planificados, marcar estas optimizaciones durante la construcción:

Imágenes:

• Usar next/image con priority={true} en la imagen del héroe
• Formato WebP mediante unoptimized: true (exportación estática) + activos preoptimizados
• width y height explícitos para evitar CLS

Fuentes:

• Usar next/font/google con display: 'swap'
• Agregar preconnect a fonts.googleapis.com en la etiqueta <head>

CSS:

• Usar variables CSS — evita el recálculo de nombres de clase al cambiar de tema
• Evitar @import en CSS (usar next/font en su lugar)

JavaScript:

• 'use client' solo en componentes interactivos (DarkModeToggle, ContactForm, Pricing toggle)
• Secciones estáticas (Texto del héroe, Características, Pie de página) = Componentes de servidor = sin coste de bundle JS

---

Paso 6 — Pistas para SEO de IA (Citabilidad)

Para que AI Overviews, Perplexity, ChatGPT citen este sitio:

Pistas de estructura para la fase de generación de código:

• La sección de preguntas frecuentes debe usar <dl> o HTML semántico de preguntas/respuestas (no solo div/p)
• Las estadísticas en el héroe deben tener una etiqueta <data value="X"> envolvente
• Los artículos del blog necesitan <article> con <time datetime="..."> y un <h1> claro
• Los casos de estudio necesitan una estructura explícita de H2 "Desafío / Solución / Resultado"
• La página "Acerca de" necesita <address> para la información de contacto de la empresa

Pistas de contenido:

• Incluir de 1 a 2 respuestas de preguntas frecuentes que respondan directamente a "¿Qué es {company_name}?" y "¿Cómo funciona {company_name}?" (estas son citadas directamente por IA)
• Los artículos del blog deben tener un resumen TL;DR en el primer párrafo
• Las estadísticas deben incluir fuente/contexto (incluso si es interno: "basado en datos de clientes")

---

Formato de Salida

Generar el plan como SEO_PLAN:

## SEO_PLAN

### lista_paginas
[Lista final de páginas con cualquier adición]

### metaetiquetas
[Título, descripción, og_title, og_description, palabras clave por página]

### plan_schema
[Tipos de schema por página + campos clave]

### config_sitemap
[Prioridad + changeFreq por página]

### pistas_construccion
[Pistas de CWV + SEO de IA para pasar a la generación de código]