O que é um cabeçalho HTML? Definição e aplicação

Em poucas palavras: O que é um cabeçalho HTML?

A linguagem HTML é usada para estruturar e exibir corretamente o texto e outros elementos. O elemento de cabeçalho é um elemento introdutório que pode conter o título, o logotipo e o menu de navegação de uma página, entre outros. Portanto, o cabeçalho HTML fica no início de um site e antes do elemento body com o conteúdo da página.

"Cabeçalho" ou "cabeça" - essa é a questão aqui!

Os elementos "header" e "head" são semelhantes em termos de nomes, mas diferem significativamente em termos de função. O elemento "header" pode ser usado várias vezes em cada página da Web, enquanto o "head" é usado apenas uma vez. A definição e a distinção entre os dois tipos de tags são explicadas a seguir.

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>.

Devido à grande importância desse elemento para a exibição tecnicamente correta e a acessibilidade de todos os sites, o cabeçalho da página será discutido em mais detalhes posteriormente neste artigo.

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.

Em uma consulta gratuita sobre estratégia de SEO, descobrimos o potencial inexplorado e desenvolvemos uma estratégia para que você tenha mais sucesso no Google.

cabeça: Um elemento com várias funções importantes

As funções que o elemento de cabeçalho desempenha em cada site e em cada subpágina do site podem ser resumidas em três pontos principais.

Transmissão de informações sobre a página: cada página da Web tem um título e um conteúdo diferentes e também difere das outras subpáginas de um site de outras maneiras. O título contém as informações mais importantes sobre uma página.
Explicação da relação com outras páginas: Ao integrar o menu de navegação ao elemento head, fica claro qual é a relação da página visitada com as outras subpáginas do site, por exemplo, se é uma página de categoria ou uma página da Web subordinada na estrutura do menu.
Controlar a exibição do conteúdo: O elemento head é necessário para garantir que todos os elementos desejados sejam exibidos na ordem e no estilo corretos.

Além da tag de título, nenhum elemento de conteúdo do cabeçalho é visível para o usuário no navegador. A propósito, essa tag de título é de imensa importância para a otimização de mecanismos de pesquisa (SEO), especialmente para SEO na página e SEO técnico:

Todos os operadores de sites que desejam obter boas classificações nos mecanismos de pesquisa com seus sites e subpáginas devem dar grande importância a um cabeçalho de página bem mantido e tecnicamente correto.

Eu sou conhecido da grande mídia como Stern, GoDaddy, Onpulson e café da manhã e já trabalhei com mais de mais de 100 clientes conhecidos bem-sucedidos no Google.

Classificação do Google

Baseado em 185 avaliações

Classificação da Trustpilot

Com base em 100 avaliações

Configuração correta da tag de cabeçalho HTML - as dicas mais importantes

A tag head é um dos tipos de tags que consistem em uma tag de abertura e uma de fechamento. Enquanto a tag alt requer apenas uma tag de abertura e nenhuma tag de fechamento, ambas as tags são necessárias para o cabeçalho HTML. É assim que ele se parece:

Öffnend: <head>
Schließend: </head>

O conteúdo desejado é colocado entre as duas tags. Exemplos de conteúdo típico de cabeçalho incluem títulos, a meta descrição e outros metadados, logotipos, navegação e outros elementos introdutórios. O cabeçalho também é adequado para definir regras CSS locais na tag "style".

Para a integração correta do elemento heading, é importante que ele não seja usado nos elementos "address" (endereço), "footer" (rodapé) e "head" (cabeçalho). Colocar uma tag head no próprio cabeçalho ou nas outras duas tags mencionadas seria um erro técnico que impediria a leitura correta do site.

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.

Conclusão: O que é um cabeçalho 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.