En pocas palabras: ¿Qué es una cabecera HTML?
El lenguaje HTML se utiliza para estructurar y mostrar correctamente texto y otros elementos. El elemento header es un elemento introductorio que puede contener el título, el logotipo y el menú de navegación de una página, entre otras cosas. El elemento de cabecera se encuentra, por tanto, al principio de un sitio web y antes del elemento body con el contenido de la página.
"cabecera" o "cabeza", ¡esa es la cuestión!
Los elementos "header" y "head" son similares en cuanto a sus nombres, pero difieren significativamente en cuanto a su función. El elemento "header" puede utilizarse varias veces en cada página web, mientras que "head" sólo se utiliza una vez. A continuación se explica la definición y distinción entre ambos tipos de etiquetas.
Das Tag <head> kurz und kompakt!
Mit dem Tag <head> wird der obere Bereich einer Webseite eröffnet. In diesem Tag sind zahlreiche Informationen enthalten, von denen der Großteil für die Website-Besucher nicht einsehbar ist. Doch für die Algorithmen der Suchmaschinen (z. B. Googlebot) und für die Browser ist nahezu jede im Page-Header enthaltene Information unverzichtbar. Geschlossen wird dieses Header-Element mit dem Tag </head>.
Debido a la gran importancia de este elemento para la visualización técnicamente correcta y la recuperabilidad de todo sitio web, el encabezado de página se tratará con más detalle a partir de la sección siguiente.
Das Tag <header> kurz und kompakt!
Die Inhalte inmitten der Tags <header> und </header> sind für Website-Besucher sichtbar. Zum Einsatz kommen diese Tags sowohl in den sichtbaren Kopf-Bereichen einer Webseite als auch zwischendurch auf der Webseite.
Man kann sich merken, dass überall dort, wo nicht nur die Überschriften <h1>, <h2>, <h3> etc. stehen, sondern auch Bilder, Videos oder besondere Visualisierungen in Kombination mit diesen Überschriften genutzt werden, ein zusätzliches Header-Tag zum Einsatz kommen kann.
Dort hingegen, wo nur die Überschriften <h1>, <h2>, <h3> etc. stehen, muss man von einem zusätzlichen Header-Tag keinen Gebrauch machen, weil dies die Webseite nur unnötig aufblähen würde.
-
Reunión estratégica SEO gratuita
En una consulta de estrategia SEO gratuita, descubrimos el potencial sin explotar y desarrollamos una estrategia para que tenga más éxito en Google.
- Más visibilidad orgánica
- Más visitantes orgánicos a su sitio web
- Más consultas y ventas
cabeza: Un elemento con varias funciones importantes
Las funciones que cumple el elemento de encabezamiento en cada sitio web y en cada subpágina del mismo pueden resumirse en tres puntos clave.
- Transmisión de información sobre la página: cada página web tiene un título y un contenido distintos y, por lo demás, es diferente de las demás subpáginas de un sitio web. El título contiene la información más importante sobre una página.
- Explicación de la relación con otras páginas: Al integrar el menú de navegación en el elemento de cabecera, queda claro qué relación tiene la página visitada con las demás subpáginas del sitio web; por ejemplo, si se trata de una página de categoría o de una página web subordinada en la estructura del menú.
- Controla la visualización del contenido: El elemento head es necesario para garantizar que todos los elementos deseados se muestren en el orden y estilo correctos.
Aparte de la etiqueta del título, ningún elemento de contenido del encabezamiento es visible para el usuario en el navegador. Por cierto, esta etiqueta de título es de inmensa importancia para la optimización de motores de búsqueda (SEO), especialmente para el SEO on-page y el SEO técnico: todos los operadores de sitios web que quieran lograr buenas clasificaciones en los motores de búsqueda con su sitio web y subpáginas deberían conceder gran importancia a un encabezado de página bien mantenido y técnicamente correcto.
- ¿Conoce mi boletín SEO?
Regístrese ahora y reciba regularmente consejos de los expertos.
Configurar correctamente la etiqueta de encabezado HTML: los consejos más importantes
La etiqueta head es uno de los tipos de etiquetas que constan de una etiqueta de apertura y otra de cierre. Mientras que la etiqueta alt sólo requiere una etiqueta de apertura y ninguna de cierre, ambas etiquetas son necesarias para el encabezado HTML. Esto es lo que parece:
- Öffnend: <head>
- Schließend: </head>
El contenido deseado se coloca entre las dos etiquetas. Ejemplos de contenido típico de cabecera son los encabezados, la meta descripción y otros metadatos, logotipos, navegación y otros elementos introductorios. El encabezado también es adecuado para establecer reglas CSS locales dentro de la etiqueta "style".
Es importante para la correcta integración del elemento heading que no se utilice en los elementos "address", "footer" y "head". Colocar una etiqueta head en el propio encabezamiento o en las otras dos etiquetas mencionadas sería un error técnico que impediría la correcta lectura del sitio web.
Das Heading setzt als einleitendes Element direkt nach Beginn des HTML-Dokuments, also der Webseite, an – will meinen: Nach „<html>“ kommt das öffnende Header-Tag „<head>“. Auf dieses Heading folgt der Body-Teil, der einen öffnenden und schließenden Body-Tag enthält. Im Body werden beispielsweise der Content (öffnend „<article>“ und schließend „</article>“) der Seite und die Kontaktdaten des Autors bzw. Website-Betreibers (öffnend „<address>“ und schließend „</address>“) hinterlegt.
Soy conocido de los grandes medios de comunicación como Stern, GoDaddy, Onpulson & breakfast television y ya he trabajado con más de 100+ clientes de renombre con éxito en Google. Clasificación Google Basado en 185 opiniones Valoración de Trustpilot Basado en 100 opiniones
Conclusión: ¿Qué es una cabecera HTML?
Der Begriff HTML-Header wird fälschlicherweise für zwei verschiedene Elemente genutzt: für <head> und <header>. Die Unterscheidung beider Elemente ist jedoch essenziell, denn vor allem das Element <head> erfüllt eine unverzichtbare Funktion: Es sollte immer am Anfang des HTML-Dokuments genutzt werden und mit dem Title, den Metadaten sowie weiteren Angaben die wichtigsten Informationen über die Seite liefern. Anders ist es mit den <header>-Elementen, die mehrmals verwendet werden können und die Überschriften-Bereiche rund um die <h1>, <h2>, <h3> und weitere Überschriften definieren.
