SEO técnico PrestaShop: schema, Core Web Vitals y URLs | 2025-2026

El SEO técnico en PrestaShop es la base sobre la que se sostiene cualquier estrategia de posicionamiento orgánico. Sin una estructura sólida a nivel de código, velocidad y arquitectura de URLs, el mejor contenido o los mejores productos pueden pasar desapercibidos para Google.

En este artículo vamos a diseccionar tres pilares fundamentales: el schema markup para ecommerce, la optimización de Core Web Vitals y la creación de URLs amigables. El objetivo es que puedas aplicar cada técnica directamente en tu tienda, mejorando tanto la indexación como la experiencia de usuario.

Schema Markup: Datos Estructurados para tu Ecommerce

El schema markup (o datos estructurados) es un vocabulario semántico que añades al HTML de tu tienda para ayudar a los motores de búsqueda a entender el contenido de una página. En un ecommerce, esto es crítico para que tus productos aparezcan con estrellas de valoración, precios, disponibilidad e incluso información de envío directamente en los resultados de búsqueda (rich snippets).

Tipos de Schema Imprescindibles en PrestaShop

No todos los schemas son iguales. Para una tienda PrestaShop, debes centrarte en estos tres:

Product: El más importante. Marca cada página de producto con su nombre, SKU, precio, moneda, disponibilidad y reseñas.
BreadcrumbList: Mejora la navegabilidad semántica y ayuda a Google a entender la jerarquía de categorías.
Organization: Aplica a nivel de toda la tienda. Incluye el logo, nombre, dirección y redes sociales.

[TIP] PrestaShop 1.7 y 8.x ya incluyen datos estructurados básicos de fábrica, pero suelen ser incompletos o no cumplir con las últimas directrices de Google. Revisa siempre con la herramienta de Pruebas de Datos Estructurados de Google.

Implementación Práctica en PrestaShop

La forma más segura y flexible de añadir schema markup es mediante un módulo especializado (como PrestaShop Structured Data o Google Rich Snippets), pero si prefieres hacerlo manualmente, puedes inyectar JSON-LD en el archivo header.tpl o mediante un hook.

Ejemplo de JSON-LD para un producto:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Zapatillas Running Pro",
  "image": "https://tutienda.com/img/zapatilla.jpg",
  "description": "Zapatillas ligeras para running de asfalto.",
  "sku": "ZAP-RUN-001",
  "offers": {
    "@type": "Offer",
    "url": "https://tutienda.com/zapatillas/123-zapatillas-running-pro.html",
    "priceCurrency": "EUR",
    "price": "89.99",
    "priceValidUntil": "2025-12-31",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "120"
  }
}
</script>

Errores Comunes

Precio sin moneda: Google no interpreta correctamente un precio sin priceCurrency.
Disponibilidad incorrecta: Usa siempre las URLs de schema.org (InStock, OutOfStock, PreOrder).
Falta de marca: Añade la propiedad brand con @type: "Brand".

Core Web Vitals: Velocidad y Experiencia de Usuario

Core Web Vitals son un conjunto de métricas reales que Google utiliza para evaluar la experiencia de usuario en una página web. Desde mayo de 2021, son un factor de ranking directo. Para un ecommerce, donde la competencia es feroz, ignorarlos es un suicidio SEO.

Las Tres Métricas Clave

LCP (Largest Contentful Paint): Mide el tiempo que tarda en cargarse el elemento más grande visible (imagen principal, título, etc.). Debe ser menor a 2.5 segundos.
FID (First Input Delay): Mide la interactividad. El tiempo que tarda la página en responder al primer clic o toque. Debe ser menor a 100 ms.
CLS (Cumulative Layout Shift): Mide la estabilidad visual. Evita que los elementos se muevan inesperadamente. Debe ser menor a 0.1.

[WARNING] PrestaShop es conocido por su peso en CSS y JavaScript. Un tema mal optimizado puede disparar el CLS y el LCP. Si usas un tema comprado, asegúrate de que el desarrollador lo haya optimizado para Core Web Vitals.

Cómo Optimizar Core Web Vitals en PrestaShop

1. Optimización de Imágenes (LCP)

Las imágenes son el principal lastre en LCP. Usa formatos modernos como WebP o AVIF. Puedes instalar un módulo como PrestaShop WebP o configurar tu servidor para convertir automáticamente.

Configuración básica en .htaccess para WebP:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
  RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>

2. Reducción de JavaScript y CSS (FID)

PrestaShop carga muchos archivos JS y CSS que no son necesarios en todas las páginas. Activa la compresión Gzip y la minificación desde el panel de PrestaShop (Parámetros de la tienda > Rendimiento).

