HTML Nadpisy: Kompletní Průvodce Pro Přidání Titulky Pro Strukturu Dokumentu
Obsah Nadpisy
šest míří značky jsou důležitou součástí HTML obsah psaní. Kromě poněkud zřejmá potřeba vyplnit (lidé někdy chtějí dát titulky na vrcholu věci), titulek, tagy mají také hodnotu, SEO, vám pomůže být více organizované spisovatel, a aby stránky více uživatelsky přívětivé.,
Nadpisové značky a SEO
existují dvě věci, které se vyhledávač snaží zjistit o vaší stránce:
- o čem to je?
- jak je to dobré?
obecně se odkazy na stránku používají jako měřítko kvality (jak dobré je) a analýza na stránce se používá k určení toho, o čem je stránka. (Samozřejmě se zde překrývají: Google dělá některé úsudky o kvalitě stránky tím, že se dívá na stránku, a také se snaží zjistit, o čem je stránka, když se podíváme na to, co ostatní stránky říkají, když na ni odkazují.,) Jednou z (mnoha) věcí, na které se Google a další vyhledávače dívají, jsou slova, která se objevují uvnitř značek záhlaví. To je důvod, proč, pokud se snažíte o hodnocení konkrétních slov nebo frází, je to opravdu nápad zahrnout tato slova a fráze do titulkových značek.
Více organizované psaní
Když lidé píší bez použití titulek kategorie (řekněme, při psaní rukou nebo ve vizuálním editoru, jako je MS Word), často stačí napsat v dlouhé, nepřerušované proudy textu, které jdou na příliš dlouho., Nebo, ještě horší, mohou přidat vizuální titulky (s tučným písmem, všechny čepice, větší text, nebo něco jiného. To je velmi běžné, protože lidé instinktivně vědí, že by měli rozdělit text na menší kousky. Problém je v tom, že není jasné, jak se jednotlivé sekce vzájemně propojují. Má být sekce s písmem 15pt podsekcí titulků části s tučným písmem 14pt? Často ani spisovatel neví, protože o tom opravdu nepřemýšleli.,
Nadpis tagy vytvořit obsah hierarchie
Na stránce s jedním kusem obsahu (což by mělo být nejvíce stránek), hlavní název pro to, že obsah by měl být <h1>
tag. Hlavní části tohoto obsahu by měly být označeny <h2>
. Podsekce v těchto sekcích by měly být vedeny <h3>
a tak dále. Mělo by být možné extrahovat obrys z titulkových značek. (Ve skutečnosti to děláme-podívejte se na widget obsahu v horní části stránky.,) Díky této struktuře je psaní organizovanější, což (alespoň 99% času) také zlepšuje psaní.
titulky jsou dobré pro uživatele
zde je špinavé malé tajemství o online obsahu: čtenáři skim. Téměř nikdo nečte každé slovo Online článku., A je tu velmi málo, co můžete udělat s tím. Rozhodně to nemůžete zastavit. Ale můžete to udělat tak, že skimmers budou mít něco, na co se budou držet, když se jejich oči pohybují po stránce. Titulky, pokud jsou dobře-distribuovány a relevantní pro jejich obsah, dát skimmery banda málo způsobů, jak zpět do textu článku. Článek také rozdělí na zdánlivě stravitelné kousky velikosti kousnutí, takže mravenčí skimmer není úzkostlivý dlouhým solumnem nepřerušeného textu.,
A nezapomeňte na propojení
Jako HTML5, můžete se odkaz na jakýkoli prvek na stránce připojením hash-znaménko (#
) a id
elementu. (V minulosti jste mohli odkazovat pouze na kotevní prvky.) Přidáním id
do každého nadpisu na vaší stránce můžete lidem povolit odkaz na libovolné místo v dokumentu. (Opět se podívejte, jak fungují odkazy na obsah v horní části stránky.,) Tyto odkazy v dokumentech mohou být nesmírně užitečné, zejména pokud poskytujete referenční obsah jakéhokoli druhu nebo pokud jsou vaše články obzvláště dlouhé.
Pomocí titulek, tagy strukturovat obsah
Obecně řečeno, existují dva typy obsahu stránek: jeden obsahu stránek (které představují jediný kus obsahu) a index stránky (což seznamu spoustu obsahu). Indexové stránky zahrnují hlavní blogovou stránku webu, kategorie a tag archivy, Autorské stránky, které uvádějí všechny články napsané autorem a tak dále., Pak je tu také obsah (postranní panely, widgety, zápatí), který se objeví na téměř každé stránce a který není opravdu „obsah.“Jak v těchto situacích používáte značky titulků, může mít dopad na SEO a použitelnost.
<h1> <h2> elementy
Na jedné obsah stránek po celém webu, titul, který konkrétní kus obsahu, by téměř vždy mělo být v <h1>
tag v horní části <body>
., Poté, jak bylo uvedeno výše, mohou vaše sekce v článku používat značky <h2>
.
<main><article> <h1>All About Headlines</h1> . . . <h2>Headlines and SEO</h2> . . . <h2>Headlines and Structure</h2> . . . </article></main>
Na indexu stránky, je to obvykle dává smysl, aby buď název webu v <h1>
tag, nebo dát index jméno: název kategorie, jméno autora, nebo co to je, že definuje, že stránku. Názvy všech jednotlivých kusů, které jsou zde uvedeny, by pak měly mít pro své tituly prvek <h2>
.,
v minulosti bylo běžné používat značku <h2>
pro název webu, když se objeví na stránkách s jedním obsahem.
<header> <h2>HTML Code Tutorials</h2> <nav><!-- menu --></nav> </header> <main> <h1>Actual Title of This Page</h1? . . . </main>
názory jsou na to smíšené, ale trend je stále menší. Více lidí jednoduše umístí název (a s větší pravděpodobností logo img) do záhlaví a uloží nadpisové značky pro konkrétní obsah na stránce. Část vaší vlastní úvahy o tom, zda to udělat, bude pravděpodobně souviset s tím, jak důležitý je název vašeho vlastního webu ve vztahu k vašim cílům SEP.,
Widgety a další „non-obsah“
To také bylo běžné, donedávna se pomocí <h3>
nebo <h4>
elementy pro widget tituly v postranní. Mnoho systémů pro správu obsahu to jednoduše dělá automaticky, takže vám to nemusí záležet. Ale je to něco, o čem byste mohli chtít přemýšlet, pokud navrhujete značku celé stránky od nuly. Chcete, aby vaše nadpisové prvky naznačovaly, že skutečný význam vaší stránky je „Přihlášení“ nebo „registrace do Mailing listu“?, (Samozřejmě se tomu částečně vyhnete umístěním postranního panelu do prvku <aside>
.