"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 kurz und kompakt!

Mit dem Tag 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 .

 

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

kurz und kompakt!

Die Inhalte inmitten der Tags

und 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

,

,

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

,

,

etc. stehen, muss man von einem zusätzlichen Header-Tag keinen Gebrauch machen, weil dies die Webseite nur unnötig aufblähen würde.

 

 

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.

 

 

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:
• Schließend:

 

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 „“ kommt das öffnende Header-Tag „“. Auf dieses Heading folgt der Body-Teil, der einen öffnenden und schließenden Body-Tag enthält. Im Body werden beispielsweise der Content (öffnend „

“ und schließend „

“) der Seite und die Kontaktdaten des Autors bzw. Website-Betreibers (öffnend „

“ und schließend „

“) hinterlegt.