≡En resumen
- La homepage es la puerta principal de una web y suele ser la página con más visitas.
- Su trabajo es orientar: explicar qué ofreces en segundos y llevar a cada visitante a la sección que busca.
- No es lo mismo que una landing page, que se centra en un único objetivo de conversión.
- Una buena homepage tiene una propuesta de valor clara, navegación sencilla, pruebas de confianza y una llamada a la acción.
- «Homepag» y «hompage» son errores frecuentes al escribir homepage.
01 ¿Qué es una homepage?
La palabra une home (casa, hogar) y page (página): la «página casa», el punto al que siempre puedes volver. Por eso casi todas las webs enlazan el logo de la cabecera a la homepage. Si te llegas a preguntar si es homepag, hompage o home page, la forma correcta en inglés es homepage o home page; las otras dos son erratas frecuentes.
Homepage de un sitio web
La página principal de una web, en la raíz del dominio. Es el significado más habitual.
Homepage del navegador
La página que se abre al iniciar el navegador o al pulsar el botón de inicio, como un buscador o un portal de noticias.
Homepage de una sección
En webs grandes, cada área (tienda, blog, ayuda) tiene su propia portada con su navegación.
02 ¿Para qué sirve la homepage?
En la mayoría de webs, la homepage es la página que más visitas recibe y la que atrae las búsquedas de marca. Quien llega a ella suele estar en una de estas situaciones: te conoce y quiere ir a algo concreto, o no te conoce y quiere saber si eres lo que busca. La portada tiene que servir a ambos en pocos segundos.
Presentar la marca
Deja claro quién eres, qué haces y para quién, sin obligar a leer mucho.
Distribuir el tráfico
Lleva a cada visitante a la sección adecuada: productos, servicios, precios o contacto.
Generar confianza
Opiniones, clientes, sellos y datos de contacto visibles reducen dudas.
Posicionar la marca en Google
Suele ser la página que aparece al buscar tu nombre y la que acumula más enlaces externos.
03 Homepage vs. landing page
Es la confusión más frecuente. Una landing page es una página de aterrizaje pensada para una sola acción, normalmente ligada a una campaña. La homepage es generalista: habla de todo el negocio y reparte al visitante hacia varias opciones.
| Aspecto | Homepage | Landing page |
|---|---|---|
| Objetivo | Orientar y presentar el negocio | Una conversión concreta: comprar, registrarse, pedir presupuesto |
| Público | Todos los visitantes | Un segmento que llega desde un anuncio, un email o una búsqueda concreta |
| Enlaces | Muchos: menú completo y accesos a secciones | Pocos o ninguno, para no distraer |
| Contenido | Resumen de toda la oferta | Un único producto, servicio u oferta |
| URL | Raíz del dominio | Una URL propia para cada campaña |
04 Qué debe incluir una buena homepage
Jakob Nielsen publicó en 2002 sus diez pautas de usabilidad para la página de inicio, y la mayoría sigue vigente: una frase que resuma qué hace la empresa, un título de ventana claro, destacar las tareas principales, mostrar contenido real en lugar de descripciones y usar imágenes con sentido, no decorativas. Traducido a una web actual, esta es la estructura típica de arriba abajo:
-
1
Cabecera
Logo, menú con las secciones clave y un botón de acción. Tienes más detalle en qué es un header.
-
2
Propuesta de valor
Un titular que diga qué ofreces y a quién, una frase de apoyo y la llamada a la acción principal, visibles sin hacer scroll.
-
3
Accesos a lo principal
Servicios, categorías o soluciones por tipo de cliente, con enlaces directos.
-
4
Pruebas de confianza
Opiniones, logotipos de clientes, casos de éxito, cifras verificables y certificaciones.
-
5
Cómo trabajas o cómo se compra
Tres o cuatro pasos que eliminen dudas sobre el proceso, los plazos o el envío.
-
6
Contenido reciente
Novedades, productos destacados o artículos del blog que demuestren actividad.
-
7
Cierre y pie
Una última llamada a la acción y un pie con contacto, datos legales y enlaces secundarios.
Lo que el usuario ve above the fold, antes de hacer scroll, decide si sigue o se va. Por eso la cabecera y el primer bloque concentran el mayor esfuerzo de diseño, redacción y pruebas.
05 Ejemplos de homepage según el tipo de web
| Tipo de web | Lo más importante en la homepage | Acción principal |
|---|---|---|
| Tienda online | Buscador, categorías, ofertas y envío o devoluciones | Ver productos o comprar |
| Empresa de servicios | Propuesta de valor, servicios, casos y opiniones | Pedir presupuesto o llamar |
| Negocio local | Dirección, horario, teléfono y reseñas | Reservar, llamar o cómo llegar |
| Medio de comunicación | Titulares actualizados y secciones | Leer noticias |
| SaaS | Problema que resuelve, demo o captura del producto y precios | Prueba gratuita o solicitar demo |
Titular: «Reformas integrales en Alicante con precio cerrado y plazo por contrato». Debajo, un botón «Pide presupuesto sin compromiso» y el teléfono. Después, cuatro accesos (cocinas, baños, pisos completos, locales), una galería de antes y después, opiniones de Google, el proceso en cuatro pasos y un formulario corto al final. Cada bloque responde a una duda del cliente antes de que la plantee.
Encontrarás más ejemplos comentados en nuestra guía de web corporativa y en este artículo con tres ejemplos de homepage que te servirán de inspiración.
06 Errores frecuentes en la página de inicio
- ✓Un carrusel de imágenes que rota solo y esconde el mensaje principal.
- ✓Titulares vagos como «Bienvenido a nuestra web» o «Soluciones integrales».
- ✓Demasiadas llamadas a la acción que compiten entre sí.
- ✓Imágenes de banco sin relación con el negocio real.
- ✓Ventanas emergentes que tapan la portada nada más entrar.
- ✓Una página muy pesada que tarda en cargar en el móvil.
- ✓No medir qué hacen los visitantes: dónde hacen clic y dónde abandonan.
Si tu portada no transmite lo que haces o no genera contactos, un proyecto de diseño de páginas web centrado en la estructura, los textos y la velocidad suele tener más impacto que cambiar solo los colores.
07 Cómo cambiar la homepage de tu navegador
El otro significado de homepage es la página que abre tu navegador. Cada uno lo configura en un sitio distinto de sus ajustes; los nombres pueden variar ligeramente entre versiones.
| Navegador | Dónde está la opción |
|---|---|
| Google Chrome | Configuración, Al iniciar (páginas al abrir) y Aspecto, Mostrar botón de página principal |
| Mozilla Firefox | Ajustes, Inicio, Página de inicio y nuevas ventanas |
| Microsoft Edge | Configuración, Inicio, página principal y nuevas pestañas |
| Safari (Mac) | Ajustes, General, Página de inicio |
Preguntas frecuentes sobre Homepage
Significa página de inicio. Es la página principal de un sitio web, la que se abre en la raíz del dominio, y también la que muestra un navegador al abrirse.
Lo correcto es homepage o home page. Homepag y hompage son erratas frecuentes al teclear.
La homepage presenta todo el negocio y reparte a los visitantes hacia varias secciones; la landing page se centra en una sola acción, normalmente ligada a una campaña.
Una cabecera con menú claro, una propuesta de valor visible sin hacer scroll, accesos a lo principal, pruebas de confianza, una llamada a la acción y un pie con contacto y datos legales.
No. Una página web es cualquier documento de un sitio; la homepage es solo la página principal. Un sitio web tiene una homepage y muchas páginas más.
Sí. Suele recibir la mayor parte de los enlaces externos y las búsquedas de marca, y reparte esa autoridad con sus enlaces a las secciones principales.
En los ajustes de tu navegador, en la opción de página de inicio o de páginas al abrir, escribe https://www.google.com y guarda los cambios.
Fuentes consultadas
Sobre el autor
Sara Cerdà Richart
Marketing Manager en appyweb
Dirige la estrategia de marketing digital, contenidos y redes sociales de los clientes de appyweb.
Ver perfil en LinkedIn ↗