Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
url parámetros

Como convertir parámetros por GET en URLs amigables

Es muy habitual pasar parámetros por $_GET a una página para procesar algo, o simplemente para mostrar un contenido u otro en función del mismo.

Pongo un ejemplo. Tienes una web donde hay una página proyectos donde muestras un listado de tus proyectos. Los proyectos pueden ser en venta o finalizados, y los tienes distribuidos en dos pestañas. Por defecto la pestaña activa es En Venta, pero puedes tener enlaces en el resto de tu sitio que enlacen directamente a Finalizados, algo tipo:

https://miweb.com/proyectos/?project-type=finalizados

De este modo, el visitante entrará a la misma página pero la pestaña activa será Finalizados en lugar de En Venta.

Es entonces cuando viene el SEO y te dice que eso de los parámetros en la URL no se lleva y que puede perjudicar al posicionamiento de tu web. Consultando un poco en Google puedes encontrar que usar parámetros en la URL es una práctica no recomendada:  https://moz.com/learn/seo/url

Avoid the use of parameters, if possible. If parameters need to be used, they should be limited to two or less. Evita el uso de parámetros, si es posible. Si los parámetros deben ser utilizados, deben ser limitados a dos o menos.

Resumiendo: Evítalo, pero si no puedes evitarlo trata que sean 2 o menos.

No te preocupes si el SEO se pone estricto en este aspecto, por suerte WordPress dispone de herramientas para evitarlo.

Basándonos en el ejemplo mencionado anteriormente, vamos a ver cómo podemos hacerlo a través de la función de WordPress add_rewrite_rule():

Lo que hemos hecho es añadir dos nuevas reglas para convertir nuestro parámetro project-type a un formato de URL amigable, ¿Porqué dos reglas? Porque debemos tener en cuenta que la página proyectos puede tener paginación.

La regla es ‘(.?.+?)/project-type/([^/]*)/?$’. Resumiendo, la primera parte (.?.+?) es la expresión regular de la parte de la URL amigable que va a montar WordPress por defecto. Es decir, para el ejemplo que he utilizado tendríamos una página llamada «Proyectos», pues el primer parámetro sería el slug de la página Proyectos que va a montar WordPress.

El segundo parámetro será una cadena fija project-type que hemos definido nosotros. Este es el nombre amigable del parámetro que utilizaremos en código para mostrar los proyectos En Venta o Finalizados.

El último parámetro ([^/]*) es la expresión regular para indicar el valor de nuestro parámetro project-type.

Lo siguiente es indicar cómo quedaría la URL: ‘index.php?pagename=$matches[1]&project-type=$matches[2]’. Como puede observarse hemos añadido un parámetro llamado project-type que tendrá el valor de la segunda expresión regular.

Ahora en nuestra página proyectos podremos obtener ese parámetro y trabajar con él:

Puede que también te interese

Campos personalizados para una plantilla determinada
Campos personalizados para una plantilla determinada
En alguna ocasión podemos estar interesados en mostrar un metabox con campos personalizados o custom fields para una plantilla determinada o concreta, y no mostrarlos en…
Insertar un anuncio entre el contenido de un post
Insertar un anuncio entre el contenido de un post
Seguro que has visto en más de una ocasión páginas web que insertan anuncios o contenidos relacionados entre medias del propio contenido. De hecho yo lo tuve…
Añadir clases par/impar en los listados de WordPress
Añadir clases par/impar en los listados de WordPress
En esta entrada vamos a ver cómo introducir las clases par/impar en los listados de WordPress de tres formas diferentes. A veces puede resultar útil…
Mejora la puntuación de Google PageSpeed Insights: Minificar CSS y JS
Mejora la puntuación de Google PageSpeed Insights: Minificar CSS y JS
1. Optimizar imágenes 2. Minificar CSS y JS 3. Especificar caché de navegador 4. Habilita la compresión 5. Reducir el tiempo de respuesta del servidor…