Inicio » Blog » HTML + CSS

19 marzo, 2024

Crear URLs amigables con .htaccess para una página web básica

Mejora la experiencia de usuario y el SEO de tu web con URLs amigables. Descubre cómo eliminar las extensiones de tus archivos y crear URLs fáciles de recordar con .htaccess.

Suscríbete a nuestro canal en Youtube

Suscríbirse

¡Adiós a las extensiones! URLs amigables con .htaccess

¿Cansado de las URLs largas y llenas de extensiones? En este video te mostraré cómo usar el archivo .htaccess para crear URLs amigables y mejorar la experiencia de usuario en tu página web.

¿Qué son las URLs amigables?

Las URLs amigables son aquellas que son fáciles de leer y recordar para los usuarios. En lugar de usar extensiones como .php o .html, utilizan palabras clave que describen el contenido de la página.

¿Por qué usar URLs amigables?

  • Mejoran la experiencia de usuario: Son más fáciles de recordar y escribir, lo que facilita la navegación por tu web.
  • Mejoran el SEO: Los motores de búsqueda como Google las valoran positivamente, lo que puede mejorar el posicionamiento de tu web.
  • Aumentan la profesionalidad: Le dan un aspecto más profesional a tu web.

¿Cómo crear URLs amigables con .htaccess?

Para crear URLs amigables con .htaccess, necesitaremos editar el archivo .htaccess que se encuentra en la raíz de tu sitio web.

Pasos a seguir:

  1. Abre el archivo .htaccess con un editor de código como Notepad++ o Sublime Text.
  2. Agrega el siguiente código:

Fragmento de código

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.php [L]

 

  1. Guarda el archivo .htaccess.

Explicación del código:

  • RewriteEngine On: Activa el módulo de reescritura de URLs.
  • RewriteCond %{REQUEST_FILENAME} !-d: Comprueba que la URL no es un directorio.
  • RewriteCond %{REQUEST_FILENAME} !-f: Comprueba que la URL no es un archivo.
  • RewriteRule ^([^.]+)$ $1.php [L]: Reemplaza la URL original por la URL amigable sin la extensión .php.

Ejemplo:

Suponiendo que tenemos un archivo llamado index.php.

  • URL original: www.tudominio.com/index.php
  • URL amigable: www.tudominio.com/index

 


Leido 168 veces

Compartir link del tutorial con tus amigos


HTML HTML

Curso de HTML Básico - Aprende a crear páginas web desde cero

Descarga del código fuente

USD 0.00

Aprende más sobre HTML + CSS

Cursos de programación

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023