Cuáles son los tipos de virus informáticos más peligrosos para tu ordenador
Por FelipePublicado en:
Estilo elegido (PASO 1): A. TÉCNICO (Tutorial/Definición). El contenido original explica qué es index.html, cómo crearlo y cómo cambiar la página por defecto con .htaccess. Encaja perfecto en un formato técnico con pasos, tabla de specs y FAQ.
Qué es index.html (y por qué aparece en casi todas las webs)
Si recién arrancás en diseño o desarrollo web, es normal que te cruces con index.html y pienses: “¿esto qué es y por qué está en todos lados?”. Sinceramente, es una de esas cosas simples que, cuando la entendés, te ordena bastante la cabeza.
index.html es el archivo de inicio (la página por defecto) que el servidor web intenta servir cuando alguien entra a un dominio o a una carpeta sin especificar un archivo. O sea: si alguien escribe tudominio.com, el servidor suele buscar automáticamente /index.html (o el que tengas configurado) y lo muestra.
La palabra “index” viene de “índice”, y en la práctica funciona como “home”, “inicio” o “portada” del sitio. Lo curioso es que no tiene por qué ser HTML: puede ser index.php, index.asp, etc. Depende de tu stack y de cómo esté configurado el servidor.
Cómo funciona index.html en un servidor (Apache/Nginx) sin vueltas
Cuando entrás a un sitio, pasan dos cosas:
- El navegador pide una URL (por ejemplo: https://www.mipagina.com/).
- El servidor resuelve qué archivo devolver. Si no indicás nada (tipo /contacto.html), busca un “archivo índice” por defecto.
En un hosting típico, el orden de búsqueda suele ser algo como: index.html, index.htm, index.php. Pero esto se puede cambiar.
Dato práctico: si no existe ningún archivo índice y el servidor lo permite, puede aparecer el listado de directorios (una pantalla con todos los archivos). Eso es un problema de seguridad bastante común (y sí, pasa más de lo que debería).
Tutorial: cómo crear tu index.html (paso a paso)
Podés crear un index.html con cualquier editor de texto. En nuestra experiencia, para empezar va bien VS Code, Sublime Text o incluso el Bloc de notas (aunque te vas a querer ir rápido).
1) Creá el archivo
- Abrí tu editor
- Guardá un archivo llamado index.html (ojo con guardarlo como index.html.txt)
2) Pegá una estructura HTML mínima
Esto es lo básico para que el navegador renderice algo coherente:
<!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>
</head>
<body>
<h1>Esta es mi página index.html</h1>
<p>Acá va el contenido principal que carga al entrar al dominio.</p>
</body>
</html>
3) Subilo al directorio raíz (document root)
El archivo tiene que quedar en la carpeta que tu servidor usa como raíz pública:
- En muchos hostings: public_html
- En otros: www o htdocs
Si tu dominio apunta a ese directorio, al entrar a tudominio.com debería cargar tu index.
4) Probalo
- Entrá a tu dominio desde modo incógnito (para evitar caché)
- Si no carga, revisá nombre del archivo, ubicación y permisos
Requisitos típicos para que index.html funcione bien
Esto suena obvio, pero te ahorra horas:
- Hosting activo y dominio apuntando (DNS correctos)
- Servidor web (Apache o Nginx) configurado para servir archivos estáticos
- Permisos de lectura (normalmente 644 para archivos y 755 para carpetas)
Si todavía no tenés dónde alojarlo, un hosting compartido te alcanza para un sitio simple. Si ya estás con algo más pesado (apps, paneles, APIs), mirá servidores VPS (ahí tenés más control real del entorno).
Cómo cambiar index.html por otra página (con .htaccess en Apache)
Si tu servidor usa Apache y tenés permitido usar .htaccess, podés definir otro archivo como “inicio”. Esto viene bien cuando querés que la home sea, por ejemplo, home.html o cuando tenés un index.php que debe tener prioridad.
Creá (o editá) un archivo llamado .htaccess en la raíz del sitio y agregá:
DirectoryIndex mi-index.html index.html index.php
¿Qué hace esa línea? Ordena un orden de prioridad:
- Primero intenta mi-index.html
- Si no está, prueba index.html
- Si tampoco, intenta index.php
(Aclaración de la vida real: si tu hosting usa Nginx puro, esto no aplica tal cual. Ahí se configura en el bloque del servidor, no con .htaccess.)
Tabla técnica: index.html vs index.php vs “otra home”
| Archivo | Tipo | Cuándo conviene | Requisitos del servidor | Puntos a favor |
|---|---|---|---|---|
| index.html | Estático | Landing simple, sitio institucional, páginas livianas | Servidor web básico (Apache/Nginx) | Rápido, simple, menos superficie de ataque |
| index.php | Dinámico | WordPress, sistemas con base de datos, lógica del lado servidor | PHP habilitado + configuración correcta | Flexible, genera contenido dinámico |
| home.html (u otro) | Estático o dinámico | Cuando querés una estructura distinta o varias “homes” por campaña | Configurar DirectoryIndex o server block | Orden y control (si lo documentás bien) |
Buenas prácticas (las que realmente te evitan quilombos)
- No dejes el director listing activo. Si no hay index, el servidor no debería mostrar archivos internos.
- Usá nombres estándar (index.html o index.php) salvo que tengas un motivo claro.
- Controlá redirecciones si cambiás la home (para no romper SEO ni enlaces internos).
- Versioná tu código con Git. Sí, incluso si es una landing simple (te salva).
Y si todavía no registraste el dominio, hacelo desde un proveedor confiable; te evita líos con DNS y renovaciones. Podés verlo en dominios.
FAQ: dudas comunes sobre index.html
¿Es obligatorio que mi página principal se llame index.html?
No. Es lo más común, pero podés definir otra con DirectoryIndex (Apache) o con la configuración del servidor (Nginx). Lo que importa es que el servidor sepa qué archivo servir por defecto.
¿Qué pasa si tengo index.html e index.php al mismo tiempo?
Gana el que esté primero en el orden configurado. En muchos hostings, si no tocás nada, puede priorizar index.html. Si usás WordPress, normalmente querés que gane index.php.
¿Por qué mi index.html no carga y me sale 403 o 404?
404 suele ser ruta incorrecta o archivo mal subido. 403 suele ser permisos, propiedad del archivo o una regla del servidor que bloquea acceso. Revisá permisos (644) y carpeta (755), y confirmá que estás subiendo al document root.
¿Puedo tener distintos index por carpeta?
Sí. Cada directorio puede tener su propio index.html/index.php. Por ejemplo, /blog/index.php y /tienda/index.html. Eso se usa un montón.
¿Index.html afecta al SEO?
Indirectamente sí: influye en tiempos de carga, estructura de URLs y cómo respondés al usuario. Un index liviano, bien armado, con títulos claros y buena performance suele ayudar (y si encima tenés HTTPS y hosting decente, mejor).
¿Querés subir tu web y que cargue rápido desde AR? Elegí hosting, VPS o dominio en un solo lugar y dejá de renegar con configuraciones raras.
