La importancia estratégica de tu página de inicio
Aunque la página de inicio es lo primero que la mayoría de los visitantes verá al entrar a tu sitio web, no es lo primero que diseñamos en este curso. ¿Por qué? Porque la página de inicio suele ser un resumen visual y estratégico del resto del sitio, y por eso tiene mucho más sentido construirla al final. Una buena página de inicio reúne lo más importante de las demás páginas —como tu presentación personal, tus servicios, tu portafolio o tus datos de contacto— y los presenta de forma atractiva y organizada.
¿Qué función cumple?
La página de inicio cumple un rol esencial en cualquier sitio web:
• Da la bienvenida y presenta tu identidad: Quién eres, qué haces y qué ofreces, todo en un vistazo.
• Capta la atención rápidamente: Un diseño atractivo, textos claros e imágenes bien seleccionadas ayudan a enganchar al visitante desde el primer segundo.
• Guía la navegación: Ofrece accesos visuales y estratégicos a las secciones más importantes de tu sitio.
• Muestra lo más relevante: Destaca aquello que más valor aporta: servicios principales, portafolio, testimonios, últimas entradas del blog, promociones u otras llamadas a la acción.
• Apunta a una conversión: Ya sea una compra, una suscripción, una consulta o una visita a otra sección, tu página de inicio debe invitar al usuario a dar el siguiente paso.
Elementos esenciales de una buena página de inicio
Al diseñar tu página de inicio, estos son algunos bloques comunes que verás (y que muy probablemente usarás):
• Encabezado atractivo: Una frase clara y poderosa que explique lo que haces o el valor que ofreces.
• Botón de acción destacado (CTA): Algo que invites a hacer de inmediato (ej: "Contáctame", "Ver mi portafolio").
• Resumen "Sobre mí": Un pequeño extracto con tu foto y un enlace a tu página completa de presentación.
• Servicios principales: Una sección visual que resuma lo que ofreces.
• Proyectos destacados o portafolio: Muestra algunos trabajos o logros clave.
• Testimonios o reseñas: Opcional, pero muy útiles si tienes clientes previos.
• Formulario de contacto o botón de acceso a la página de contacto.
• Pie de página completo: Con menús, redes sociales, datos legales, etc.
En resumen
La página de inicio no lo dice todo, pero debe mostrar lo suficiente para interesar, conectar y guiar al visitante hacia el resto del sitio. Ahora que ya tienes creadas tus secciones principales, estás listo para armar una portada que refleje todo lo que has construido.
Sesiones del Curso
1- ¿Qué es la web y cómo funcionan los sitios web?
2- ¿Qué es WordPress y por qué es tan popular?
3- WordPress.com vs WordPress.org
4- Actividad de Investigación: Sitios web populares hechos con WordPress
5- Actividad especial – Personaliza la entrada de bienvenida
6- Entradas vs Páginas en WordPress
7- Actividad de investigación y desarrollo: Planifica tu sitio web
8- ¿Qué es un blog y cómo se organiza el contenido?
9- Categorías y Etiquetas en WordPress
10- Actividad Especial: Crear un mini-blog temático
11- Información Adicional
12- Actividad de investigación y/o desarrollo: Explora 3 blogs reales y analiza su uso de categorías y etiquetas
13- Estructura de páginas tradicionales de un sitio web
14- Jerarquía de páginas en WordPress
15- Actividad especial: Crea una estructura de páginas con jerarquía
16- Información adicional
17- Actividad de investigación y/o desarrollo: Diferencia entre página estática y entrada en WordPress
18- ¿Qué es el Editor de Bloques?
19- Tipos de Bloques en Gutenberg
20- Actividad Especial: Estructuración Visual con el Editor de Bloques
21- Información adicional
22- Actividad de Investigación: Explorando Bloques Avanzados de Gutenberg
23- Principios básicos de diseño web
24- Estructura básica de una página de inicio efectiva
25- Cómo estructurar una biografía efectiva
26- Elementos visuales clave
27- *[video] Actividad: Crear un borrador de la página “Sobre mí”
28- Actividad de Investigación y Desarrollo: Analiza 3 páginas "Sobre Mí" reales
29- Actividad Especial: Personaliza tu página “Sobre Mí”
30- Información Adicional
31- Componentes esenciales de una página de contacto
32- Buenas prácticas de usabilidad
33- *[video] Actividad: Insertar un formulario con WPForms
34- Actividad de investigación y/o desarrollo
35- Actividad especial: Crear tu página de contacto
36- Información Adicional
37- * Video intro
38- Actividad especial: Personaliza una página
39- * Video intro
40- Cómo presentar servicios de forma clara y atractiva
41- Estructura tradicional de página de servicios
42- *[video] Actividad: Monta tu página de Servicios
43- Actividad de Investigación y Desarrollo
44- Actividad Especial: Crea una página de “Servicios” usando tu análisis
45- *[video] Introducción
46- ¿Qué es un portafolio o página de proyectos?
47- *[video] Actividad: Cómo mostrar proyectos en WordPress (opciones simples y avanzadas)
48- Actividad de Investigación y/o Desarrollo
49- Actividad Especial: Personaliza tu página “Portafolio” o “Proyectos” usando tu análisis
50- *video intro
51- Información adicional
52- ¿Qué se puede hacer con plugins en WordPress?
53- Información adicional
54- Buenas prácticas al elegir plugins
55- *[video] Introducción
56- *[video] Actividad: Instalar plugin para carrusel de imágenes
57- *[video] Introducción a la lección
58- *video intro
59- *[video] Actividad: Instalar y usar plugin de bloques avanzados
60- ¿Qué son los Patrones de Páginas?
61- Rol de la página de inicio en un sitio web
62- Actividad especial: Usa plugins en algunas de tus páginas
63- *[video] Actividad: Insertar un Patrón en una Página
64- Recomendaciones de diseño: escaneabilidad, llamados a la acción, navegación clara
65- Actividad de Investigación y/o Desarrollo
66- Explorando la Biblioteca de Patrones
67- *[video] Actividad: Estructura típica de una página de inicio
68- Información adicional
69- Actividad Especial: Crear una Página Completa con Patrones
70- Actividad de Investigación y Desarrollo
71- *video intro
72- Información adicional
73- Actividad Especial: Crea una página de inicio completa
74- ¿Qué es un tema en WordPress?
75- Actividad de Investigación: Explorando el Directorio de Patrones
76- Información adicional
77- *[video] Actividad: Exploración e Instalación de tema Astra
78- Replicar un sitio web desde cero
79- *Actividad especial: Modifica libremente el Starter Template elegido
80- Actividad de investigación y/o desarrollo: Actualiza tu planificación de sitio web
81- * video intro
82- Actividad de Investigación y Desarrollo: Explora un Starter Template de Astra
83- Actividad Especial: Comienza a construir tu sitio web personal
84- Personaliza tu resultado
85- Información adicional
86- Actividad especial: Completa tu página web
87- *video intro
88- Actividad de Investigación y/o Desarrollo: Redacta tu Informe del Proyecto
89- Introducción a la lección
90- ¿Qué hacer en este proyecto?