Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende El Papel del Encabezado del Documento | Estructura del Documento HTML
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookEl Papel del Encabezado del Documento

El encabezado del documento contiene metadatos, información para navegadores y motores de búsqueda. Estas etiquetas no aparecen en la página en sí, por lo que los ejemplos a continuación no mostrarán salida visible.

Título de la página

La etiqueta <title> controla lo que aparece en la pestaña del navegador. Debe ser breve, clara e idealmente tener menos de 60 caracteres.

index.html

index.html

copy

Metadatos

La etiqueta <meta> almacena información técnica importante sobre la página. La más esencial es la codificación de caracteres, que previene caracteres rotos (mojibake):

index.html

index.html

copy

Significado de los atributos de la etiqueta meta

  • name: describe el tipo de metadato;
  • content: el valor de ese metadato;
  • http-equiv: simula cabeceras HTTP.

Etiquetas meta básicas para la mejora del SEO

Note
Estudiar más

SEO (Optimización para Motores de Búsqueda) es el proceso de optimizar un sitio web para mejorar su visibilidad en los resultados de los motores de búsqueda.

  • <meta name="description"/>: especifica una breve descripción de la página web;
  • <meta name="author" />: especifica el autor de la página web;
  • <meta name="language"/>: especifica el idioma de la página web;
  • <meta name="robots"/>: indica a los motores de búsqueda cómo rastrear o indexar la página web;
  • <meta name="googlebot" content="notranslate"/>: informa a Google que no ofrezca traducciones automáticas de la página web;
  • <meta name="copyright" content="Copyright 2024"/>: especifica los derechos de autor de la página web.
index.html

index.html

copy

1. ¿Dónde debe colocarse la etiqueta <meta>?

2. ¿Qué contenido de etiqueta se mostrará en la pestaña del usuario?

3. ¿Qué se puede hacer para ayudar al navegador a indexar la página?

question mark

¿Dónde debe colocarse la etiqueta <meta>?

Select the correct answer

question mark

¿Qué contenido de etiqueta se mostrará en la pestaña del usuario?

Select the correct answer

question mark

¿Qué se puede hacer para ayudar al navegador a indexar la página?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

What are some best practices for writing effective meta descriptions?

Can you explain more about how the robots meta tag works?

Why is character encoding important in the meta tag?

bookEl Papel del Encabezado del Documento

Desliza para mostrar el menú

El encabezado del documento contiene metadatos, información para navegadores y motores de búsqueda. Estas etiquetas no aparecen en la página en sí, por lo que los ejemplos a continuación no mostrarán salida visible.

Título de la página

La etiqueta <title> controla lo que aparece en la pestaña del navegador. Debe ser breve, clara e idealmente tener menos de 60 caracteres.

index.html

index.html

copy

Metadatos

La etiqueta <meta> almacena información técnica importante sobre la página. La más esencial es la codificación de caracteres, que previene caracteres rotos (mojibake):

index.html

index.html

copy

Significado de los atributos de la etiqueta meta

  • name: describe el tipo de metadato;
  • content: el valor de ese metadato;
  • http-equiv: simula cabeceras HTTP.

Etiquetas meta básicas para la mejora del SEO

Note
Estudiar más

SEO (Optimización para Motores de Búsqueda) es el proceso de optimizar un sitio web para mejorar su visibilidad en los resultados de los motores de búsqueda.

  • <meta name="description"/>: especifica una breve descripción de la página web;
  • <meta name="author" />: especifica el autor de la página web;
  • <meta name="language"/>: especifica el idioma de la página web;
  • <meta name="robots"/>: indica a los motores de búsqueda cómo rastrear o indexar la página web;
  • <meta name="googlebot" content="notranslate"/>: informa a Google que no ofrezca traducciones automáticas de la página web;
  • <meta name="copyright" content="Copyright 2024"/>: especifica los derechos de autor de la página web.
index.html

index.html

copy

1. ¿Dónde debe colocarse la etiqueta <meta>?

2. ¿Qué contenido de etiqueta se mostrará en la pestaña del usuario?

3. ¿Qué se puede hacer para ayudar al navegador a indexar la página?

question mark

¿Dónde debe colocarse la etiqueta <meta>?

Select the correct answer

question mark

¿Qué contenido de etiqueta se mostrará en la pestaña del usuario?

Select the correct answer

question mark

¿Qué se puede hacer para ayudar al navegador a indexar la página?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 3
some-alt