Crear urls amigables con .htaccess y PHP

Muchos se preguntarán, ¿qué son las urls amigables y para qué sirven?, ¿realmente son necesarias?.

Pongamos un ejemplo práctico para ver la importancia que tienen las urls amigables dentro de un desarrollo web.

Si os fijais en un perfil de usuario de la popular red social Twitter, podéis ver que si mi usuario es «sombeo_oficial«, puedo acceder rápidamente a mi perfil desde la dirección «https://twitter.com/sombeo_oficial«. Eso amigos, es una url amigable, algo rápido y sencillo para acceder a un contenido de la página (en este caso al perfil del usuario) tanto para una persona como para un buscador.

Anteriormente, cuando surgió Facebook y se empezó a utilizar, los perfiles de los usuarios no disponían de urls amigables, por lo que para acceder a un perfil de usuario debíamos hacerlo a través de una url como esta «http://www.facebook.com/profile.php?id=1304880680«, algo que como podéis ver no es nada sencillo de recordar para una persona, ni tampoco muestra información muy concreta para un buscador.

Actualmente Facebook ya utiliza urls amigables y podemos ver que para acceder a un perfil de usuario ya símplemente con poner su nombre de usuario accedemos a él, sería algo así «http://www.facebook.com/sombeo» tanto para perfiles, como páginas, eventos, etc.

Para el posicionamiento de un sitio web es muy importante tener las direcciones o urls de forma amigable para los buscadores. Lo que incrementará considerablemente nuestro tráfico por parte de éstos. Ya que los buscadores además de fijarse en el título de la página, descripción, etcétera, también se fijan en la url y no es lo mismo tener una url amigable que diga «http://www.miweb.com/productos/monitor-17-pulgadas-samsung» a que sea «http://www.miweb.com/producto.php?id=2154«.

Después de esta explicación, empecemos:

Primero necesitamos limpiar éstas direcciones de carácteres inválidos como las tíldes, eñes y demás carácteres especiales. Para ello podemos utilizar la siguiente función PHP:

function urls_amigables($url) {

      // Tranformamos todo a minusculas

      $url = strtolower($url);

      //Rememplazamos caracteres especiales latinos

      $find = array('á', 'é', 'í', 'ó', 'ú', 'ñ');

      $repl = array('a', 'e', 'i', 'o', 'u', 'n');

      $url = str_replace ($find, $repl, $url);

      // Añadimos los guiones

      $find = array(' ', '&', '\r\n', '\n', '+');
      $url = str_replace ($find, '-', $url);

      // Eliminamos y Reemplazamos otros carácteres especiales

      $find = array('/[^a-z0-9\-<>]/', '/[\-]+/', '/<[^>]*>/');

      $repl = array('', '-', '');

      $url = preg_replace ($find, $repl, $url);

      return $url;

}

Esta función la usaremos a la hora de crear los enlaces en nuestra página web, para evitar posibles problemas.

Ahora vamos con lo importante, deberemos crear un archivo de texto plano .htaccess en el directorio raíz con una estructura específica, para que nuestro servidor Apache sepa como interpretarlo.

La primera línea de este archivo debe ser la siguiente:

RewriteEngine on

Después ponemos las dos siguientes líneas:

RewriteCond %{SCRIPT_FILENAME} !-d  
RewriteCond %{SCRIPT_FILENAME} !-f

Estas dos líneas son muy importantes, lo que hacen es decirle a Apache que sólo puede crear direcciones amigables si el directorio especificado no existe. Esto evita por ejemplo las reglas que coincidan con «http://miweb.com/imagenes/logo.png«. La primera línea evita los directorios (!-d) y la segunda línea los archivos (!-f).

Ahora vamos a reescribir una dirección para hacerla amigable.

Tenemos la siguiente dirección:

index.php?seccion=php&articulo=3

Podemos hacerla amigable y quedaría así:

articulo/php/3/urls-amigables-con-htaccess-y-php

Pues para poder crear está dirección amigable, a continuación de la última línea que tenga el archivo .htaccess deberemos poner una regla, en el caso de la dirección anterior sería ésta:

Rewriterule ^articulo/(.+)/([0-9]+)/(.+)$ index.php?seccion=$1&articulo=$2

Expliquemos un poco que significa cada cosa:

Rewriterule significa que vamos a crear una regla para reescribir una dirección.
El carácter ^ significa el comienzo de la expresión.
El primer valor (.+) significa que ahí va el primer valor/variable que pasamos por la url con el método GET. A estas variables se las llaman $1, $2, $3, dependiendo de su posición.
El valor ([0-9]) indica que ahí puede ir cualquier número del 0 al 9 pudiéndose repetir todas las veces que sean necesarias.
El segundo valor (.+) hace lo mismo que el primero pero con la última posición de la dirección.
El carácter $ significa que ahí termina la expresión.

Podemos hacer un infinidad de reglas distintas con diferentes patrones utilizando expresiones regulares.

Entonces cuando en el código de mi página web vaya a crear un enlace lo haría poniendo la url amigable directamente. Antes de todo ésto, cuando hagamos por ejemplo la consulta a la base de datos, mostraremos alguno de estos datos en la url para crear nuestra url amigable.

La consulta sería algo así:

SELECT id, titulo, descripcion, seccion FROM productos WHERE id = 3

Después de hacer la consulta desde PHP y devolver los valores quedaría algo así:

//recibo los valores de la consulta en diferentes variables
$seccion = $row['seccion'];
$id_articulo = $row['id'];

//limpiamos el título con la función que hay al comienzo del artículo
$titulo = urls_amigables($row['titulo']);

echo '<a href="articulo/'.$seccion.'/'.$id_articulo.'/'.$titulo.'" title="'.$row["titulo"].'"></a>';

Esto crearía nuestra url amigable utilizando los valores que tenemos en nuestra base de datos.

Para evitar problemas con la raíz al utilizar las urls amigables con direcciones relativas, es recomendable utilizar el siguiente código dentro del «<head>» de nuestra página:

<base href="http://www.miweb.com/" />

Y listo, con todo esto ya tendríamos nuestras urls amigables funcionando correctamente. Ya saben, cualquier duda tan sólo pregunten.

Blog Reacción Estudio

Crear urls amigables con .htaccess y PHP