{"id":627,"date":"2024-04-18T20:38:40","date_gmt":"2024-04-18T23:38:40","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=627"},"modified":"2025-11-05T12:04:00","modified_gmt":"2025-11-05T15:04:00","slug":"html-head","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/html-head\/","title":{"rendered":"HTML head"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>HTML head<\/strong>: Quando navegamos pela internet, nossa aten\u00e7\u00e3o se concentra no <strong>corpo vis\u00edvel<\/strong> da p\u00e1gina (textos, imagens, v\u00eddeos). No entanto, por tr\u00e1s dessa interface visual, existe uma estrutura fundamental que define <em>como<\/em> essa p\u00e1gina \u00e9 interpretada e apresentada pelos navegadores e mecanismos de busca. Essa estrutura \u00e9 o elemento <strong><code>&lt;head><\/code><\/strong>.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Neste artigo, vamos explorar em detalhes a fun\u00e7\u00e3o do <strong><code>&lt;head&gt;<\/code><\/strong>, seus elementos essenciais, e como ele atua como o <strong>centro de metadados<\/strong> que influencia diretamente a exibi\u00e7\u00e3o, a performance e a indexa\u00e7\u00e3o (SEO) de suas p\u00e1ginas web.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83c\udfaf O que \u00e9 o Elemento <code>&lt;head&gt;<\/code>?<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O elemento <strong><code>&lt;head&gt;<\/code><\/strong> \u00e9 um <strong>cont\u00eainer<\/strong> que armazena <strong>metadados<\/strong> sobre o documento HTML. Metadados s\u00e3o, literalmente, <strong>&#8220;dados sobre dados&#8221;<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Localiza\u00e7\u00e3o:<\/strong> Ele fica posicionado <strong>dentro<\/strong> do elemento <code>&lt;html><\/code> e <strong>antes<\/strong> do elemento <code>&lt;body><\/code>.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Visibilidade:<\/strong> O conte\u00fado do <code>&lt;head><\/code> <strong>n\u00e3o \u00e9 exibido<\/strong> diretamente na \u00e1rea principal de visualiza\u00e7\u00e3o do navegador.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Fun\u00e7\u00e3o:<\/strong> Atua como a <strong>ficha t\u00e9cnica<\/strong> da sua p\u00e1gina, fornecendo informa\u00e7\u00f5es cruciais para:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Receptor da Informa\u00e7\u00e3o<\/strong><\/td><td><strong>Uso da Informa\u00e7\u00e3o<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Navegadores<\/strong><\/td><td>Como renderizar a p\u00e1gina (codifica\u00e7\u00e3o, responsividade, t\u00edtulo da aba).<\/td><\/tr><tr><td><strong>Mecanismos de Busca (SEO)<\/strong><\/td><td>Como classificar, indexar e apresentar a p\u00e1gina nos resultados de pesquisa.<\/td><\/tr><tr><td><strong>Redes Sociais e Ferramentas<\/strong><\/td><td>Como exibir pr\u00e9vias de links (<em>Open Graph<\/em> do Facebook\/X) e coletar dados de an\u00e1lise.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\udccb Elementos Essenciais do HTML head e Suas Fun\u00e7\u00f5es<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Os metadados s\u00e3o definidos por tags espec\u00edficas dentro do <code>&lt;head&gt;<\/code>. A seguir, detalhamos os mais importantes e suas finalidades:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Metadados Fundamentais<\/h3>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Tag<\/strong><\/td><td><strong>Exemplo<\/strong><\/td><td><strong>Fun\u00e7\u00e3o<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong><code>&lt;title&gt;<\/code><\/strong><\/td><td><code>&lt;title&gt;Curso de HTML B\u00e1sico&lt;\/title&gt;<\/code><\/td><td><strong>Define o t\u00edtulo da p\u00e1gina<\/strong> (aparece na aba do navegador e como t\u00edtulo clic\u00e1vel nos resultados de busca). \u00c9 o elemento de SEO <strong>mais importante<\/strong> dentro do <code>&lt;head&gt;<\/code>.<\/td><\/tr><tr><td><strong><code>&lt;meta charset&gt;<\/code><\/strong><\/td><td><code>&lt;meta charset=\"UTF-8\"&gt;<\/code><\/td><td><strong>Codifica\u00e7\u00e3o de Caracteres.<\/strong> O <strong>UTF-8<\/strong> \u00e9 o padr\u00e3o recomendado, pois suporta a maioria dos idiomas e caracteres especiais (como acentua\u00e7\u00e3o).<\/td><\/tr><tr><td><strong><code>&lt;meta name=\"viewport\"&gt;<\/code><\/strong><\/td><td><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;<\/code><\/td><td><strong>Responsividade.<\/strong> Instru\u00e7\u00e3o essencial para que a p\u00e1gina seja exibida corretamente em <strong>qualquer dispositivo<\/strong> (celular, tablet), ajustando a largura ao tamanho da tela.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Metadados de Indexa\u00e7\u00e3o e M\u00eddia<\/h3>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Tag<\/strong><\/td><td><strong>Exemplo<\/strong><\/td><td><strong>Fun\u00e7\u00e3o para SEO<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong><code>&lt;meta name=\"description\"&gt;<\/code><\/strong><\/td><td><code>&lt;meta name=\"description\" content=\"...\"&gt;<\/code><\/td><td>Fornece uma breve descri\u00e7\u00e3o do conte\u00fado da p\u00e1gina, que geralmente aparece como o <strong>snippet<\/strong> (resumo) nos resultados do Google. Influencia a taxa de cliques (CTR).<\/td><\/tr><tr><td><strong><code>&lt;meta name=\"keywords\"&gt;<\/code><\/strong><\/td><td><code>&lt;meta name=\"keywords\" content=\"...\"&gt;<\/code><\/td><td>Lista de palavras-chave. <strong>(Observa\u00e7\u00e3o importante):<\/strong> Atualmente, os principais mecanismos de busca <strong>ignoram<\/strong> esta tag para fins de ranqueamento. \u00c9 considerada obsoleta para SEO.<\/td><\/tr><tr><td><strong><code>&lt;link rel=\"icon\"&gt;<\/code><\/strong><\/td><td><code>&lt;link rel=\"icon\" href=\"favicon.ico\"&gt;<\/code><\/td><td>Define o <strong>Favicon<\/strong>, o pequeno \u00edcone que aparece na aba do navegador.<\/td><\/tr><tr><td><strong><code>&lt;link rel=\"alternate\"&gt;<\/code><\/strong><\/td><td><code>&lt;link rel=\"alternate\" type=\"...\" href=\"...\"&gt;<\/code><\/td><td>Usado para especificar vers\u00f5es alternativas (como feeds RSS\/Atom ou vers\u00f5es da p\u00e1gina em outros idiomas).<\/td><\/tr><tr><td><strong><code>&lt;meta property=\"og:...\"&gt;<\/code><\/strong><\/td><td><code>&lt;meta property=\"og:title\" content=\"...\"&gt;<\/code><\/td><td><strong>(Sugest\u00e3o de Inclus\u00e3o)<\/strong> Metatags <strong>Open Graph Protocol<\/strong> (OGP), usadas por redes sociais (Facebook, X, LinkedIn) para controlar como o link da sua p\u00e1gina aparece quando compartilhado.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Recursos Externos<\/h3>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Tag<\/strong><\/td><td><strong>Fun\u00e7\u00e3o<\/strong><\/td><td><strong>Boa Pr\u00e1tica de Inclus\u00e3o<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong><code>&lt;link rel=\"stylesheet\"&gt;<\/code><\/strong><\/td><td><code>&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;<\/code><\/td><td>Vincula a p\u00e1gina a <strong>folhas de estilo CSS externas<\/strong>, definindo o layout e a apar\u00eancia visual.<\/td><\/tr><tr><td><strong><code>&lt;script&gt;<\/code><\/strong><\/td><td><code>&lt;script src=\"script.js\"&gt;&lt;\/script&gt;<\/code><\/td><td>Usada para incluir <strong>scripts JavaScript<\/strong>.<\/td><\/tr><tr><td><strong><code>&lt;style&gt;<\/code><\/strong><\/td><td><code>&lt;style&gt;body { ... }&lt;\/style&gt;<\/code><\/td><td>Permite a inclus\u00e3o de c\u00f3digo CSS <strong>diretamente<\/strong> no documento HTML (estilos internos).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\udd0d A Import\u00e2ncia Estrat\u00e9gica para o SEO<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O <code>&lt;head&gt;<\/code> \u00e9 a <strong>porta de entrada<\/strong> para os <em>crawlers<\/em> (rastreadores) dos mecanismos de busca. A otimiza\u00e7\u00e3o correta desses elementos \u00e9 crucial para o SEO (Search Engine Optimization):<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li class=\"has-medium-font-size\"><strong>Ranqueamento:<\/strong> O conte\u00fado do <code>&lt;title><\/code> \u00e9 um dos fatores mais fortes para que o mecanismo de busca compreenda o <strong>t\u00f3pico principal<\/strong> da sua p\u00e1gina.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Cliques (CTR):<\/strong> O <strong><code>&lt;meta name=\"description\"><\/code><\/strong> n\u00e3o afeta diretamente o ranqueamento, mas \u00e9 o seu &#8220;an\u00fancio&#8221; nos resultados de pesquisa. Uma descri\u00e7\u00e3o atraente aumenta a probabilidade de o usu\u00e1rio clicar no seu link.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Experi\u00eancia M\u00f3vel:<\/strong> A tag <code>viewport<\/code> garante que o Google considere sua p\u00e1gina <strong>amig\u00e1vel para dispositivos m\u00f3veis<\/strong>, um fator de ranqueamento essencial.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\udcdd Exemplo Pr\u00e1tico de uma Tag <code>&lt;head&gt;<\/code> Otimizada<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n\n  &lt;title&gt;Desenvolvimento Web | HTML, CSS e JavaScript - Site Fant\u00e1stico&lt;\/title&gt;\n  &lt;meta name=\"description\" content=\"Aprenda a construir sites do zero com tutoriais completos de HTML, CSS e JavaScript. Conte\u00fado did\u00e1tico e pr\u00e1tico para iniciantes.\"&gt;\n\n  &lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n  &lt;link rel=\"icon\" href=\"favicon.ico\"&gt;\n\n  &lt;meta property=\"og:title\" content=\"Aprenda a Programar do Zero\"&gt;\n  &lt;meta property=\"og:type\" content=\"website\"&gt;\n&lt;\/head&gt;\n<\/code><\/pre>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\u2699\ufe0f Boas Pr\u00e1ticas para o Elemento HTML head<\/h2>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>T\u00edtulo \u00danico e Relevante:<\/strong> Cada p\u00e1gina do seu site deve ter um t\u00edtulo <strong>\u00fanico<\/strong>, conciso (idealmente entre 50-60 caracteres) e contendo as palavras-chave principais.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Descri\u00e7\u00e3o Persuasiva:<\/strong> Crie uma descri\u00e7\u00e3o que seja um resumo fiel e que <strong>incentive o clique<\/strong> (call-to-action).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Scripts no Final:<\/strong> A regra geral \u00e9: coloque tags <code>&lt;link><\/code> (CSS) no <code>&lt;head><\/code> (para que os estilos carreguem rapidamente) e coloque tags <code>&lt;script><\/code> (JavaScript) <strong>antes do fechamento da tag <code>&lt;\/body><\/code><\/strong>. Isso impede que um script lento bloqueie a renderiza\u00e7\u00e3o do conte\u00fado vis\u00edvel da p\u00e1gina.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Codifica\u00e7\u00e3o Imediata:<\/strong> A tag <code>&lt;meta charset=\"UTF-8\"><\/code> deve ser uma das primeiras do <code>&lt;head><\/code> para evitar problemas de renderiza\u00e7\u00e3o de caracteres.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\u2705 Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O <strong><code>&lt;head&gt;<\/code><\/strong> \u00e9 mais do que apenas um cont\u00eainer; \u00e9 a <strong>se\u00e7\u00e3o de controle<\/strong> da sua p\u00e1gina web. Ao entender a fun\u00e7\u00e3o cr\u00edtica de cada um de seus elementos e seguir as melhores pr\u00e1ticas, voc\u00ea garante que suas p\u00e1ginas n\u00e3o apenas se exibam corretamente, mas tamb\u00e9m alcancem <strong>melhor desempenho, acessibilidade e visibilidade<\/strong> nos resultados de pesquisa.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">E como sabemos, toda jornada tem um in\u00edcio, e o in\u00edcio para se tornar um desenvolvedor web \u00e9 dominar as seguintes tecnologias:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/html\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.png\" alt=\"HTML\" class=\"wp-image-600\"\/><\/a><figcaption class=\"wp-element-caption\">HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/css\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.png\" alt=\"CSS\" class=\"wp-image-702\"\/><\/a><figcaption class=\"wp-element-caption\">CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/javascript\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.png\" alt=\"Javascript\" class=\"wp-image-804\"\/><\/a><figcaption class=\"wp-element-caption\">JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/hostinger.com.br\/?REFERRALCODE=1THIAGO62\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"250\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/03\/hostinger.png\" alt=\"Hospedagem Hostinger\" class=\"wp-image-92\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/amzn.to\/3SNDYlc\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/ofertas-amazon.png\" alt=\"Ofertas Amazon\" class=\"wp-image-1308\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/amzn.to\/3SNKmt0\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/amazonprime.png\" alt=\"Amazon Prime\" class=\"wp-image-1307\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>HTML head: Quando navegamos pela internet, nossa aten\u00e7\u00e3o se concentra no corpo vis\u00edvel da p\u00e1gina&#8230;<\/p>\n","protected":false},"author":1,"featured_media":600,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","wpcat-6-id"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML head - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"HTML head: Neste artigo, vamos explorar em detalhes a tag , sua fun\u00e7\u00e3o, seus elementos e como ela influencia a forma como as p\u00e1ginas web...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/html-head\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML head - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"HTML head: Neste artigo, vamos explorar em detalhes a tag , sua fun\u00e7\u00e3o, seus elementos e como ela influencia a forma como as p\u00e1ginas web...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/html-head\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-18T23:38:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-05T15:04:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"HTML head\",\"datePublished\":\"2024-04-18T23:38:40+00:00\",\"dateModified\":\"2025-11-05T15:04:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/\"},\"wordCount\":862,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/\",\"name\":\"HTML head - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"datePublished\":\"2024-04-18T23:38:40+00:00\",\"dateModified\":\"2025-11-05T15:04:00+00:00\",\"description\":\"HTML head: Neste artigo, vamos explorar em detalhes a tag , sua fun\u00e7\u00e3o, seus elementos e como ela influencia a forma como as p\u00e1ginas web...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"width\":758,\"height\":426,\"caption\":\"HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/html-head\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML head\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML head - BLOG THIAGO ROSSI","description":"HTML head: Neste artigo, vamos explorar em detalhes a tag , sua fun\u00e7\u00e3o, seus elementos e como ela influencia a forma como as p\u00e1ginas web...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thiagorossi.com.br\/blog\/html-head\/","og_locale":"pt_BR","og_type":"article","og_title":"HTML head - BLOG THIAGO ROSSI","og_description":"HTML head: Neste artigo, vamos explorar em detalhes a tag , sua fun\u00e7\u00e3o, seus elementos e como ela influencia a forma como as p\u00e1ginas web...","og_url":"https:\/\/thiagorossi.com.br\/blog\/html-head\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-04-18T23:38:40+00:00","article_modified_time":"2025-11-05T15:04:00+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","type":"image\/webp"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"HTML head","datePublished":"2024-04-18T23:38:40+00:00","dateModified":"2025-11-05T15:04:00+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/"},"wordCount":862,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","articleSection":["HTML"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/","url":"https:\/\/thiagorossi.com.br\/blog\/html-head\/","name":"HTML head - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","datePublished":"2024-04-18T23:38:40+00:00","dateModified":"2025-11-05T15:04:00+00:00","description":"HTML head: Neste artigo, vamos explorar em detalhes a tag , sua fun\u00e7\u00e3o, seus elementos e como ela influencia a forma como as p\u00e1ginas web...","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/html-head\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","width":758,"height":426,"caption":"HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/html-head\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML head"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=627"}],"version-history":[{"count":4,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/627\/revisions"}],"predecessor-version":[{"id":4304,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/627\/revisions\/4304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/600"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}