Archivo Index.html: para qué sirve y cómo se crea

Por Felipe

Publicado en:

En nuestra experiencia, index.html es uno de esos archivos que aparecen “porque sí” en casi todos los sitios… hasta que un día lo borrás, subís mal el home y tu web queda en blanco. Ahí te das cuenta de para qué sirve de verdad. Vamos paso a paso: qué es, cómo se crea, dónde se sube y cómo cambiarlo si querés que el servidor cargue otra página.

¿Qué es index.html y para qué sirve en una web?

index.html es la página por defecto que el servidor intenta mostrar cuando alguien entra a un dominio o a una carpeta sin especificar un archivo.

Ejemplo simple: si alguien visita tudominio.com, el navegador no pide “index.html” explícitamente. Pide la raíz del sitio (/). Entonces el servidor (Apache, Nginx, LiteSpeed, etc.) busca un archivo configurado como “página de inicio”. En muchísimos hostings, ese archivo es index.html (o index.php si el sitio usa PHP).

Lo curioso es que, aunque vos escribas https://tudominio.com, muchas veces el servidor termina sirviendo internamente https://tudominio.com/index.html. Y listo, magia (pero magia bastante lógica).

¿Por qué se llama “index”? Viene del inglés “índice”. En web, suele ser sinónimo de home, portada o página principal. Igual ojo: tu home puede llamarse distinto si lo configurás (y ahí entra el .htaccess o la config del servidor).

Tutorial: cómo crear un archivo index.html (bien hecho) para tu sitio

Para crear un index.html no necesitás nada raro: un editor de texto alcanza. Pero si querés trabajar cómodo, usá un editor tipo VS Code, Sublime o incluso el Bloc de notas (sí, también sirve, aunque no es lo más lindo).

  • Paso 1: Abrí tu editor y creá un archivo nuevo llamado index.html (respetá minúsculas, por costumbre).
  • Paso 2: Pegá una estructura HTML básica (te dejo una versión prolija, no la mínima).
  • Paso 3: Guardalo con codificación UTF-8 (para tildes y ñ sin problemas).
  • Paso 4: Subilo al directorio raíz de tu hosting (public_html, www, htdocs… depende del proveedor).
  • Paso 5: Entrá a tu dominio y verificá que cargue.

Ejemplo de index.html básico pero correcto:

<!doctype html>
<html lang=”es-AR”>
<head>
  <meta charset=”utf-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1″>
  <title>Inicio | Mi Sitio</title>
  <meta name=”description” content=”Página de inicio de mi sitio web.”>
</head>
<body>
  <h1>Esta es mi página principal</h1>
  <p>Si estás viendo esto, tu servidor ya está sirviendo index.html correctamente.</p>
</body>
</html>

Sinceramente, con esto ya resolvés el 80% de los casos cuando estás arrancando: tener un home visible, que cargue rápido, y que no rompa nada.

Dónde va el index.html: carpeta raíz, dominio y hosting

El index.html tiene que estar en la carpeta que tu servidor usa como raíz del sitio. En hosting compartido suele ser:

  • public_html
  • www
  • htdocs

Si tu dominio apunta a esa carpeta, al entrar a tudominio.com el servidor busca el index automáticamente. Si estás armando tu web y todavía no contrataste hosting, vas a necesitar uno donde puedas subir archivos (FTP/SFTP o administrador de archivos). Podés ver opciones de hosting si querés algo simple para empezar sin volverte loco con la infraestructura.

Y si tu proyecto ya pide más potencia (por ejemplo, un WordPress pesado, un e-commerce, o una API), ahí suele convenir un servidor VPS para tener más control sobre la configuración del servidor y el rendimiento.

Cómo cambiar la página de inicio (DirectoryIndex) con .htaccess

Si tu servidor es Apache (muy común en hosting compartido), podés definir qué archivo se carga por defecto usando un archivo .htaccess en la raíz del sitio.

Creás (o editás) el archivo .htaccess y agregás algo así:

DirectoryIndex mi-index.html index.html index.php

¿Qué logra esto?

  • Primero intenta cargar mi-index.html.
  • Si no existe o no se puede leer, prueba con index.html.
  • Si tampoco, intenta con index.php.

Esto viene bárbaro cuando querés hacer pruebas sin pisar el home real (o cuando migrás una web y querés una “landing temporal”).

Tabla rápida: index.html vs index.php (y qué necesita el servidor)

Archivo Tipo de sitio Requisitos del servidor Uso típico
index.html Estático Servidor web básico (Apache/Nginx) Landing, portfolio, sitio institucional simple
index.php Dinámico PHP habilitado + configuración correcta WordPress, tiendas online, sistemas a medida
index.htm Estático Servidor web básico Compatibilidad antigua (hoy se usa poco)

Dato práctico: si subís un index.php pero tu hosting no ejecuta PHP (o está mal configurado), vas a ver el código o un error. No es un “misterio”, es el servidor diciéndote “no sé qué hacer con esto”.

Detalles que te ahorran dolores de cabeza (posta)

  • Nombre exacto: en Linux, Index.html y index.html no son lo mismo (sí, es así de quisquilloso).
  • Permisos: si el archivo no tiene permisos de lectura, el servidor puede tirar 403.
  • Orden de prioridad: si existe index.php y index.html, el servidor puede elegir uno u otro según su configuración (muchas veces gana index.php).
  • SEO básico: poné title y description, aunque sea. Te ayuda desde el día 1.

FAQ: dudas comunes sobre index.html

¿Puedo tener varios index en la misma carpeta?
Sí, podés tener index.html, index.php, index.htm, etc. Pero el servidor va a cargar uno según el orden configurado en DirectoryIndex (o la config del server).

¿Qué pasa si no tengo index.html ni ningún archivo de inicio?
Depende del servidor. Puede mostrar un listado de archivos (si está habilitado) o tirar un error (403/404). Por seguridad, conviene que no haya “directory listing”.

¿Index.html afecta al posicionamiento en Google?
Indirectamente sí. No por el nombre, sino porque suele ser la página principal: si carga rápido, tiene buen contenido, estructura HTML correcta y metaetiquetas, ayuda al SEO. Si está vacía o mal armada, te complica.

¿Necesito comprar un dominio para usar index.html?
Para publicarlo en internet, sí: dominio + hosting. Si todavía no tenés dominio, podés registrarlo en dominios y después apuntarlo a tu hosting.

¿Se puede cambiar el index sin .htaccess?
Sí. En Nginx se hace desde la configuración del servidor (directiva index). En paneles tipo cPanel a veces también hay opciones, pero lo más directo en Apache compartido suele ser .htaccess.

¿Querés publicar tu index.html hoy mismo sin renegar? Subí tu web a un hosting confiable y dejá el dominio apuntando en minutos.


Ir a HostingPlus.ar