Em HTML, o que é uma tag de título?

A tag de título é uma tag no Hypertext Markup Language (HTML) que é usado para identificar o título de uma página da web. Quando um título é escrito na tag de título, ele é exibido na barra reversa do navegador da web - ou seja, a barra localizada na parte superior do navegador. A tag é usada em praticamente todas as páginas da Web e pode ser utilizada para vários fins. Por um lado, é um dos recursos que os mecanismos de pesquisa usam para encontrar uma página da web. Além disso, a tag de título também pode fornecer uma breve descrição da página da web.

O escritor de um site pode tocar uma página colocando o texto apropriado entre as tags do título. Por exemplo, esse formato - me testar </ititure> - seria usado se o escritor quisesse que o título de uma página da web fosse "me teste". A tag de título geralmente é colocada dentro do elemento principal de um documento HTML. O elemento da cabeça é comumente colocado logo antes do corpo da página da web. Esta tag contém informações sobre a página da web, muitas das quais não sãoexibido para o usuário. </p> <p> Os mecanismos de pesquisa geralmente usam a tag de título como uma maneira de encontrar páginas da web quando um usuário digita e pesquisa determinadas palavras -chave. Um título cativante e eficaz pode, portanto, ser um grande trunfo para as pessoas que tentam direcionar o tráfego para o site. Geralmente, o mecanismo de pesquisa converte o título em um link que se conecta diretamente à página da web a que está se referindo. Por exemplo, digamos que existe um site chamado testpage.com com o título: "Teste suas páginas aqui". Quando o mecanismo de pesquisa leva a esta página como resultado, o link para a página será "Teste suas páginas aqui". </p> <p> Outro local em que a tag de título é comumente usada na lista favorita ou de favoritos de um usuário. Nesses casos, o título é usado para diferenciar páginas da web na lista. Toda vez que uma página da web é adicionada à lista, o usuário tem a opção de usar o título ou fornecer um deles - o que é útil quandon duas páginas têm o mesmo título. Ao lado dos títulos, geralmente é um ícone de 16 x 16 pixels, chamado Favicon. O Favicon, juntamente com o título, pode trabalhar juntos para ajudar um usuário a lembrar o conteúdo de uma página da web que ele adicionou à sua lista. </p> </p> <section class="index-list"> <h4>OUTRAS LÍNGUAS</h4> <ul> <li> <a href="/en/internet/in-html-what-is-a-title-tag.html" hreflang="en" lang="en"> English</a></li> <li> <a href="/cs/internet/in-html-what-is-a-title-tag.html" hreflang="cs" lang="cs"> Čeština</a></li> <li> <a href="/da/internet/in-html-what-is-a-title-tag.html" hreflang="da" lang="da"> Dansk</a></li> <li> <a href="/de/internet/in-html-what-is-a-title-tag.html" hreflang="de" lang="de"> Deutsch</a></li> <li> <a href="/sv/internet/in-html-what-is-a-title-tag.html" hreflang="sv" lang="sv"> Svenska</a></li> <li> <a href="/fr/internet/in-html-what-is-a-title-tag.html" hreflang="fr" lang="fr"> Français</a></li> <li> <a href="/it/internet/in-html-what-is-a-title-tag.html" hreflang="it" lang="it"> Italiano</a></li> <li> <a href="/nl/internet/in-html-what-is-a-title-tag.html" hreflang="nl" lang="nl"> Nederlands</a></li> <li> <a href="/no/internet/in-html-what-is-a-title-tag.html" hreflang="no" lang="no"> Norsk</a></li> <li> <a href="/pl/internet/in-html-what-is-a-title-tag.html" hreflang="pl" lang="pl"> Polski</a></li> <li> <a href="/pt/internet/in-html-what-is-a-title-tag.html" hreflang="pt" lang="pt"> Português</a></li> <li> <a href="/es/internet/in-html-what-is-a-title-tag.html" hreflang="es" lang="es"> Español</a></li> <li> <a href="/ja/internet/in-html-what-is-a-title-tag.html" hreflang="ja" lang="ja"> 日本語</a></li> <li> <a href="/ko/internet/in-html-what-is-a-title-tag.html" hreflang="ko" lang="ko"> 한국어</a></li> <li> </ul> </section> </article> <div class="articleRatings" data-article-url="https://www.helpleft.com/pt/internet/in-html-what-is-a-title-tag.html"> <span class="articleRatings-question">Este artigo foi útil?</span> <span class="articleRatings-feedback"> <span class="articleRatings-feedback-tick"> <svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="m8 14a.997.997 0 0 1 -.707-.293l-2-2a.999.999 0 1 1 1.414-1.414l1.293 1.293 4.293-4.293a.999.999 0 1 1 1.414 1.414l-5 5a.997.997 0 0 1 -.707.293" fill="#2CC683" fill-rule="evenodd"></path> </svg> </span> <span class="articleRatings-feedback-message">Obrigado pelo feedback</span> </span> <span class="articleRatings-failure">Obrigado pelo feedback</span> <div class="articleRatings-actions"> <button class="rateAction rateAction--positive" data-rating="positive"> <span class="sr-only">Sim</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M5.538 14.026A19.392 19.392 0 0 1 12 12.923c2.26 0 4.432.388 6.462 1.103-1.087 2.61-3.571 4.436-6.462 4.436-2.891 0-5.375-1.825-6.462-4.436zm1.847-3.872a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692z"></path> </svg> </span> </button> <button class="rateAction rateAction--negative" data-rating="negative"> <span class="sr-only">Não</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M7.385 13.846a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm-.967 4.95a.992.992 0 0 1-.615-.212c-1.701-1.349-4.364-1.349-6.065 0a.998.998 0 0 1-1.36-.123.895.895 0 0 1 .127-1.3A6.897 6.897 0 0 1 12 15.692c1.555 0 3.069.521 4.266 1.467.41.326.467.909.127 1.3a.982.982 0 0 1-.745.335z"></path> </svg> </span> </button> </div> </div> <section class="articleFoot"> <i class="icon-contact"></i> <p class="help"> <a id="sbContact" href="#contactModal" data-toggle="modal" class="contactUs">Como podemos ajudar?</a> <a id="sbContactMobile" href="mailto:support@HelpLeft.com" class="contactUs">Como podemos ajudar?</a> </p> <time class="lu"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.helpleft.com/pt/internet/in-html-what-is-a-title-tag.html" target="_blank"><img src="/images/facebook.png"></a> <a href="https://www.pinterest.com/pin/create/link/?url=https://www.helpleft.com/pt/internet/in-html-what-is-a-title-tag.html?utm_source=pinterest.com&utm_medium=social&utm_campaign=sunsetmag&media=https://www.helpleft.com/img/Surgery-2.jpg?itok=88aGvXqN&description=Em HTML, o que é uma tag de título?" target="_blank"><img src="/images/pinterest.png"></a> <a href="https://twitter.com/intent/tweet?text=Em HTML, o que é uma tag de título?+https://www.helpleft.com/pt/internet/in-html-what-is-a-title-tag.html&via=HelpLeft" target="_blank"><img src="/images/twitter.png"></a> <a href="https://share.flipboard.com/bookmarklet/popout?v=2&title=Em HTML, o que é uma tag de título?&url=https://www.helpleft.com/pt/internet/in-html-what-is-a-title-tag.html" target="_blank"><img src="/images/flipboard.png"></a> <a href="mailto:?subject=Em HTML, o que é uma tag de título?&body=https://www.helpleft.com/pt/internet/in-html-what-is-a-title-tag.html" target="_blank"><img src="/images/e-mail.png"></a> </time> </section> </div><!--/contentWrapper--> <section class="related"> <h3>ARTIGOS RELACIONADOS</h3> <ul> <li><a href="/pt/internet/how-do-i-choose-the-best-open-source-ad-server.html">Como escolho o melhor servidor de anúncios de código aberto?</a></li> <li><a href="/pt/internet/what-is-social-project-management.html">O que é gerenciamento de projetos sociais?</a></li> <li><a href="/pt/internet/what-is-ad-hoc-software.html">O que é software ad hoc?</a></li> <li><a href="/pt/internet/what-is-a-functional-specification.html">O que é uma especificação funcional?</a></li> <li><a href="/pt/internet/what-is-a-googlereg-co-op.html">O que é uma cooperativa do Google®?</a></li> <li><a href="/pt/internet/what-is-a-computer-privacy-screen.html">O que é uma tela de privacidade de computador?</a></li> </ul> </section> </section><!--/content--> <aside id="sidebar" class="span3"> <a name="categories"></a> <div class="mobile-no"> <form action="/search.html" method="GET" id="searchBar" class="sm" autocomplete="off"> <input type="text" name="q" title="Pesquisar" class="search-query" placeholder="Digite sua pergunta..." value="" aria-label="Digite sua pergunta..."> <button type="submit"> <span class="sr-only">Alternar pesquisa</span> <i class="icon-search"></i> </button> </form> </div> <ul class="nav nav-list"> <li ><a href="/pt/health-page-1.html">Saúde</a></li> <li ><a href="/pt/education-page-1.html">Educação</a></li> <li ><a href="/pt/medicine-page-1.html">Remédio</a></li> <li ><a href="/pt/science-page-1.html">Ciência</a></li> <li ><a href="/pt/physiology-page-1.html">Fisiologia</a></li> <li ><a href="/pt/finance-page-1.html">Finança</a></li> <li ><a href="/pt/business-page-1.html">Negócio</a></li> <li ><a href="/pt/manufacturing-page-1.html">Fabricação</a></li> <li class='active'><a href="/pt/internet-page-1.html">Internet<i class='icon-arrow'></i></a></li> <li ><a href="/pt/technology-page-1.html">Tecnologia</a></li> <li ><a href="/pt/miscellaneous-page-1.html">Diversos</a></li> <li><a href="/travel/pt/">Viagem</a></li> </ul> </aside> </div> <footer> <p> <a href="/about.html">Sobre nós</a>    |    <a href="/terms-of-use.html">Termos de uso</a>    |    <a href="/privacy-statement.html">Política de privacidade</a> <br> Copyright © <a href="/pt/">HelpLeft</a> All rights reserved. </p> </footer> </section> <section id="contactModal" class="modal hide" tabindex="-1"> <h2>Como podemos ajudar?</h2> <a href="#" id="closeBtn" data-dismiss="modal"><i class="icon-close"></i></a> <div class="modal-body"> <form data-parsley-validate novalidate method="post" action="#" enctype="multipart/form-data" class="form-horizontal contact"> <div class="control-group"> <label for="md-name" class="control-label">Nome</label> <div class="controls"> <input type="text" name="name" id="md-name" placeholder=""> </div> <!--/controls--> </div> <!--/control-group--> <div class="control-group"> <label for="md-email" class="control-label">O email</label> <div class="controls"> <input type="email" name="email" id="md-email" data-parsley-required="true" data-parsley-type="email" data-parsley-notblank="true" data-parsley-trigger="change" data-parsley-required-message="Email is required"> <input type="text" name="phone" id="phone" value=""> </div> <!--/controls--> </div> <!--/control-group--> <!--/control-group--> <div class="control-group"> <label for="md-message" class="control-label">mensagem</label> <div class="controls"> <textarea name="message" id="md-message" data-parsley-required="true" data-parsley-notblank="true" data-parsley-required-message="Message is required"></textarea> </div> <!--/controls--> </div> <!-- /control-group --> <div class="form-actions"> <input type="submit" class="btn" value="Mandar"> </div> <!--/form-actions--> </form> </div> <!--/modal-body--> </section> <script src="/js/app.min.js"></script> </body> </html>