Funk Blog Job . Comunicación, diseño y tecnología

La semana pasada me contacto un cliente para comentarme que tenía un sitio el cual no aparecía en los buscadores ni a palos. A él (igual que a todo el mundo) lo que más le importa para poder vender es que su sitio apareciera por lo menos en alguno de los primeros 20 resultados. Cosa que hasta el momento no pasaba,

Entré a ver el sitio y vi que estaba bien tagueado, los meta estaba completo pero tenía un defecto importante. Que a la hora de querer posicionar bien un sitio web, cualquier tutorial de posicionamiento web o SEO nos enseñaría como una de sus principales reglas. Sus url eran dinámicas mostrando grandes cadenas de variables pasadas por GET. Eso así no iba a funcionar.

Le comente que formatear esas url a direcciones estáticas con exención .html iba a ser una gran ayuda a que su sitio posicionara mejor en los buscadores.

Me puse a googlear diferentes formas de hacerlo ya que sabía como hacerlo pero no estaba muy empapado en el tema.

Encontré de todo, los que explicaban de forma muy teórica el proceso del lado del servidor al que estaba sometido Apache para entender mediante el módulo “mod_rewrite” y modificar sobreescribiendo las url previamente formateadas a través de un archivo .htaccess.

Los que ponen enormes ejemplos súper complejos y un Script en PHP para que haga automáticamente los cambios de dinámica a estática. Pero personalmente no me dio un resultado favorable.

Y los que explican de forma muy completa la forma de crear el .htaccess y donde ubicarlo en el hosting pero no explican como hacer que cambien las urls.

Entonces opte por tomar un poco de cada uno de ellos y hacer mis propias pruebas.

En conclusión lo que yo personalmente hice fue lo siguiente:

Primero: averiguar si el servicio de hosting tenía habilitada la opción de mod_rewrite para esta cuenta. Deben hacer esa averiguación porque de lo contrario no sirve de nada seguir adelante.

Segundo: Opte por la pagina que te formatea el código para colocarlo en el .htaccess directamente. Si no te gusta como queda, leyendo un poco lo podes modificar, pero si no lo modificas funciona bárbaro y no vas a tener inconvenientes. La página es la siguiente http://webconfs.com/url-rewriting-tool.php

Y simplemente lo que hay que hacer es copiar y pegar una url dinámica (ej: http://www.misitio.com.ar/portfolio_detail.php?id=34) que quieras pasar a estática y listo, te tira el código para que quede con el formato final de .html o sino de lectura por directorios.

Yo preferí el formato http://www.misitio.com.ar/portfolio-clientes-34.html

Ese código que nos da el ejemplo:

Options +FollowSymLinks
RewriteEngine on
RewriteRule portfolio-clientes-(.*)\.html$ portfolio_detail.php?id=$1

No me voy a detener en explicar que quiere decir cada linea ya que no es el objetivo de este post, para los que quieran indagar y aprender más sobre mod_rewrite existen muchos tutoriales en internet que lo explican mucho mejor de lo que lo podría hacer yo.

Tercero: Copiamos y pegamos el código en un bloc de notas y lo guardamos con el nombre .htaccess. Es importante tener en cuenta que este archivo debe esta alojado en nuestro sitio raíz o en el directorio donde tengamos las url a convertir.

Cuarto: Como hacemos para que estas urls dinámicas que tenemos en el sitio y decidimos formatear a estáticas se modifiquen por arte de magia cuando navegamos nuestro sitio web.

La forma sencilla, casera, atada con alambre a lo argentino que yo use es la siguiente:

Supongamos que dentro de nuestro código pagina.php tenemos la siguiente linea que es un enlace dinámico que va a terminar siendo una dirección con variables pasadas por url que nos va a llevar a otra pagina2.php donde mostraremos X información según los datos pasados por variable:

< a href="portfolio_detail.php?id=< ? php echo $row_rs_endesarrollo['id']; ? >">link< / a>

Donde < ? php echo $row_rs_endesarrollo['id']; ? > va a ser el valor que estaremos pasando dentro de la variable. Formando como mostre antes la siguiente url:

http://www.misitio.com.ar/portfolio_detail.php?id=34

Lo que tenemos que hacer es modificar la linea dándole el mismo formato que escribimos en el .htaccess, en este caso quedaría así:

< a href="portfolio-clientes-< ? php echo $row_rs_endesarrollo['id']; ? >.html" >link< /a>

Devolviéndonos como mostre mas arriba una url con el siguiente formato:

http://www.misitio.com.ar/portfolio-clientes-34.html

De esta forma lo que estamos haciendo es indicándole el nuevo formato con el que va a pasar la variable, porque simplemente lo que importa es el valor que devuelve el RS.

Podemos “adornar aún más nuestras url, “engañando” a los buscadores con frases mejores hechas y más amigable, lo único que tenemos que tener en cuenta es que debemos armar nuestro .htaccesss respetando el nuevo formato que le vamos a dar a nuestro enlace.

Agrego un dato interesante y necesario para los que usen XAMPP y quieran probar esto de forma local.

Por defecto XAMPP viene con mod_rewrite desactivado así que la configuración que debemos tener en XAMPP para usar .htaccess de modo local (localhost) es la siguiente:

1.Abran el archivo httpd.config que esta en la carpeta apache, ubicada en la instalación de XAMPP

2. Busquen “#LoadModule rewrite_module modules/mod_rewrite.so”, linea 118 en mi instalación.
3. Quiten la “#” y guarden los cambio.
4. Localicen en el mismo documento y modifiquen esas líneas hasta que queden así:

(no se molesten en querer copiar, es una imagen)

5. Ahora solo queda reinicia Apache por vía del Panel de Control de XAMPP, o por el administrador de servicios de Windows y listo.

Todo funcionando y de manera local para que puedan hacer las pruebas que quieran sin exponer archivos on-line.

Espero les haya sido de utilidad. Tengan en cuenta que estoque escribí es muy personal sobre lo que yo necesite para cubrir el trabajo que tenía que hacer. No tiene fines de tutorial ni mucho menos, simplemente una forma sencilla de formatear una url sin necesidad de demasiado código ni la gran sabiduría para poder hacerlo.

//Comparte esta publicación