Configurar URLs amigables de PrestaShop en WordPress

¿Por qué es importante la integración de PrestaShop y WordPress?

Cuando tienes una tienda online, es muy común encontrarse con la necesidad de combinar dos plataformas potentes: PrestaShop para el catálogo y la gestión de pedidos, y WordPress para el blog, las landing pages o la parte corporativa. El problema surge cuando ambas conviven en el mismo dominio o subdominio y las URLs se convierten en un batiburrillo de parámetros y caracteres extraños que ni Google ni tus clientes entienden.

La configuración de URLs amigables PrestaShop en un entorno WordPress no es un capricho, es una necesidad real para el SEO PrestaShop. Una URL limpia como tudominio.com/blog/como-lavar-zapatillas es infinitamente más efectiva que tudominio.com/index.php?id_category=12&controller=category. El objetivo de esta guía es que, aunque no seas un experto técnico, puedas realizar esta integración sin romper nada por el camino y entendiendo cada paso.

Para empezar, debes saber que trabajar con PrestaShop WordPress en el mismo servidor (o en servidores diferentes) requiere que el URL rewriting PrestaShop funcione perfectamente. Esto se logra mediante archivos .htaccess y reglas de reescritura. Vamos a desgranarlo todo.

Entendiendo la base: ¿Qué es el URL rewriting y por qué lo necesitas?

El URL rewriting es el proceso técnico que permite traducir una URL dinámica y fea (llena de ?id=, &lang=, etc.) a una URL estática, limpia y descriptiva. En el contexto de la integración PrestaShop WordPress, esto se complica porque tienes dos sistemas de gestión de contenidos (CMS) distintos que intentan "pelear" por controlar las rutas de tu dominio.

Imagina que tu WordPress está en la raíz (tudominio.com) y tu PrestaShop en una subcarpeta (tudominio.com/tienda). Si no configuras bien las reglas, al acceder a tudominio.com/tienda/zapatillas WordPress podría intentar buscar una página llamada "tienda" y devolver un error 404.

El URL rewriting PrestaShop se encarga de decirle al servidor: "Oye, todo lo que empiece por /tienda/, envíalo al controlador frontal de PrestaShop, no a WordPress". Y a su vez, WordPress tiene su propio sistema de enlaces permanentes que debe respetar esa excepción. Es un baile delicado, pero con la configuración adecuada, se logra la armonía perfecta.

Requisitos previos antes de tocar nada

Antes de lanzarte a modificar archivos, necesitas asegurarte de que tu entorno cumple con una serie de requisitos. No hacerlo puede provocar errores 500 o pantallazos blancos.

1. Tener acceso al Panel de Control (Syspanel o cPanel)

Para editar archivos de configuración como .htaccess o los de PrestaShop, necesitas acceso al gestor de archivos de tu hosting. Si tu hosting utiliza Syspanel, recuerda que el puerto de acceso es el 2106. Conéctate con tus credenciales y busca la sección de "Administrador de archivos" o "Gestor de ficheros".

[INFO] Si tu hosting usa Syspanel, la URL de acceso normalmente es http://tu-dominio.com:2106 o https://tu-dominio.com:2106. No lo olvides, es un detalle que muchos usuarios pasan por alto.

2. Activar el modo amigable en PrestaShop

PrestaShop tiene una opción nativa para activar las URLs amigables. Ve a tu panel de administración de PrestaShop (la back-office) y sigue esta ruta:

Ve a Configuración avanzada.
Haz clic en Rendimiento (o " rendimiento").
Busca la sección URLs amigables (o "URL rewriting").
Activa la opción Sí, activar URLs amigables.

Después de activarlo, PrestaShop generará un archivo .htaccess en su carpeta raíz. Si no lo hace automáticamente, tendrás que generarlo manualmente pulsando el botón "Guardar" de nuevo.

3. Tener una copia de seguridad

Este paso es CRÍTICO. Antes de modificar cualquier archivo .htaccess, wp-config.php o archivos de configuración de PrestaShop, descarga una copia de seguridad de los mismos a tu ordenador. Si algo sale mal, podrás restaurar el estado original en cuestión de segundos.

[WARNING] No edites archivos de configuración sin copia de seguridad. Un simple error tipográfico puede tumbar tu tienda online entera.

Paso a paso: Configurando las URLs amigables en la integración

Ahora sí, vamos al meollo. Te presento dos escenarios comunes. Elige el que se ajuste a tu caso.

Escenario A: WordPress en la raíz y PrestaShop en /tienda

Este es el caso más habitual. Tu blog está en tudominio.com y tu tienda en tudominio.com/tienda.

