Portada cPanel ¿Qué es un index.html?
Tener un archivo index subido a nuestro dominio es fundamental si se quiere tener una página web que funcione. Se puede decir más alto pero no más claro: sin index no hay página web. Así pues es sumamente importante tener un archivo index.
El tema está en que cuando creamos una página web en Internet el primer paso que hay que tener en cuenta es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede desde Internet, lo que vemos en primer lugar a la hora de acceder a ese nombre de dominio.
Al acceder a un dominio, escribiendo por ejemplo www.hostinet.com o simplemente hostinet.com en la barra de direcciones, el navegador de Internet que estemos utilizando lo primero de todo buscará ese archivo index y tratará de reproducir lo que en él aparezca (imágenes, textos, vínculos a otros archivos, enlaces…).
El archivo index puede tener diferentes terminaciones, según el tipo de lenguaje bajo el cual esté creada la página, pero siempre deberá estar nombrado en minúsculas. Siendo .html .htm y .php las terminaciones más usadas por los webmasters.
index.html, index.htm, index.php …
Para poder crear un archivo index.html a modo de inicio de nuestra página web podemos utilizar cualquier editor de texto enriquecido como podrían ser Microsoft Word, Open Office (desde Hostinet recomendamos Open Office rotundamente, además es completamente gratuito) o cualquier otra aplicación para el diseño de páginas webs (Microsoft FrontPage, Adobe Dreamweaver, ect).
Si quieres subir tu página web a un alojamiento contratado en Hostinet basta con que accedas al panel de control cPanel de tu alojamiento. Este se encuentra en:
http://tudominio.org.es/cpanel
Una vez logueado en el cPanel debes buscar la opción Administrador de Archivos (1). Es la primera, no tiene perdida, y escoger la opción de la carpeta que contenga la instalación de tu página web (suele ser /public_html (2) como se ve en la imagen de abajo ) y darle a «Go» (3) o lo que es lo mismo «Ir».
Tras ello y desde el administrador de archivos podrás subir los archivos para crear tu propia página web. Recuerda que el archivo index siempre debe ir dentro del directorio raíz o public_html de tu servidor. Si lo subes a cualquier otro directorio no funcionara.
Una vez se contrata cualquier alojamiento web en Hostinet, se crea automáticamente un archivo index.html.
Esto se crea para que cuando el alojamiento esté online no muestre un error, ya que si no hay un index se mostrará un error 500.
En el mensaje de bienvenida que muestra este index.html, se indica que el alojamiento ha sido creado y se invita al cliente a que sustituya este index por el de su web para empezar a disfrutar del alojamiento que ha contratado.
En muchas ocasiones, el sitio web aún no se realizado, y cuando se crea el alojamiento web este index se queda ahí durante todo el tiempo que se necesite para tener el sitio web acabado y poder subirlo.
Muchos usuario prefieren cambiar esto por un mensaje de Sitio en creación, o Estaremos Online en unos Días, etc…
Si tenemos un index preparado solo debemos acceder a cPanel, como hemos comentado antes, y subir nuestro archivo para sustituirlo.
Si no tenemos nada preparado podemos editar el archivo desde el Administrador de Archivos que tenemos disponibles en cPanel.
Una vez en cPanel debemos dirigirnos al Administrador de Archivos y después acceder al directorio public-html.
Dentro del directorio del public-html veremos nuestro famoso archivo index.html y un directorio llamado cgi-bin que crea cPanel de manera interna y que podemos dejar tranquilo.
Sólo debemos seleccionar el archivo index.html y hacer click en Editor de HTML que podemos encontrar en el menú superior.
No aparecerá una ventana en la que se muestra una advertencia. Para continuar pulsamos sobre Edit.
Esto abrirá una nueva ventana que se parecerá mucho a un editor de texto pero con algunas diferencias.
En realidad es un editor de HTML online, bastante simple, pero suficiente para cambiar el texto de bienvenida que aparece por defecto en los alojamientos web de Hostinet, por otro texto deseado.
El editor HTML con el que podemos editar nuestro index.html tiene varias opciones interesantes, pero vamos a ver las más básicas que son, añadir una imagen y editar el texto.
Editar el texto con editor HTML es tan sencillo como hacerlo con un programa tipo Word. Podemos eliminar y añadir texto, aplicar negritas o cursivas, cambiar el tamaño de los textos o simplemente el color.
Añadir una imagen también es muy sencillo. Sólo hay que buscar el icono de Imagen en el menú y pulsarlo. Podemos dejar el puntero del ratón un segundo encima de los iconos para saber el nombre de cada uno de ellos.
En la ventana de carga podemos seleccionar una imagen que tengamos ya subida o hacer click en Cargar y seleccionarla desde nuestro ordenador, pulsar sobre Enviar al Servidor y Aceptar.
Algunos navegadores dan problema con esto, si es así es mejor subir la imagen y añadir la URL directamente.
Luego sólo nos quedará ver cómo queda y guardar para publicar nuestro nuevo index.HTML.
Es posible que tengamos nuestro archivo index.html en nuestro ordenador y queramos subirlo a nuestro hosting.
Muchas veces se crea la web de manera local en un ordenador con algún programa de edición HTML o lo ha creado un diseñador web y nos ha facilitado los archivos de la web.
Lo que tenemos que hacer es subir nuestros archivos web al alojamiento web que tengamos contratado, para poder publicar la web y esté accesible a todo el mundo.
Puedes subir el archivo index.html desde el panel de control cPanel, con la herramienta Administrador de Archivos, aunque muchos usuarios prefieren utilizar un cliente de FTP, siendo el más popular, FileZilla.
Para subir nuestro index.html a nuestra web desde el panel de control cPanel, lo primero que tenemos que hacer es acceder a nuestro panel y una vez dentro, ir al Administrador de Archivos.
Una vez accedamos al Administrador de Archivos, tienes que encontrar la carpeta public_html y acceder a ella, pero ten en cuenta que esta carpeta es la principal del hosting y está asociado al dominio principal.
Si tienes un hosting multidominio o quieres utilizar un subdominio, deberás acceder al directorio correspondiente.
Una vez accedas a la carpeta correspondiente, sólo tienes que hacer click en Cargar en el menú superior.
Esto abrirá una pantalla nueva desde la que podemos buscar el archivo index.html que tengamos en nuestro ordenador para seleccionarlo para subirlo.
Una vez subido el archivo index, deberías ver algo así y ya estaría, ahora sólo queda que compruebes la web, para comprobar que funciona correctamente.
FileZilla es un cliente de FTP muy popular, ya que es gratuito y funciona muy bien.
Los clientes FTP (File Transfer Protocol), conectan nuestro ordenador con el hosting, sin tener que acceder al panel de control, para poder subir o descargar los archivos.
Si quieres utilizar un FTP, lo tienes que configurar con los datos de acceso correctos, que son:
Estos datos son los mismos que utilizas para acceder al panel de control cPanel y puedes encontrarlos en tu área de cliente en Hostinet.com, desde la sección Mis Productos y entrando en el hosting.
Debajo de los relojes de consumo, verás los datos de acceso que necesitas para configurar el cliente FTP:
Sólo tienes que poner los datos que se indican, como servidor, puedes poner el Hostname, el usuario y la contraseña, lo que te indique el panel y el puerto, puedes dejarlo en blanco, aunque por defecto es el 21.
Una vez accedas al sitio por FTP, verás casi lo mismo que en el Administrador de Archivos, pero con la diferencia que, en la parte de la izquierda, encontrarás los archivos locales, incluido el index.html.
¿Sabías que tu archivo index.html puede ayudar a que tu página aparezca en los primeros resultados de búsqueda en Google? ¡Así es! Aquí te dejo algunos consejos para optimizar tu index.html y mejorar tu SEO:
1. Estructura del HTML:
2. Uso de Meta Tags:
3. Optimización de Contenido:
Vamos a ver algunas buenas prácticas que te ayudarán a crear un archivo index.html eficiente y funcional:
1. Validación del HTML:
2. Compatibilidad con Navegadores:
3. Accesibilidad:
Para facilitar la creación y edición de tu archivo index.html, aquí tienes algunas herramientas y recursos recomendados:
Editores de Código:
Frameworks y Bibliotecas:
Recursos de Aprendizaje:
Vamos a ver algunos ejemplos básicos de código para que puedas empezar con tu archivo index.html:
Plantilla Básica:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mi Página Web</title> </head> <body> <header> <h1>Bienvenidos a Mi Página Web</h1> </header> <main> <p>Este es el contenido principal de mi sitio web.</p> </main> <footer> <p>© 2024 Mi Página Web</p> </footer> </body> </html>
Plantilla con Bootstrap:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mi Página Web</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> </head> <body> <div class="container"> <header class="my-4"> <h1 class="text-center">Bienvenidos a Mi Página Web</h1> </header> <main> <p>Este es el contenido principal de mi sitio web.</p> </main> <footer class="mt-4"> <p class="text-center">© 2024 Mi Página Web</p> </footer> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> </body> </html>
Todos los alojamientos que ofrece Hostinet ofrecen a sus clientes el panel de gestión incluido en el precio.
Otras empresas de hosting deciden desarrollar un panel de control propio para ahorra el precio de la licencia de cPanel en sus servidores.
Desde Hostinet no creemos que esta sea la mejor solución ya que cPanel está en constante actualización y ofrece a los clientes una cantidad y soluciones difícil de superar por un panel de control propio.
En Hostinet puedes disfrutar por muy poco al mes de un Hosting NVMe para alojar tu index y tener tu propio correo electrónico.
Desde Hostinet te aseguramos que no te arrepentirás si decides contratar nuestro plan de hosting básico.
Es un plan que ha sido ideado especialmente para webmasters que van a iniciar un nuevo proyecto y, para ello, lo primero de todo que deben hacer es crear un archivo index, tal y como hemos expuesto en este artículo que llega a su fin con estas últimas líneas que acabamos de escribir.