Ejercicio de programación con HTML: Reto metadatos en HTML

Código
Práctica
0h 5m

Practica creando metadatos SEO en HTML para una tienda de guitarras eléctricas, optimizando título, descripción y etiquetas sociales.

Crea una página HTML para una tienda de instrumentos musicales que incluya los siguientes metadatos SEO:

  1. Un título optimizado que incluya la palabra clave principal "guitarras eléctricas" y el nombre de la tienda.

  2. Una meta descripción persuasiva de entre 150-160 caracteres que resuma el contenido de la página.

  3. Una etiqueta canónica que apunte a la URL principal de la página.

  4. Metaetiquetas para redes sociales (Open Graph) que incluyan título, descripción e imagen.

  5. Una metaetiqueta viewport para optimización móvil.

Asegúrate de que todos los metadatos estén correctamente implementados dentro de la etiqueta del documento HTML y sigan las mejores prácticas de SEO on-page.

Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Reto etiquetas semánticas HTML

HTML5
Código

Divisiones

HTML5
Test

Reto atributos ARIA en HTML

HTML5
Código

Reto trabajar con imágenes en HTML

HTML5
Código

Atributos de elementos

HTML5
Código

Formularios

HTML5
Puzzle

Encabezados

HTML5
Puzzle

Validación de HTML

HTML5
Puzzle

Navegación por teclado

HTML5
Puzzle

Párrafos

HTML5
Test

Uso de DOCTYPE

HTML5
Puzzle

Etiquetas semánticas

HTML5
Puzzle

Contraste y legibilidad

HTML5
Test

Atributos

HTML5
Test

Reto formatear texto en HTML

HTML5
Código

Reto crear listas HTML

HTML5
Código

Metadatos

HTML5
Test

Comentarios

HTML5
Test

Incrustación de contenido (iframe)

HTML5
Test

Uso de elementos y etiquetas

HTML5
Puzzle

Audio

HTML5
Puzzle

Proyecto crear páginas HTML

HTML5
Proyecto

Etiquetas semánticas

HTML5
Código

Enlace

HTML5
Puzzle

Video

HTML5
Puzzle

Imágenes

HTML5
Test

DOCTYPE

HTML5
Test

Compatibilidad con navegadores

HTML5
Test

Reto crear tablas HTML

HTML5
Código

Introducción a HTML

HTML5
Test

Imágenes vectoriales

HTML5
Test

Anidación de etiquetas

HTML5
Test

Reto Validación HTML

HTML5
Código

Optimización de la carga de la página (Lazy loading)

HTML5
Puzzle

Listas

HTML5
Puzzle

Estilos

HTML5
Puzzle

Reto de enlaces HTML

HTML5
Código

Atributos de ARIA

HTML5
Test

Reto geolocalización en HTML

HTML5
Código

Listas (ul, ol, li)

HTML5
Código

Tablas

HTML5
Test

Reto LocalStorage en HTML

HTML5
Código

Uso de atributos

HTML5
Puzzle

Elementos y etiquetas

HTML5
Test

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Introducción al SEO

Metadatos y SEO

Otros tutoriales de programación con HTML

Introducción A Html

HTML5

Introducción Y Entorno

Entorno Para Desarrollar Html

HTML5

Introducción Y Entorno

Introducción A La Web Y Cómo Funciona

HTML5

Introducción Y Entorno

Doctype

HTML5

Sintaxis Y Estructura

Elementos Y Etiquetas

HTML5

Sintaxis Y Estructura

Atributos

HTML5

Sintaxis Y Estructura

Anidación De Etiquetas

HTML5

Sintaxis Y Estructura

Comentarios

HTML5

Sintaxis Y Estructura

Encabezados (H1-h6)

HTML5

Textos Y Enlaces

Enlace (A)

HTML5

Textos Y Enlaces

Párrafo (P)

HTML5

Textos Y Enlaces

Listas (Ul, Ol, Li)

HTML5

Textos Y Enlaces

Imagen (Img)

HTML5

Textos Y Enlaces

División (Div)

HTML5

Organización De Contenido

Etiquetas Semánticas (Article, Section, Header, Footer, Nav, Aside)

HTML5

Organización De Contenido

Tablas (Table, Tr, Td, Th)

HTML5

Organización De Contenido

Formularios (Form, Input, Select, Textarea, Button)

HTML5

Organización De Contenido

Imágenes Vectoriales (Svg)

HTML5

Elementos Multimedia

Incrustación De Contenido (Iframe)

HTML5

Elementos Multimedia

Audio (Audio)

HTML5

Elementos Multimedia

Video (Video)

HTML5

Elementos Multimedia

Imágenes Responsive Con Srcset Y Sizes

HTML5

Elementos Multimedia

Svg Y Canvas En Html

HTML5

Elementos Multimedia

Iconos Con Font Awesome

HTML5

Elementos Multimedia

Estilo Incorporado (Style)

HTML5

Metadatos Y Seo

Metadatos (Meta, Title, Link)

HTML5

Metadatos Y Seo

Atributos De Aria

HTML5

Metadatos Y Seo

Navegación Por Teclado

HTML5

Metadatos Y Seo

Tipos De Input Tradicionales Y Nuevos

HTML5

Formularios Html

Validaciones En Formularios

HTML5

Formularios Html

Metadatos Opengraph

HTML5

Metadatos Y Seo

Principios Wcag

HTML5

Accesibilidad Web

Drag And Drop

HTML5

Apis De Html5

Geolocalización Con Html

HTML5

Apis De Html5

Local Storage Y Session Storage

HTML5

Apis De Html5

Contraste Y Legibilidad

HTML5

Optimización Html

Validación De Html

HTML5

Optimización Html

Compatibilidad Con Navegadores

HTML5

Optimización Html

Optimización De La Carga De La Página (Lazy Loading)

HTML5

Optimización Html

Estilos Inline

HTML5

Estilos Css En Html

Tailwind Css Para Html

HTML5

Estilos Css En Html

Hojas De Estilos Css En Html

HTML5

Estilos Css En Html