1. Configurar los enlaces permanentes de WordPress

Primero, vamos a asegurarnos de que WordPress usa URLs limpias. Ve a tu escritorio de WordPress:

Ve a Ajustes -> Enlaces permanentes.
Elige la estructura que prefieras. Para SEO, la más recomendada es "Nombre de la entrada" (que genera URLs como tudominio.com/ejemplo-post).
Haz clic en Guardar cambios. Esto actualizará el .htaccess de WordPress automáticamente.

2. Editar el archivo .htaccess de WordPress

Ahora, necesitamos decirle a WordPress que ignore la carpeta /tienda. Accede a la raíz de tu WordPress (la carpeta principal donde está instalado) y busca el archivo .htaccess.

Ábrelo con un editor de texto (como el Bloc de notas o el editor de Syspanel). Deberías ver algo similar a esto:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Debes añadir antes de la línea # BEGIN WordPress (o justo después de RewriteEngine On) las siguientes reglas para excluir la carpeta tienda:

# Excluir la carpeta de PrestaShop
RewriteRule ^tienda/ - [L]

El archivo final debería quedar así:

# Excluir la carpeta de PrestaShop
RewriteRule ^tienda/ - [L]

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

[TIP] La regla RewriteRule ^tienda/ - [L] le dice al servidor: "Si la URL empieza por /tienda/, no hagas nada con las reglas de WordPress, simplemente pasa de largo". Esto permite que PrestaShop maneje esas peticiones.

3. Configurar el .htaccess de PrestaShop

Ahora ve a tu carpeta /tienda y busca el archivo .htaccess que PrestaShop generó. Ábrelo y verifica que tiene las reglas de reescritura de PrestaShop. Normalmente empieza con algo como:

# ~~~start~~~ Do not remove this comment, Prestashop will keep automatically the code outside this comment when you save this file

# .htaccess automaticaly generated by PrestaShop e-commerce software.
# http://www.prestashop.com - http://www.prestashop.com/forums

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteBase /tienda/
...

Aquí no necesitas añadir nada extraño, solo asegurarte de que RewriteBase es /tienda/ (con la barra final). Si PrestaShop está en una subcarpeta, lo más normal es que ya esté bien configurado. Simplemente guarda el archivo y no lo toques más.

4. Probar la configuración

Ahora viene la prueba de fuego. Accede a tu tienda: tudominio.com/tienda y navega a una categoría o producto. Deberías ver URLs limpias como tudominio.com/tienda/zapatillas/. Luego, accede a tu blog: tudominio.com/blog/ y verifica que las entradas se ven correctamente.

Si todo funciona, ¡enhorabuena! Has logrado la integración básica.

Escenario B: PrestaShop en la raíz y WordPress en /blog

Este es el caso contrario, menos común pero igual de válido. Tu tienda es la principal y el blog es secundario.

1. Configurar PrestaShop

La configuración de URLs amigables PrestaShop en la raíz es más sencilla. Activa el modo amigable como te expliqué antes. PrestaShop generará su .htaccess en la raíz con las reglas de reescritura estándar.

2. Configurar WordPress en /blog

WordPress, al estar en una subcarpeta, tiene su propio .htaccess dentro de /blog. La configuración es prácticamente la misma que en el escenario anterior, pero a la inversa. Debes asegurarte de que el .htaccess de WordPress solo se aplique a su carpeta.

El contenido del .htaccess de WordPress en /blog suele ser:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog/index.php [L]
</IfModule>
# END WordPress

En este caso, el RewriteBase es /blog/. No necesitas añadir exclusiones, ya que el propio prefijo /blog/ evita conflictos con PrestaShop. Sin embargo, hay una regla crucial que debes añadir en el .htaccess de PrestaShop (el de la raíz) para que no intente "comerse" las URLs de WordPress.

3. Modificar el .htaccess de PrestaShop (raíz)

Abre el .htaccess de la raíz y busca la sección que contiene las reglas de reescritura. Añade justo después de RewriteEngine On la siguiente línea:

# Excluir la carpeta de WordPress
RewriteRule ^blog/ - [L]

Esto le dice a PrestaShop: "Todo lo que empiece por /blog/, no lo proceses, déjalo pasar". De esta manera, WordPress se encargará de esas URLs.

[WARNING] Es fundamental que esta regla esté antes de cualquier regla de reescritura de PrestaShop. Si la pones al final, podría ser ignorada y WordPress dejaría de funcionar.

Solución de problemas comunes (FAQ)

Aquí te dejo una serie de problemas que suelen aparecer y cómo solucionarlos.

1. Error 404 en las páginas de PrestaShop o WordPress

