¿Cómo eliminar la extensión .html de la URL de una página estática?

Todas las páginas del sitio web tienen una estructura dada por HTML. HTML proporciona la estructura al contenido, texto, tablas, encabezados y listas en la página web que hace que la página sea fácil de leer. Al guardar un documento HTML, tiene una extensión como .html. Por lo tanto, la URL del sitio web tiene una extensión .html . La extensión .html se puede eliminar fácilmente editando el archivo .htaccess .

Archivo .htaccess: El archivo .htaccess se crea con un editor de texto como el Bloc de notas. Es un archivo ASCII simple que le permite al servidor saber qué cambios de configuración se deben realizar en cada directorio.

Nota: El .htaccess es el nombre completo del archivo. No es file.htaccess , es simplemente .htaccess .

Eliminación de la extensión .html: para eliminar la extensión .html de una URL. Por ejemplo: 
De  

example.com/content.html

example.com/content

Tienes que seguir estos pasos: 

  • Inicie sesión en la cuenta de cPanel.
  • En la sección Archivos , haga clic en el icono Administrador de archivos .
  • Haga clic en el botón Configuración en la esquina superior derecha.
  • Si desea realizar cambios en el dominio principal, haga clic en el botón de radio junto a la raíz web . Si se van a realizar cambios en Otros dominios, haga clic en el menú desplegable y busque el dominio en el que se realizarán los cambios.
  • Recuerde marcar la casilla de verificación junto a Mostrar archivos ocultos . Ahora haga clic en el botón Guardar para volver a la ventana del Administrador de archivos.
  • Ahora se encuentra en la carpeta raíz del dominio que ha seleccionado para realizar cambios. Busque el archivo .htaccess y haga clic derecho sobre él. Haga clic en la opción Editar en el menú. Ahora puede agregar código al archivo .htaccess.
  • Agrega el siguiente código dentro del archivo .htaccess

HTML

#remove html file extension https://example.com/page.html
# to https://example.com/page
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.html [NC, L]
  • Haga clic en el botón Guardar cambios y luego en el botón Cerrar .

Ahora puede vincular cualquier página dentro del documento HTML sin necesidad de agregar la extensión de la página, ya que ahora no se verá ninguna extensión en la URL del sitio web.

Ejemplo:  

<a href="http://example.com/image" title="image">image</a>

El motor de búsqueda puede indexar estas páginas como contenido duplicado, para superar esto, agregue una metaetiqueta <canonical> en el archivo HTML. 

Ejemplo:  

<link rel="canonical" href="https://example.com/blog/first-blog" />

Publicación traducida automáticamente

Artículo escrito por ayushkaher99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *