HTML Semántico

Definición

El HTML semántico es el uso de etiquetas HTML que describen el significado del contenido, no solo su apariencia. En lugar de usar divs genéricos, se utilizan etiquetas como header, nav, main, article, section y footer.

Ejemplos de etiquetas semánticas

<header>: Cabecera del documento o sección
<nav>: Navegación principal
<main>: Contenido principal de la página
<article>: Contenido independiente (post, noticia)
<aside>: Contenido relacionado pero secundario
<footer>: Pie de página

Beneficios del HTML semántico

Mejor SEO (Google entiende mejor tu contenido), accesibilidad mejorada (lectores de pantalla), código más limpio y mantenible, y mejor rendimiento al eliminar CSS innecesario.

También conocido como:

Semantic HTMLHTML5 semántico

Términos que te pueden interesar

.htaccess

Es un archivo de configuración del servidor del sitio web que le dice al servidor cómo responder en ciertas circunstancias.

Desarrollo Web

Server-Side Rendering

Técnica donde las páginas se generan en el servidor antes de enviarse al navegador.

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO

Staging Site

Copia de tu web en un entorno aislado para probar cambios antes de aplicarlos en producción.

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

Volver al glosario