Esto significa que las reglas de reescritura no se están aplicando correctamente.

Solución: Revisa que el archivo .htaccess se ha guardado con permisos correctos (normalmente 644 o 755). También asegúrate de que el módulo mod_rewrite de Apache está activado en tu servidor. Si usas Nginx, la configuración es diferente y tendrás que editar el archivo de configuración del servidor (esto ya es más avanzado).
Acción: Ve a Configuración -> Enlaces permanentes en WordPress y pulsa "Guardar" de nuevo. Esto regenera el .htaccess y a veces soluciona el problema.

2. Error 500 (Internal Server Error)

Esto suele deberse a un error de sintaxis en el archivo .htaccess.

Solución: Revisa que no haya líneas duplicadas o errores tipográficos. Si no puedes acceder a tu web, usa el administrador de archivos de Syspanel (puerto 2106) para editar o eliminar el archivo .htaccess y restaurar el acceso.

3. Las URLs de PrestaShop siguen siendo dinámicas

Aunque hayas activado el modo amigable, las URLs siguen saliendo con index.php?.

Solución: Asegúrate de que PrestaShop ha podido escribir en el archivo .htaccess. A veces los permisos de la carpeta son demasiado restrictivos. Dale permisos de escritura temporalmente (755 o 777) a la carpeta raíz de PrestaShop, guarda la configuración y luego vuelve a poner permisos seguros (755).

4. La página de producto de PrestaShop no carga en WordPress

Si has incrustado un iframe o un enlace directo, el problema no es de reescritura, sino de la configuración de SSL o de las cookies.

Solución: Asegúrate de que tanto WordPress como PrestaShop usan https:// en sus URLs (ajustes generales). Si mezclas http y https, las cookies no se compartirán correctamente y pueden dar errores de sesión.

Consejos finales para el SEO de tu integración

Ya tienes la parte técnica funcionando. Ahora, para sacar el máximo partido al SEO PrestaShop, te dejo unas píldoras de sabiduría.

1. Usa una sola etiqueta canónica

Asegúrate de que tanto WordPress como PrestaShop generan correctamente sus etiquetas canónicas. Esto evita que Google considere que tienes contenido duplicado (por ejemplo, si una página es accesible por dos URLs diferentes). Tanto PrestaShop como WordPress tienen módulos y plugins para gestionar esto (como Yoast SEO en WordPress).

2. Cuida la velocidad de carga

La integración de dos CMS puede ralentizar tu web si no está bien optimizada. Usa caché en ambos sistemas (por ejemplo, el caché nativo de PrestaShop y un plugin de caché en WordPress como W3 Total Cache). También es recomendable usar una CDN (Red de Distribución de Contenidos) para servir las imágenes estáticas.

3. El mapa del sitio (Sitemap)

Genera un sitemap XML para cada plataforma. PrestaShop tiene su propio generador (en SEO y URLs) y WordPress puede usar un plugin. Luego, envía ambos sitemaps a Google Search Console y a Bing Webmaster Tools. Esto facilita que los motores de búsqueda encuentren todas tus páginas nuevas.

4. Redirecciones 301

Si antes tenías URLs dinámicas (index.php?id_product=5) y ahora son amigables (/zapatillas/), es vital que configures redirecciones 301 desde las antiguas a las nuevas. PrestaShop suele hacer esto automáticamente cuando activas las URLs amigables, pero verifícalo. En WordPress, si cambias la estructura de enlaces, también necesitarás un plugin de redirecciones.

Conclusión

Configurar las URLs amigables PrestaShop en una integración con WordPress es un proceso que, bien hecho, aporta una mejora sustancial al SEO PrestaShop y a la experiencia de usuario. No es una tarea imposible, solo requiere paciencia, seguir los pasos al pie de la letra y, sobre todo, tener una copia de seguridad antes de empezar.

Recuerda que la clave está en los archivos .htaccess y en la comunicación entre ambos sistemas. Con las reglas de exclusión correctas, tanto WordPress como PrestaShop vivirán en perfecta armonía en tu dominio. Si en algún momento te sientes perdido, no dudes en consultar la documentación oficial de PrestaShop o pedir ayuda a tu proveedor de hosting.

[TIP] Si tu hosting usa Syspanel, recuerda que el puerto de acceso es el 2106. Utiliza el administrador de archivos para editar los .htaccess con tranquilidad, ya que tiene un editor con resaltado de sintaxis que te ayudará a evitar errores.

Ahora que ya sabes cómo hacerlo, ponte manos a la obra. Tu tienda y tu blog te lo agradecerán con mejores posiciones en Google y una navegación mucho más clara para tus clientes. ¡Mucha suerte!