Combinar archivos CSS: Reduce las peticiones HTTP.
Combinar archivos JavaScript: Haz lo mismo con JS.
Cache de Smarty: Actívalo siempre.

3. Estabilidad Visual (CLS)

El CLS suele ser causado por banners, sliders o imágenes sin dimensiones definidas. Asegúrate de que todas las imágenes tengan los atributos width y height en el HTML.

Ejemplo correcto:

[INFO] El atributo loading="lazy" es excelente para imágenes que no están en el viewport inicial, pero no lo uses en la imagen principal del producto (la del LCP), ya que retrasaría su carga.

Herramientas de Medición

PageSpeed Insights: La herramienta oficial de Google. Te dará datos de laboratorio y de campo.
Lighthouse: Integrado en Chrome DevTools. Perfecto para auditorías locales.
GTmetrix: Ofrece un desglose detallado de tiempos y sugerencias.

URLs Amigables: Arquitectura de Enlaces Limpia

Las URLs amigables son aquellas que son legibles tanto para humanos como para motores de búsqueda. En PrestaShop, por defecto, las URLs de producto incluyen identificadores numéricos (ej: product.php?id_product=123), lo cual es nefasto para el SEO.

Configuración en PrestaShop

Activar las URLs amigables es el primer paso:

Ve a Parámetros de la tienda > Tráfico y SEO > SEO y URLs.
Activa la opción "URLs amigables".
Guarda los cambios.

Después de activarlas, PrestaShop genera URLs como:

Producto: /zapatillas/123-zapatillas-running-pro.html
Categoría: /10-zapatillas

Mejores Prácticas para URLs

Elimina los IDs: Aunque PrestaShop los incluye por defecto, puedes usar un módulo para quitarlos (ej: Pretty URLs). Quedaría: /zapatillas-running-pro.html.
Usa guiones, no guiones bajos: Google trata los guiones (-) como separadores de palabras, los guiones bajos (_) no.
Mantén la jerarquía: Las URLs de categorías deben reflejar la estructura: /ropa/hombre/camisetas.
Evita parámetros dinámicos: No uses URLs con ?id_category=10 o &page=2. PrestaShop ya las convierte a estáticas, pero verifica que no haya redirecciones.

Estructura Recomendada

Tipo de Página	URL Recomendada	Ejemplo
Producto	`/nombre-producto.html`	`/zapatillas-running-pro.html`
Categoría	`/categoria-padre/categoria-hija/`	`/ropa/hombre/camisetas/`
CMS	`/nombre-pagina`	`/sobre-nosotros`
Marca	`/marca/nombre-marca`	`/marca/nike`

[WARNING] Si cambias la estructura de URLs después de haber indexado la tienda, implementa redirecciones 301 desde las antiguas URLs a las nuevas. Puedes hacerlo mediante un módulo de redirecciones o editando el .htaccess.

Canonical Tags

Asegúrate de que cada página tenga una etiqueta canonical que apunte a sí misma. PrestaShop lo hace automáticamente, pero es buena práctica verificarlo, especialmente si tienes versiones de producto (combinaciones) que generan URLs diferentes.

<link rel="canonical" href="https://tutienda.com/zapatillas-running-pro.html" />

Integración de las Tres Técnicas: Un Enfoque Sistémico

El SEO PrestaShop no funciona si trabajas cada punto de forma aislada. Una tienda con URLs perfectas pero con un LCP de 5 segundos no rankeará bien. Del mismo modo, un schema markup impecable no servirá de nada si tus URLs están llenas de parámetros.

Ejemplo de flujo de trabajo:

Audita tu tienda con herramientas como Screaming Frog o Sitebulb.
Corrige primero las URLs amigables (estructura y redirecciones).
Optimiza Core Web Vitals (imágenes, JS, CSS, hosting).
Implementa datos estructurados (producto, breadcrumb, organización).
Verifica todo con Google Search Console (informes de Core Web Vitals y datos estructurados).

Checklist Final

[TIP] No olvides monitorizar los Core Web Vitals en Google Search Console de forma periódica. Los cambios en tu catálogo (nuevas imágenes, módulos, etc.) pueden afectar negativamente a las métricas sin que te des cuenta.

Conclusión

El SEO técnico en PrestaShop es un trabajo continuo, no una tarea puntual. El schema markup ecommerce te dará visibilidad en los resultados de búsqueda, los Core Web Vitals asegurarán una experiencia de usuario fluida, y las URLs amigables facilitarán la indexación y el rastreo.

Aplica cada una de estas técnicas con disciplina, mide los resultados y ajusta según sea necesario. Tu tienda no solo mejorará en posicionamiento, sino que también ofrecerá una experiencia de compra superior, lo que se traduce en más conversiones y mejores ventas.