</code> în HTML</h1> <div class="invata-badges"> <a class="invata-badge invata-badge--lang" href="https://www.dexblog.ro/invata/html/#structura-documentului">Structura documentului</a> <span class="invata-badge">HTML 2.0+</span> </div> <p class="invata-lead">Definește titlul paginii, afișat în fila browserului, în istoricul de navigare și în rezultatele Google.</p> </header> <div class="invata-syntax"> <span class="invata-syntax-label">Sintaxă tag</span> <pre><code><title>Titlul paginii mele</title></code></pre> </div> <div class="entry-content"> <h2>Ce face <code><title></code></h2> <p>Tagul <code><title></code> este obligatoriu în orice document HTML și trebuie plasat exclusiv în interiorul elementului <code><head></code>.</p> <p>Textul din <code><title></code> este cel mai important element SEO de pe pagină: este titlul albastru pe care utilizatorii dau clic în rezultatele motoarelor de căutare (Google, Bing) și textul salvat la marcaje (bookmarks).</p> <h2>Exemple</h2> <h3>Exemplul 1: Titlu descriptiv cu numele brandului la final</h3> <p>O bună practică este să pui subiectul paginii la început și numele site-ului la final.</p> <pre><code><head> <title>Comenzi HTML explicate în română - dexblog.ro</title> </head></code></pre> <p><span class="invata-output-label">Ce afișează browserul</span></p> <pre class="invata-output"><code>Fila browserului afișează: Comenzi HTML explicate în română - dexblog.ro</code></pre> <h2>Greșeli frecvente</h2> <ul> <li>Titluri generice sau goale, de exemplu <title>Acasă sau Document.
  • Includerea tagurilor HTML în interiorul titlului (ex. <b>Titlu</b>); tagul title acceptă doar text simplu.
  • Comenzi înrudite

    • <head>: Conține metadatele documentului, linkuri către fișiere CSS, scripturi și informații pentru motoarele de căutare.
    • <meta>: Specifică metadate despre document: setul de caractere, configurația pentru mobil, descrierea SEO și cuvintele cheie.