Rubriky a podkapitoly

Systém podtitulů umožňuje vytvořit logickou strukturu obsahu. Když je text rozdělen na sémantické bloky, je mnohem snazší soustředit čtenáře a naučit se nové informace. Vyhledávače také analyzují záhlaví, aby pochopili, jaké požadavky propagují stránku. To je důvod, proč SEO odborníci doporučují používat tematické klíče.

V jazyce HTML se používá šest úrovní podpoložek - od

do

. V tomto systému existuje jasná hierarchie:

• ... . Hlavní název (název článku, zboží v internetovém obchodě atd.). V textu může být pouze jedna

  . Zpravidla obsahuje hlavní klíč.

• ... . Podpoložky druhé úrovně rozdělují text na sémantické bloky. Například, pokud hodnocení notebooků, můžete udělat několik

  s názvy různých modelů.

• ... . Třetí úroveň je potřebná, pokud je text mezi dvěma

  rozdělen na malé bloky. V našem příkladu mohou být pro každý model kritéria hodnocení - "Performance", "Memory", "Video card" atd.

• ,

  ,

  . V praxi jsou extrémně vzácné. Ale obecný princip je stejný - musí být "vnořeni" v bloku s podtitulem nejvyšší úrovně.

Sledujte správnou hierarchii. Při návratu k tomuto příkladu to znamená, že nemůžete okamžitě zadat jména modelů jako

nebo

. A ještě více používejte podzáhlavy různých úrovní pro homogenní bloky významu (například přidělení notebooku, který získal poslední místo v hodnocení s pomocí

).

A zde je schéma, které vám pomůže okamžitě pochopit a zapamatovat si správnou strukturu hlaviček v HTML.

Seznamy

Jakékoli výčty a instrukce jsou lépe formátovány jako seznamy pomocí speciálních tagů HTML pro text (typická chyba je jen pár odstavců

, které začínají pomlčkou nebo číslicí).

Struktura těchto bloků je velmi jednoduchá. Nejprve definujeme typ seznamu - označeného

... nebo očíslovaným
... .

Všechny prvky se nacházejí mezi štítky otevírání a zavírání. Každá položka v seznamu začíná novým řádkem a má formát

1. ... . Počet prvků není omezen.

   Výběr písma: a jeho atributy

   Co mohu změnit pomocí této značky HTML? Velikost textu, jeho písmo a barva - a bez přidání nových tříd v CSS. To je velmi výhodné, když potřebujete vybrat pouze jednu větu nebo fragment.

   má několik atributů:

   • Tvář . Umožňuje změnit písmo textu. Můžete vypsat několik možností oddělených čárkami (Tahoma, Verdana). Pokud uživatel nemá první písmo nainstalováno, systém jednoduše použije alternativu.
   • Velikost . Chcete-li text zvýšit nebo snížit, uveďte v uvozovkách hodnotu od 1 do 7.
   • Barva . V závislosti na provedení můžete vybrat jeden ze standardních odstínů (červená, zelená, modrá) nebo zadejte libovolný barevný kód, ze kterého si můžete vybrat.

   Nepoužívejte odstavce formátované pomocí namísto podkolek. Je lepší nastavit stejné nastavení pro správnou značku.

   Způsoby výběru textu

   Monotónní textové pneumatiky, dokonce i s rozdělením podle odstavců. Chcete-li přitáhnout pozornost a zahřát zájem čtenáře, doporučujeme graficky zvýraznit klíčové body. Zde jsou některé příkazy, které vám pomohou zvládnout tento úkol.

   ... . Extrémně populární značka HTML. Tučný text okamžitě zasáhne oko, a proto s jeho pomocí je vhodné zdůraznit důležité teze a fakta.

   Mnozí zaměňují značky a . Vizuálně není žádný rozdíl, ale pracují různými způsoby. První jednoduše změní vzhled textu a druhý provede funkci ukazatele a zvýrazní nejdůležitější fragmenty (tematické klíčová slova a fráze pro SEO).

   ... . Elegantní a přísná kurzíva je ideální pro návrh vědeckých pojmů, cizích slov a různých citací. V seriózních vydáních se název uměleckých děl rozlišuje také šikmým textem.

   ... . Možná tolik sporů nezpůsobilo žádné tagy HTML. Podtržení textu je zřídka používáno, protože tato metoda přidělování byla historicky přidělena hypertextovým odkazům. Pokud používáte v článcích, uvědomte si, že je to vhodné pouze pro krátké úlomky - ne více než 1 řádek.

   ... . Zajímavá značka, která vám umožňuje zrušit část textu. Velmi relevantní v reklamě - například zdůraznit kontrast mezi starými a novými cenami.

   ... . Nejjednodušší způsob, jak zvýšit velikost písma bez dalších parametrů.

   ... . Pracuje na stejném principu jako předchozí značka. Text uvnitř textu se snižuje vzhledem k hlavnímu textu.

   ^... . Správným názvem pro tento formát je horní index. V zásadě je tato značka určena pro matematické stupně a poznámky pod čarou. Snižuje velikost písma a posouvá vybraný text.

   _... . Dolní index se často nachází v různých vzorcích. Vybraný fragment je umístěn pod hlavním textem.

   Sémantické kontejnery

   Protože některé bloky byly nalezeny v mnoha textech, byly pro ně vytvořeny speciální značky. To zjednodušuje formátování, protože pokud má každý typ obsahu vlastní sadu stylů, stačí vybrat fragment textu a uvést, jaké informace obsahuje.

   ... . Značka pro přidání počítačových kódů. Je to nenahraditelné v článcích o programování s příklady - příkazy nejsou provedeny, ale jsou zobrazeny jako prostý text.

   ... . Je určena pro formulování citací - například klíčové výňatky z rozhovoru.

   ... . Část textu přebírá v samostatném bloku. Ve výchozím nastavení má výběr levnější, ale v CSS můžete také měnit velikost, styl a barvu textu.

   ... . Další značka, která obsahuje informace o autorech, včetně odkazů.

   Oddělovací čára

   ---

   Pomocí jednoduchého pruhu můžete označit logické ukončení velké části.

   ---

   neplatí pro spárované značky. To znamená, že uzavírací prvek formátu není potřeba.

   Pomocí atributu WIDTH můžete vytvořit oddělovač kratší zadáním vhodné velikosti v pixelech nebo procentech šířky okna.

   Tím, že se naučíte, jak správně používat značky pro formátování textu ve formátu HTML, můžete nejen snadno číst články, ale také zvýšit efektivitu SEO.