HTML

Quitar todo el estilo visual de cualquier página web —colores, tipografías, disposición— y lo que queda debajo es HTML (HyperText Markup Language): el lenguaje que define la estructura y el contenido de una página, marcando qué es un título, qué es un párrafo, qué es una imagen o un enlace.

Un lenguaje de «etiquetas», no de programación en sentido estricto

HTML no contiene lógica ni cálculos como un lenguaje de programación tradicional: se limita a marcar contenido usando etiquetas. Una etiqueta indica que un texto es un título principal, otra que es un párrafo normal, otra que es un enlace hacia otra página. El navegador interpreta esas etiquetas y las muestra según corresponda, aunque sin ningún estilo visual propio si no se combina con CSS.

Por qué importa incluso para quien no programa

La estructura HTML de una página influye directamente en el SEO: los encabezados marcados correctamente (H1, H2, H3) ayudan a Google a entender la jerarquía del contenido, y elementos como las etiquetas alt en imágenes aportan contexto adicional tanto para buscadores como para lectores de pantalla usados en accesibilidad.

Elementos básicos que casi cualquier página incluye

  • Encabezados (H1 a H6), para organizar el contenido de forma jerárquica.
  • Párrafos, listas y tablas, para estructurar el texto y los datos.
  • Enlaces, que conectan una página con otra dentro o fuera del sitio.
  • Imágenes, con su correspondiente texto alternativo descriptivo.

El error de un HTML mal estructurado

Usar etiquetas de encabezado solo por su tamaño visual, sin respetar la jerarquía real del contenido (por ejemplo, saltar de H1 a H4 directamente, o usar varios H1 en una misma página), confunde tanto a buscadores como a herramientas de accesibilidad. Un HTML limpio y bien jerarquizado es la base invisible sobre la que se apoya buena parte del SEO técnico y de la accesibilidad web.

Términos relacionados.

Pillar page

En lugar de dispersar el contenido sobre «marketing digital» en decenas de artículos sueltos sin ninguna conexión clara entre sí, algunas webs concentran una visión completa del tema en una

Leer más

Wireflow

Un wireframe muestra cómo se ve una pantalla concreta. Un flujo muestra cómo se conectan varias pantallas entre sí. El wireflow combina ambas cosas en un único documento: wireframes de

Leer más

MOFU

Ya sabe que su web carga lenta y que el hosting influye en eso. Ahora compara distintos tipos de hosting y busca cuál encaja mejor con su presupuesto. Esa persona

Leer más
0%