HTML5

De Seobility Wiki
Saltar a: navegación, buscar

¿Qué es HTML5?

HTML5 es un tipo de lenguaje informático cuya función principal es presentar contenido web de forma estandarizada.

Las siglas HTML (HyperText Markup Language), significan Lenguaje de marcado de hipertexto, que es el utilizado para admitir una variedad de elementos dentro de un sitio, desde su apariencia hasta su funcionalidad.

Sus elementos sirven como instrucciones para que los sitios se muestren uniformemente en los navegadores actuales.

HTML5 fue lanzado inicialmente en 2008 por el W3C (World Wide Web Consortium), una organización internacional que desarrolló este lenguaje de marcado con el objetivo de mejorar la accesibilidad y funcionalidad web.

Según el W3C HTML5 es un estándar vivo, lo que significa que continúa expandiéndose y actualizándose. En esta línea se han lanzado varias versiones desde la inicial, siendo la última la 5.3.

HTML de ejemplo

Captura con código de seobility.net

Vocabulario HTML5

Al igual que cualquier otro lenguaje se basa en palabras, que en informática se denominan elementos. Esta variante 5 de HTML trajo una serie de nuevas etiquetas o elementos de código que conforman la estructura de un sitio web. Algunos de los ítems principales introducidos en esta versión fueron:

  • Article (artículo), que se utiliza para encerrar piezas de contenido dentro de un sitio web.
  • Aside (aparte), para referirse a contenido que no se relaciona directamente con el resto de la página.
  • Figure (figura), que designa contenido autónomo y a menudo visual, como imágenes o diagramas.
  • Nav (navegación), que encierra la navegación de una página.
  • Header, Footer, Section (cabecera, pie de página y sección), los cuales se explican por sí mismos.

Como el vocabulario HTML5 es bastante amplio se puede acceder a la página oficial de W3C para una explicación más detallada.

¿Cuáles son las novedades de HTML5?

Además de los elementos arriba mencionados, la quinta versión de HTML introdujo vocabulario específico para las nuevas funciones de la última normativa W3C.

Un ejemplo es la incorporación del elemento de vídeo, que permite la incrustación directa de este contenido en un sitio, al que también se agregaron atributos relacionados como los controles para ajustar el volumen, reproducir y pausar desde dicho vídeo incrustado.

El elemento de audio es otra característica nueva. Para reproducir audio, las versiones anteriores de HTML requerían un plugin, una aplicación auxiliar o un enlace a un archivo de sonido dentro del texto, pero desde la última versión ya no es necesario.

También se creó el elemento canvas (lienzo) para que las y los desarrolladores pudieran crear animaciones y dibujar gráficos, tablas o formas (esta función requiere el uso de JavaScript).

Además de las nuevas funcionalidades relacionadas con multimedia, semántica o vocabulario, HTML5 también introdujo mejoras en el rendimiento como las relacionadas con JavaScript asíncrono, que se traduce en tiempos de respuesta más rápidos.

¿Por qué es importante para el SEO?

El uso correcto de las etiquetas HTML5 es una parte esencial del SEO on page.

Debido a que este es el estándar W3C recomendado, los motores de búsqueda escanean esas etiquetas para determinar la estructura y el contenido de una web, utilizándolas para fines de posicionamiento. W3C tiene su propio sistema de validación de HTML5 que permite verificar si un sitio cumple con los estándares actuales.

Entre los elementos más importantes para SEO que incorpora destacan las etiquetas H, el meta título, la meta descripción, footer, artículo y sección.

Sin embargo, el simple hecho de tener estos elementos de código no es suficiente para mejorar el posicionamiento, sino que hay ciertas buenas prácticas SEO que hay que seguir. Por ejemplo, título y meta descripción deben mantenerse dentro del número máximo de caracteres recomendado.

También es aconsejable que el contenido que se encuentra en las etiquetas artículo y sección no esté plagado de palabras clave (keyword stuffing) y que entre las etiquetas del encabezado se incluya la palabra clave principal.

Beneficios de HTML5

HTML5 presenta capacidades ampliadas y, a diferencia de las versiones anteriores, no requiere extensiones adicionales ni complementos de terceros.

En particular, ofrece ventajas sobre la versión anterior de HTML y XHTML, que no tenían la capacidad de reproducir contenido multimedia (música, vídeo, audio) de forma nativa y necesitaban reproductores multimedia adicionales.

Por otro lado, la versión HTML actual permite el acceso y la navegación sin conexión, ya que el contenido web se puede almacenar o almacenar en caché, así como la edición de documentos en línea, lo que mejora la funcionalidad y la facilidad de uso.

Otro beneficio importante es que, siempre que el navegador que se utilice sea compatible con HTML5, los sitios se adaptan y funcionan en múltiples plataformas, como versiones desktop, televisores inteligentes y teléfonos móviles.

En conclusión, los estándares HTML actuales ofrecen una experiencia de usabilidad más agradable que pueden impulsar la participación en el sitio y los niveles de tráfico web.

Ampliar conocimientos

Contenidos relacionados