Guía técnica: .htaccess, el Controlador

El archivo .htaccess (HyperText Access) es el centro de mando de los servidores Apache. Su comportamiento es jerárquico: una regla aquí afecta al directorio actual y a todas sus subcarpetas.

Este archivo no es solo configuración técnica; es el punto de cruce entre la Experiencia de Usuario (WPO) y la Preservación de Activos Digitales (SEO). Una configuración correcta aquí reduce el rebote, mejora la velocidad de carga (Core Web Vitals) y protege tu autoridad durante migraciones.

Gestión de tráfico y autoridad (RewriteEngine)

El uso más crítico para el negocio. Aquí definimos cómo se transfieren los activos de autoridad (PageRank) y cómo se presentan las URLs.

Redirección 301 (El salvavidas de las migraciones)

Si cambias de dominio o reestructuras tu sitio, el 301 es obligatorio. Le dice a Google: “El negocio se mudó, transfiere toda la reputación antigua a esta nueva dirección”. Sin esto, pierdes años de posicionamiento en un día.

1
RewriteEngine On
2
# Redirigir todo el tráfico antiguo al nuevo dominio manteniendo la ruta
3
RewriteRule ^(.*)$ https://nuevodominio.cl/$1 [R=301,L]

URLs amigables (Conversión y Confianza)

Transforma parámetros técnicos sucios en rutas limpias que aumentan el CTR en buscadores.

• Caso Simple: De proyectos.php a /proyectos.

1
RewriteRule ^proyectos/?$ projects.php [NC,L]

• Caso E-commerce (Complejo): De index.php?cat=zapatos&id=nike a /tienda/zapatos/nike/.

1
RewriteRule ^tienda/([^/]*)/([^/]*)/$ /index.php?cat=$1&id=$2 [L]

Higiene Digital: WWW y HTTPS

La duplicidad diluye tu SEO. Debes forzar una sola versión de la verdad.

1
RewriteEngine On
2

3
# 1. Forzar HTTPS (Seguridad y Confianza)
4
RewriteCond %{HTTPS} off
5
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
6

7
# 2. Forzar sin-www (o con-www, tú eliges, pero sé consistente)
8
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
9
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]

Gestión de “Trailing Slash” (La barra final)

Google ve site.com/pagina y site.com/pagina/ como dos URLs distintas (Contenido Duplicado). Decide una estrategia y fuérzala. Aquí forzamos a quitar la barra:

1
RewriteBase /
2
RewriteRule ^(.*)/$ /$1 [L,R=301]

Aceleración de Ingresos (WPO)

La velocidad no es un lujo, es una métrica de retención. Cada segundo de retraso reduce la conversión un 7%.

Compresión Gzip (El .zip del servidor)

Comprime el código (HTML, CSS, JS) antes de enviarlo por el cable. Reduce el peso de la página hasta en un 70%.

1
<IfModule mod_deflate.c>
2
  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/json
3
</IfModule>

Browser Caching (La mejor petición es la que no se hace)

Le dice al navegador del usuario: “Ya bajaste el logo y los estilos ayer, no los pidas de nuevo hasta el próximo mes”. Ahorra ancho de banda y carga instantánea para usuarios recurrentes.

1
<IfModule mod_expires.c>
2
  ExpiresActive On
3
  # Imágenes: Larga duración (1 año)
4
  ExpiresByType image/jpg "access plus 1 year"
5
  ExpiresByType image/jpeg "access plus 1 year"
6
  ExpiresByType image/png "access plus 1 year"
7
  ExpiresByType image/webp "access plus 1 year"
8
  # CSS y JS: Media duración (1 mes)
9
  ExpiresByType text/css "access plus 1 month"
10
  ExpiresByType application/javascript "access plus 1 month"
11
</IfModule>

Habilitar Keep-Alive

Permite bajar múltiples archivos por una misma “tubería” TCP, en lugar de abrir y cerrar una conexión por cada imagen. Reduce drásticamente la latencia (TTFB).

1
<ifModule mod_headers.c>
2
  Header set Connection keep-alive
3
</ifModule>

Seguridad y Control Corporativo

Headers de Seguridad (Modern Defense)

No dependas solo de plugins. Inyecta seguridad a nivel de servidor para proteger a tus usuarios.

1
<IfModule mod_headers.c>
2
  # Evita que otros sitios incrusten tu web en un iframe (Clickjacking)
3
  Header always append X-Frame-Options SAMEORIGIN
4
  # Protección contra ataques XSS básicos
5
  Header set X-XSS-Protection "1; mode=block"
6
  # Fuerza al navegador a usar HTTPS en el futuro (HSTS)
7
  Header set Strict-Transport-Security "max-age=31536000; includeSubDomains"
8
</IfModule>

Evitar indexación quirúrgica (X-Robots-Tag)

A veces quieres que el PDF sea accesible si tienes el link, pero no quieres que aparezca en Google. El robots.txt es demasiado general; el .htaccess es un francotirador.

1
<Files ~ "\.(pdf|doc|docx)$">
2
  Header set X-Robots-Tag "noindex, noarchive"
3
</Files>

Bloquear listado de directorios

Si un usuario entra a tusitio.com/imagenes/ y no hay un index.html, Apache por defecto lista todos tus archivos. Esto es un riesgo de seguridad masivo.

1
Options -Indexes

Hack: “Modo Mantenimiento VIP”

Cuando el sitio se cae o necesitas hacer un deploy crítico, poner una página de “En Construcción” suele matar el acceso a todos, incluidos los desarrolladores y el equipo de QA.

Este script redirige a todo el mundo a una página de mantenimiento (con código 503 para que Google sepa que es temporal y no desindexe), EXCEPTO a tu oficina o tu IP de casa.

1
RewriteEngine On
2
RewriteBase /
3

4
# IP de la Oficina (Desarrolladores) - ¡Cámbiala por la tuya!
5
RewriteCond %{REMOTE_ADDR} !^123\.45\.67\.89$
6
# IP de Casa (Líder del proyecto)
7
RewriteCond %{REMOTE_ADDR} !^98\.76\.54\.32$
8

9
# Si NO es ninguna de las IPs de arriba, y NO están pidiendo la imagen de mantenimiento
10
RewriteCond %{REQUEST_URI} !^/mantenimiento\.html$
11
RewriteCond %{REQUEST_URI} !^/logo-empresa\.png$
12

13
# Redirigir a Mantenimiento con Header 503 (Service Unavailable)
14
RewriteRule ^(.*)$ /mantenimiento.html [R=503,L]

El valor: Permites que el equipo técnico arregle el sitio en producción viendo los cambios en tiempo real, mientras el público y Google ven un aviso profesional de “Volvemos en breve”.