Qué es HTML
HTML es el lenguaje que da estructura al contenido de una web. Le dice al navegador qué es un título, un párrafo, una lista, un enlace, una imagen o una sección.
No tienes que convertirte en programador, pero entender HTML básico te ayuda a trabajar mejor con Elementor, SEO y contenido.
Estructura frente a diseño
HTML estructura. CSS diseña. Si HTML dice “esto es un título”, CSS decide si ese título será grande, blanco, centrado o con degradado.
Etiquetas esenciales
<h1>Título principal</h1>
<h2>Sección principal</h2>
<h3>Subsección</h3>
<p>Párrafo de texto</p>
<a href="/contacto/">Contactar</a>
<img src="imagen.jpg" alt="Descripción de la imagen">Jerarquía de títulos
El H1 es el título principal de la página. Lo recomendable es usar un solo H1 por página. Los H2 organizan secciones y los H3 dividen subsecciones.
Ejemplo correcto: H1 “Fotógrafa de bodas en Granada”, H2 “Portfolio de bodas”, H2 “Servicios”, H3 “Reportaje completo”, H3 “Sesión preboda”.
Enlaces e imágenes
Los enlaces deben tener texto claro. “Contactar” es mejor que “haz clic aquí”. Las imágenes deben tener atributo ALT, porque ayuda a accesibilidad y SEO.
Un ALT útil describe la imagen: “Pareja durante una sesión de fotografía de boda en Granada”. No hace falta meter palabras clave sin sentido.
Estructura ejemplo
<section>
<h1>Portfolio audiovisual en Granada</h1>
<p>Trabajo con marcas, artistas y proyectos creativos.</p>
<h2>Servicios audiovisuales</h2>
<h3>Vídeo corporativo</h3>
<p>Contenido audiovisual para empresas y marcas.</p>
</section>Checklist rápido
- La página tiene un H1 claro.
- Los H2 organizan secciones.
- Las imágenes tienen ALT.
- Los enlaces dicen a dónde llevan.
- La estructura tiene sentido para una persona y para Google.
Pregunta al Agente Virtual 420 o marca la guía como completada para actualizar tu progreso.