Záhlaví stránek h1, h2, h3 ... h6. Pravidla pro použití hlaviček H1-H6
Dobré odpoledne, milí návštěvníci a pravidelní čtenáři mého blogu!
Hlavička H1 význam pro propagaci
Vyhledávače používají slova a fráze použité v tomto názvu k cílení na stránky pro konkrétní požadavek na klíčová slova. Tento titul je jednou z nejdůležitějších složek relevance.
V procesu optimalizace textu článku však vyhledávače vnímají tag title jako důležitější než nadpis h1.
Jednoduše řečeno, rád bych poznamenal, že tento tag se nejlépe používá na webových stránkách a blozích pro názvy stránek a příspěvky. Tyto nadpisy by měly obsahovat klíčová slova, která podpoří propagaci těchto slov ve vyhledávačích.
Relevance stránek a dobrý výkon vašeho webového zdroje jsou základem pro budoucí důvěru vyhledávačů ve váš zdroj.
Použití H1 Tag ve WordPressu
Toto byla čistě teoretická část. Nyní si promluvme o hlavních bodech, ve kterých budeme analyzovat použití tagu h1 na webových zdrojích běžících na systému WordPress.
Není žádným tajemstvím, že mnoho začínajících webmasterů používá ty zdarma. Ale nevýhodou těchto šablon je, že téměř všechny mají chyby a nedostatky! Takhle…
Jedním z těchto nedostatků je, že někdy se ke zvýraznění nadpisu stránky nepoužívá tag h1, ale je napsán jiný tag, například h2.
Právě takovou chybu jsem objevila na bezplatné šabloně s názvem Incredy na mém blogu.
Jednoho dne jsem se rozhodl podívat se na zdroj svého článku a zcela náhodou jsem zjistil, že všechny názvy mých článků se zobrazují s tagem h2.
Abych tento nedostatek napravil, začal jsem upravovat soubor single.php. Tento soubor je stejný pro mnoho šablon WordPress.
Hlavní funkcí single.php je výstup informací pro každý blogový příspěvek. Chcete-li se dozvědět, jak jsem tento problém vyřešil ve své šabloně, čtěte dále.
Abychom problém odstranili, v obsahu souboru single.php najdeme kód, který zobrazuje záhlaví. V mém souboru se to zobrazilo takto:
Musíme změnit značky h2 na požadované značky h1 a poté kliknout na tlačítko „Aktualizovat soubor“. To je vše. Jak vidíte, je to snadné. Takto se soubor změnil po nezbytných změnách:
Tento kód může ve vašem souboru vypadat mírně odlišně. To však není tak důležité, zde jde především o pochopení základního významu.
Podobnou úpravu (nahrazení h2 za h1) je také nutné provést s jiným souborem šablony blogu s názvem page.php. Je to on, kdo zobrazuje stránky blogu.
Myslím, že víte, že blog WordPress obsahuje různé příspěvky a stránky. Funkce, které je vytvářejí a upravují, jsou umístěny v souborech, které se od sebe liší a zobrazují informace pomocí různých softwarových modulů.
Ale tyto informace jsou jen pro vaše pochopení.
Pokračujme tedy. Po změnách v souboru page.php se kód, který je zodpovědný za zobrazování názvů stránek mého blogu, stal takto:
To však nejsou všechny změny, které bylo potřeba provést. Jde o to, že jsem zjistil další vážnou chybu.
Spočívalo v tom, že tento tag byl použit k zobrazení názvu celého blogu, což vedlo k četným s opakujícím se tagem h1. Vyhledávače nemají rády tento druh nadměrné optimalizace!
Úprava šablony pro značku h1
Chcete-li upravit šablonu WordPress a odstranit výstup značky h1 ze záhlaví blogu, musíte provést změny v souborech: header.php (výstupní soubor záhlaví webového prostředku) a style.css (soubor stylu webového prostředku).
Musíte změnit v souboru header.php:
Najděte tento kód v souboru header.php, který vydává název vašeho webu nebo blogu, a pak místo značky h1 vložte značku odstavce p.
Po změně vidíme tento obrázek:
Úprava souboru style.css
Chcete-li zachovat velikost písma a vzhled názvu blogu nezměněné, musíte provést změny v souboru style.css. Otevřete tento soubor a vyhledejte styly pro h1. Pro mě vypadají takto:
Poté nahraďte značku h1 značkou p a upravte velikost písma:
Html h1 tag pro domovskou stránku blogu
Na hlavní stránce blogu by měl být tag H1 napsán v názvu nebo popisu blogu a tag H2 v názvech článků.
Ale jak to udělat? V našich příspěvcích se hlavní tag používá pro názvy článků.
Otevře soubor index.php pro úpravy a najde řádek jako:
Může se vám to zdát trochu jinak, ale význam je stejný. Zde je důležité se ujistit, že značka h2 je napsána v tomto řádku, jako na snímku obrazovky výše.
Pokud se zobrazuje prostřednictvím jiné značky, přidejte h2 a aktualizujte soubor.
Nyní o H1
Jak jsem již poznamenal, h1 by mělo být napsáno na hlavní stránce v názvu nebo popisu blogu. Měl by obsahovat klíčová slova, která odrážejí obsah celého webového zdroje.
Ale to není všechno.
Pokud jednoduše napíšeme název nebo popis blogu prostřednictvím značky h1, zobrazí se na všech stránkách mnoha blogových článků.
To povede k duplicitní značce h1, což není dobré! To se vyhledávačům nelíbí... Proto nabízím své řešení.
Je potřeba přidat podmínku v podobě php kódu, pod kterým bude tento tag napsán v názvu blogu pouze na hlavní stránce a na ostatních stránkách v článcích bude chybět.
A zde je samotná podmínka:
název nebo popis vašeho blogu
< >název nebo popis blogu
Otevřete tedy soubor blogu header.php a napište tuto podmínku do záhlaví blogu.
U mě to vypadá takto:
Jak vidíte, pro svůj zdroj jsem do tagu h1 na hlavní stránce zahrnul popis blogu „propagace blogu a vydělávání peněz na internetu“.
To je v podstatě vše. Úspěšně jsme upravili nedostatky v bezplatné šabloně.
Doufám, že chápete, jak správně používat značku h1 na svém blogu, abyste potěšili vyhledávače.
V mých dalších lekcích budu hovořit o tom, jak správně používat značky h1, h2, h3 a h4 na vašem webovém zdroji. Přihlaste se k odběru aktualizací, abyste si tento užitečný materiál nenechali ujít.
Do příště. Sbohem!
V předchozím jsem popsal hlavní hodnotící faktory pro vyhledávače.
V tomto článku se podíváme na to, jak správně skládat nadpisy pro webové stránky. Tento faktor odkazuje na interní hodnotící faktory a je nezbytný pro správnou optimalizaci obsahu na webových stránkách.
O jejich významu a roli pro SEO jsem již diskutoval. Dnes se blíže podíváme na tagy jako H. Takových tagů je celkem 6, ale většinou se používají jen první 3 - tagy h1, h2 a h3.
Název SEO stránky h1 a jeho význam
Nejdůležitější název stránky je označen tagem h1. Může to být název stránky, článku nebo produktu. Toto je povinné záhlaví a musí být přítomno na všech stránkách webu bez výjimky.
Velmi často se u vlastnoručně psaných webů nebo prostě v neodborně sestavených šablonách setkávám s takovou situací, že tam h1 tag prostě není. Namísto názvu stránky je místo h1 tag h2. To je i v tom nejlepším případě – stane se, že na stránce nejsou vůbec žádné nadpisy typu H. A to, co vypadá jako hlavička, je jen obyčejný div nebo span blok s předem napsanými styly podobnými hlavičce.
Nezapomeňte zkontrolovat přítomnost značky h1 na stránce na samém začátku optimalizace nebo ještě dříve - ve fázi vývoje webu. Kromě toho by na stránce měla být pouze 1 značka h1.
Opět je běžným jevem, když je na stránce několik značek h1. To je opět typické pro weby, které si sami napíšou nebo ty vytvořené na konstruktoru nebo používající různé druhy softwaru, jako je hrozný kód, o kterém jsem psal dříve.
Poslední web, který jsem vzal k optimalizaci, byl jen jednostránkový web sestavený na Muse, a když jsem se podíval na kód webu, našel jsem až 7 nadpisů označených tagem h1 - to je hrozná chyba.
H2 nadpis a jeho význam pro propagaci
Pokud mnozí stále dodržují pravidla a používají h1 na stránkách svého webu, mnozí zanedbávají značku h2, ale marně! Tato značka obvykle označuje podsekce článku nebo stránky.
Dokonce i ve fázi shromažďování sémantického jádra pro web jako celek nebo pro samostatný článek musíte zhruba pochopit, z jakých sekcí bude článek sestávat. Popíšeme podrobně výhody, náklady nebo jakékoli další podrobnosti o tématu článku nebo produktu.
Vezměme si příklad stránky produktu v obchodě s fotografickým vybavením – pokud h1 titulek stránky vypadá jako „Canon 6d Body“, pak pomocí tagu h2 zhruba rozdělíme popis samotného produktu na stránce na části ( podsekce) a vypadají jako „Charakteristiky těla Canon 6d“ a „Výhody fotoaparátu Canon 6d Body“.
Pomocí h2 hlaviček tedy zachytíme důležité body, které mohou návštěvníka webu kromě samotného nadpisu také zajímat. Nyní bude stránka soutěžit s ostatními nejen o požadavky na hlavní „Canon 6d Body“, ale také o další požadavky týkající se výhod a vlastností tohoto modelu fotoaparátu. A pokrytí většího množství požadavků zase znamená zvýšení návštěvnosti webu.
Mimochodem, jak na mém blogu, tak na klientských webech jsem zaznamenal případy, kdy nadpis jako h2 skončil ve úryvku výsledků vyhledávání. Zpravidla tam jde buď h1 nebo title - oba jsou nejdůležitější nadpisy stránky a mají výhodu, ale vliv h2 na úryvek je také možný.
Například tento článek může snadno dosáhnout TOP pro dotaz „Nadpis h2“, jen proto, že tato fráze je v tagu h2.
Pár slov o nadpisu h3 a je to vůbec potřeba?
Velmi zřídka používám ve svých článcích nadpis s tagem h3. V případech, kdy článek obsahuje 5000 nebo více znaků, a i když ne vždy, můžete článek rozdělit do podsekcí a označit je tagem h2.
Všechny nadpisy počínaje h3 a až h6 mají stejnou roli vyjasnění a rozdělení stránky do podsekcí, ale to se používá velmi zřídka. Jen musíte mít hodně obrovský článek, abyste si mohli sestavit takovou hierarchii podsekcí stránky a používat všechny typy nadpisů.
Pro příklad vnoření podnadpisů napíšu o hierarchii nadpisů a nadpis této sekce označím tagem h3.
Pořadí a hierarchie nadpisů na webové stránce
Všechny nadpisy musí být v přísném pořadí. První nadpis na stránce je vždy h1.
Pokud se ukázalo, že podsekce každého z nadpisů h2 mají působivou velikost a dotýkají se několika ještě menších podtémat, pak uvnitř každé nebo jedné samostatné podsekce s tagem h2 vytvoříte složené „mini“ podsekce stránky a označíte je s h3.
Není nutné, aby všechny podsekce označené tagem h2 byly velké a bylo nutné je rozdělit na několik dalších podsekcí. Níže se pokusím názorně ukázat, jak správně vnořit záhlaví na stránku.
8 lajků
- 1
Pavel
Alexandere, velmi mě znepokojuje otázka ohledně značek. O svých službách se snažím psát správně a srozumitelně. Vše jsem pochopil s nadpisem stránky (h1), ale na stejné stránce mám pro klienta 12 různých nabídek, přímo souvisejících s hlavním tématem stránky. Mohu tedy na této stránce vytvořit nadpisy 12 h2? Kolik textu by mělo být pod každým nadpisem? A ano, ředím je obrázky... Předem děkuji za odpověď.
- 3
Andrey
Jak ovlivní rozpětí uvnitř h1 pořadí?
w3c má spoustu chyb. nebo ještě lépe, vytvořte HLAVNÍ LIST
- 5
Grattol Kazachstán
Prosím, řekněte mi, co se stane, když bude na prvním místě h3 a poté h2? Mám obchod na Wukomerz a popis produktu je takový. Musím to opravit? Prostě zboží je tam už hodně.
- 7
Sergeji
A pokud se můj tag h1 skládá ze dvou frází, z nichž jedna je podle nápadu designéra vyrobena s jiným posunem. Jak se tedy obejít bez, řekněme, rozpětí uvnitř tagu h1?
- 9
Julie
Alexandre, prosím, řekni mi to. Na webu prodávajícím produkt máme v popisu h1 i h2. Otázka: “Technické vlastnosti” a “Zahrnuto” - je možné/potřebné nainstalovat h3? Myslím, že je to zbytečné a lepší v běžném tučném písmu, že?
- 11
Alexandr
Dobré odpoledne, Alexandre. Mám na toto téma 2 dotazy:
1. Chci udělat mikroznačku pro produkty internetového obchodu a mám otázku: je možné použít takový design uvnitř značky h1? Je v pořádku, že itemprop je vnořený do h1...?.
Značky nadpisů
...by měl být na každé stránce webu. Důležitost každého nadpisu závisí na počtu:
- nejdůležitější značky titulků
- méně významné než první
...
- poslední v důležitosti
S těmito značkami je třeba zacházet opatrně, protože mají větší dopad na hodnocení webu. Při správném použití značek
...Často je možné dosáhnout dobrých pozic na webu pro dotazy pouze na interní faktory. A opačná situace: při nesprávném použití se můžete dostat pod sankce ze strany vyhledávačů. V tomto článku si povíme, jak tyto značky správně používat.
Syntaxe značky ..
Název článku
Titulek1
...
Titulek2
Podtitul3_1
...
Subtitle3_N
Podtitul3
atd.
Každý titul má ve výchozím nastavení jinou velikost. Například kód
Nadpis h1
Nadpis h2
Nadpis h3
Nadpis h4
Nadpis h5
Nadpis h6
Stránka se změní na toto:
Význam značky ..
Z hlediska váhy a důležitosti při propagaci webu jsou hlavičkové tagy h1-h6 na druhém místě po tagu
. Pravidla pro vytváření titulků jsou v mnoha ohledech podobná jako u h1.</p>
<h2>Pravidla pro používání značky <h1></h2>
<ul><li>Štítek <h1>musí být přítomen v jedné kopii na každé stránce webu. Toto pravidlo by nemělo vyvolávat žádné otázky, protože každá stránka webu by měla mít pouze jeden název. A když tam není vůbec žádné jméno, tak proč je taková stránka vůbec potřeba?</li>
<li>Nadpis <h1>by měl být někde v horní části html kódu stránky</li>
<li><h1>musí být v rámci webu unikátní, tzn. Nemělo by se stát, že se některé stránky jmenují stejně</li>
<li>Název by měl odrážet podstatu článku a neměl by být příliš dlouhý</li>
<li>Neměl by obsahovat žádné jiné prvky kromě názvu stránky (tj. v h1 nemůžete používat odkazy, rozsah, prvky písma, obrázky atd.)</li>
<li>Je špatné používat nadpisy pro jiné účely. Například v šablonách se často používají značky h3 pro nadpisy „Značky“ a „Komentáře“ v postranních panelech. Není to správné. Značky nadpisů by měly být v článku použity, aby správně strukturovaly obsah a pomohly vyhledávačům i běžným uživatelům rychle článek pochopit.</li>
<li>Je vhodné používat hlavičky bez parametrů class a id</li>
<li>Je důležité respektovat hierarchii značek titulků. Tento bod je třeba projednat podrobněji.</li>
</ul><h2>Význam hierarchie <h1>..<h6></h2>
<p>V html kódu stránky by měla být první značka <h1>. Nemůžete nejprve vytvořit titul <h2>, Pak <h1>. Totéž s ostatními čísly značek. Zde je správné použití značek:</p>
<blockquote><h1
>Název článku</h1
>
...
<h2
></h2
>
<h3
></h3
>
<h4
></h4
>
...
<h4
></h4
>
<h3
></h3
>
...
<h3
></h3
>
<h2
></h2
>
...
<h2
></h2
>
<h3
></h3
>
</blockquote>
<p>Tito. Každá nižší značka je vždy vnořena do vyšší značky. Toto je správná hierarchie. Zároveň ostré přechody z <h1>na <h4>, S <h2>na <h5>a tak dále.</p>
<p>Kromě této hierarchie je potřeba dodržet i hierarchii z hlediska velikostí písma. Tito. důležitější nadpisy by měly mít větší písmo. Ačkoli dosud nikdo neoznámil důkazy potvrzující, že vyhledávače analyzují styly, které jsou v souborech .css, mezi webmastery a optimalizátory existuje takové tajné pravidlo.</p>
<p><b>Může titul <h1>A <title>shodovat se?</b>
<br>To je otázka, o které se v současnosti diskutuje. Na jednu stranu je logické, že <title>A <h1>se shodoval. Ale na druhou stranu je to jako duplikovat název stránky. Obecně se nejčastěji budou nadpisy lišit, protože v <h1>Je stěží možné nebo smysluplné napsat slova „Koupit, cena, foto“, ale v názvu jsou taková slova použita naopak. Chcete-li odpovědět na otázku, udělejte to tak, aby bylo uživateli vše jasné a vypadalo přirozeně.</p>
<p><b>Kolik titulů může být? <h2>, <h3>?
</b>
<br>Značky nadpisů <h2>
-<h6>na stránce jich může být několik, vše závisí na velikosti obsahu. Množství obsahu na nadpis by mělo být přiměřené. Jinými slovy, nemělo by to být za hlavičkou <h2>je tam 5 vět, tak znovu <h2>a opět malý odstavec. V takových případech je asi lepší štítky hlavy vůbec nepoužívat.</p>
<p>Nepleťte si značky záhlaví <head>a h1-h6. Některé jsou potřebné pro vyhledávacího robota, jiné pro vyhledávacího robota a uživatele.</p>
<p>Ahoj všichni! <br>Jedná se o komplexní práci, která vyžaduje pozornost ke každému detailu. I nesprávné použití nadpisů (značky H1, H2, H3) na webových stránkách může narušit běžnou propagaci ve vyhledávačích. Dnes si povíme právě o tomto.</p>
<p>Vše popsané ve výše uvedených lekcích se vám dnes bude hodit.</p>
<h2>Pravidla nadpisu</h2>
<p>Ve světě SEO platí určitá pravidla pro používání tagů H1, H2, H3 a níže, která by bylo vhodné na všech stránkách dodržovat:</p>
<ul><li>Na stránce by měl být pouze jeden nadpis první úrovně (H1);</li>
<li>Nadpis H1 by se neměl shodovat s nadpisem stránky;</li>
<li>Nadpisy H2, H3, H4 by měly být použity pouze v rámci předmětu;</li>
<li>Nadpisy by měly používat pouze fráze, které jsou užitečné, to znamená, že značky H1...H6 by neměly obsahovat nic neříkající fráze, jako jsou: recenze, odběr, komentáře atd.;</li>
<li>Udržujte hierarchii nadpisů. Nadpis druhé úrovně by měl být pod H1, nadpis třetí úrovně by měl být níže <b>První</b> H2. Pokud je to jinak, pak vyhledávací robot, který vidí pouze HTML kód, nebude správně vnímat stránku, což není to, co chceme.</li>
</ul><p>O těchto pravidlech jsem již krátce psal v lekci věnované. Určitě si to přečtěte, je tam spousta užitečných informací!</p>
<h2>Jak poznáte, že jsou záhlaví správně použita?</h2>
<p>Znáte prohlížeč Mozilla Firefox? Možná ano. Tento prohlížeč tedy díky jednomu pluginu s dobrou funkčností poskytuje vynikající příležitosti pro analýzu stránek. Název tohoto pluginu je RDS bar. Můžete si jej stáhnout z tohoto odkazu, ale musíte to udělat ve Firefoxu, takže pokud tento prohlížeč nemáte nainstalovaný, rychle si jej stáhněte a nainstalujte.</p>
<p>RDS lištu lze nainstalovat do jiných prohlížečů, ale v Mozilla Firefox je její funkčnost mnohem širší.</p>
<p>Než přejdeme k analýze stránek webu, musíme provést několik malých úprav pluginu:</p>
<img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png' height="131" width="255" loading=lazy loading=lazy><p>Nyní snadno vidíme, kolik značek H1, H2, H3 je na stránce, uvidíme zbytečné nadpisy a budeme vědět, co je třeba upravit. Celou tuto nádheru můžete vidět kliknutím na tlačítko SEO tagy na liště RDS, které jste právě aktivovali: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy loading=lazy></p>
<p>Jakmile kliknete na toto tlačítko, objeví se vám před očima malá zpráva: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/meta-tegi-i-zagolovki.png' width="100%" loading=lazy loading=lazy></p>
<p>Tento příspěvek obsahuje , nadpis H1 a další. Jak vidíte, na stránkách mého blogu je vše v pořádku, protože jsem tento problém vyřešil před týdnem, ale na webu klienta je vše mnohem horší.</p>
<p>Uvedu seznam chyb:</p>
<ol><li>Duplikace mezi nadpisy H2 a H5;</li>
<li>Žádné nadpisy třetí úrovně;</li>
<li>V H4 jsou odpadky.</li>
</ol><p>Čeká nás spousta práce, proto předvedu opravu chyb na jednom příkladu. Pokusím se změnit značky H5 na H3, abych zachoval hierarchii nadpisů.</p>
<h2>Jak opravit chyby?</h2>
<p>K tomu budu potřebovat soubory stránek (), Notepad++ a Mozilla Firefox.</p>
<ol><li>Chcete-li přesně vědět, kde se nachází problematická značka a její třída stylu, musíte použít nástroj Explore Element vestavěný v prohlížeči: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy loading=lazy>Najeďte myší na konkrétní prvek, klikněte na něj pravým tlačítkem a vyberte Prozkoumat prvek. Ve spodní části okna se zobrazí oblast, kde můžete vidět třídu stylu prvku HTML a jeho styly CSS: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy loading=lazy></li>
<li>Podívejte se na třídu stylu prvku, který potřebujete, a zkopírujte ji, abyste ji později našli v kódu stránky. V mém případě je třída názvu H2 page-box__title: Chci změnit úroveň názvu H5 na H3, protože H5 uvádí relevantní klíčová slova.</li>
<li>Dále musíte najít prvek s touto třídou ve složce webu, k tomu použijeme vestavěné funkce, konkrétně vyhledávání souborů. Otevřete Poznámkový blok++, v horní nabídce najděte položku „Hledat“ a v rozevírací nabídce vyberte „Najít v souborech“: <img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/najti-v-fajlah.png' height="248" width="367" loading=lazy loading=lazy></li>
<li>Do pole „Najít“ zadám třídu stylu názvu páté úrovně (page-box__title) a do pole „Složka“ uvedu cestu ke složce s webem: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy loading=lazy>Po kliknutí na tlačítko „Najít vše“ se spustí proces hledání souboru: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/process-poiska.png' width="100%" loading=lazy loading=lazy></li>
<li>Ve spodní části pracovního okna Notepad++ se zobrazí výsledky vyhledávání, mezi nimiž je stejný název páté úrovně (H5) s třídou „page-box__title“: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy loading=lazy>Chcete-li přejít přímo k souboru, který obsahuje tento titul, stačí dvakrát kliknout na výsledek hledání;</li>
<li>Dále jen změním štítky <h5></h5>ke štítkům <h3></h3>:Ujistěte se, že jste soubor uložili;</li>
<li>Podívejme se na výsledek na webu: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy loading=lazy>Nevypadá to moc dobře.</li>
<li>Aby záhlaví vypadalo normálně, musíte provést změny v souboru stylu (style.css). Protože záhlaví uvedená v příkladu jsou uzavřena ve značce <a>, pak bude pravidlo ve style.css s největší pravděpodobností vypadat takto: .page-box__title > a (výběr dítěte). Hledání v Notepad ++ také našlo toto: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy loading=lazy>Do pravidla stylu musíte přidat vlastnost font-size (velikost písma) s požadovanou hodnotou. V mém případě by optimální velikost písma byla 14 px: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy loading=lazy></li>
<li>Podívejme se na výsledek: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy loading=lazy>Jak vidíte, záhlaví se nyní zobrazují normálně.</li>
</ol><p>Stejně pracujeme s ostatními hlavičkami. Jakmile budete hotovi, nezapomeňte odeslat změny na server. To lze provést prostřednictvím FileZilla, o které jsem mluvil</p>
<p>» Použití nadpisů H1-H6</p>
<h1>Použití záhlaví H1-H6</h1>
<p>V tomto článku se pokusíme vysvětlit, co jsou značky h1-h6 a jak je správně používat s ohledem na propagaci webu. Protože správné používání nadpisů vám pomůže rychle a bez námahy dosáhnout vyšších pozic ve vyhledávačích. Nadpisy H1-H6 jsou nejdůležitější zdůrazňovací tagy a spolu s meta tagy mají velký význam pro správnou SEO optimalizaci webu. Bez tohoto důležitého odkazu je prostě nemožné dostat stránku na vrchol v konkurenčním tématu. <br>Začněme několika pravidly pro sestavování nadpisů v pořadí podle jejich důležitosti:</p><ul><li>V nadpisech používejte klíčová slova</li>
<li>Spam je zakázán v hlavičkách jakékoli úrovně</li>
<li>Značka H1 by měla být použita pouze jednou</li>
<li>Klíče z hlavičky musí být na stránce skutečně přítomny</li>
<li>Nadpis první úrovně by měl být v kódu stránky co nejvýše</li>
<li>Zahrňte důležitá klíčová slovní spojení co nejblíže začátku názvu.</li>
<li>Nadpisy by měly být informativní a ne příliš dlouhé</li>
<li>Pokuste se sestavit klíčové fráze v podnadpisech s ohledem na morfologii a synonyma</li>
<li>První věta za nadpisem musí používat klíč od něj</li>
</ul> No, pojďme se blíže podívat na to, jak tyto značky používat, a dáme vám pár tipů, jak je skládat. <h2>Použití nadpisů na stránce</h2>
<p>Značky H1-H6 jsou navrženy tak, aby zvýraznily názvy webových stránek a lze je přirovnat k názvům knih. Všechny tagy nadpisů jsou spárované, jako v zásadě téměř všechny ostatní používané v html, a pokud jimi chcete zvýraznit nějakou frázi, pak musí být uzavřena mezi tyto značky. Například takto: <h1>vaše klíčové slovo mezi značkami</h1>, tento design je určen ke zvýraznění hlavního nadpisu na stránce, všechny následující by měly být použity obdobně, s ohledem na sestupné.</p>
<p>Nejdůležitější tag pro SEO je tag H1 a slouží jako hlavní nadpis stránky. Může to být název článku, novinky nebo název produktu, jinými slovy, text uzavřený v H1 hraje nejdůležitější roli a mezi tímto tagem musí být klíčová fráze, která by měla mít na stránce největší váhu . Stojí za zmínku, že hlavička H1 by měla být použita pouze jednou a měla by obsahovat hlavní a nejvýznamnější klíčová slova, pod kterými plánujete tuto stránku propagovat. Pravidla pro psaní nadpisů jsou téměř totožná s doporučeními pro psaní meta titulu Title, doporučujeme se s nimi seznámit, pokud jste tak ještě neučinili.</p>
<p>Dalším důležitým doporučením je, že metaznačka title a nadpis první úrovně by neměly být totožné a příliš dlouhé, neměli byste tam vypisovat seznam klíčů, které potřebujete, postačí 3-5 slov. V opačném případě budou klíčová slova v nadpisu rozmazaná a nebudou mít maximální váhu, v horším případě budou vyhledávačem považována za spam. Pokud má vyhledávač podezření, že ho chcete oklamat, bude tato stránka s největší pravděpodobností ve výsledcích vyhledávání snížena. Buďte extrémně opatrní a nespěchejte při psaní titulků, jak je uvedeno výše, jsou jedním z důležitých faktorů hodnocení.</p>
<p>Na rozdíl od nadpisu první úrovně lze jiné (H2-H6) použít na stránce vícekrát, ale jak asi tušíte, jejich váha je v sestupném pořadí. Tyto značky se používají pro podnadpisy a doporučuje se do nich také zahrnout významné klíčové fráze, takříkajíc zředěné nebo v upřesňující formě. Používejte v nich synonyma, zadejte svůj klíč s ohledem na morfologii, ale nedělejte je příliš podobné hlavičce H1. Použitá slova a slovní spojení musí být na stránce kromě nadpisů přítomna a musí být v logickém pořadí, přičemž první věta za nadpisem musí být pokud možno co nejpřesnější.</p>
<p>Nikdy byste neměli vytvářet titulky jako: „Vítejte na stránce...“ a podobně. To stránce nic dobrého nepřinese a ubere lví podíl na její váze. Jakýkoli nadpis na vaší stránce by měl být určen nejen návštěvníkům webu, ale také vyhledávačům. Nadpisy na stránce by měly být nejen informativní, ale také ne příliš dlouhé, při skládání nadpisů je třeba najít střední cestu. Yandex a Google musí pochopit, co se na stránce říká, vložit klíčová slova do značek H1-H6, ale bez fanatismu, jinak můžete věci jen zhoršit.</p>
<p>Stojí za zmínku, že značky nadpisů H1-H6 by měly být na stránce přísně v sestupném pořadí. Je to na stránce a ne v textu, protože se často vyskytují případy, kdy tomu tak například u bezplatných šablon zdaleka není a také to snižuje váhu požadovaných klíčových slov. Existuje názor, že nadpisy pod H3 nemají pro vyhledávače žádný význam a to samozřejmě může být pravda, ale přesto je doporučujeme používat k označení textového obsahu spíše než nadpisy a bloky jiných prvků webu. Na to existuje obrovské množství dalších html tagů.</p>
<h2>Časté chyby při používání značek nadpisů</h2>
<p>Některé CMS, nebo spíše pro ně bezplatné šablony, často hřeší tím, že H1 tagy píší na špatné místo s přihlédnutím ke správné vnitřní optimalizaci. Nebo používají značky H3 ke zvýraznění záhlaví bloků a dalších prvků webu, což je zásadně nesprávné, pro tento účel existují v HTML alternativní značky.</p>
<p>Další častou chybou, která se vyskytuje u některých šablon, jsou chyby v rozložení ve vztahu k SEO a nedodržování standardu W3C. Poměrně často se můžete setkat s tím, že na některých webech značky H zahrnují odkazy, obrázky, loga v záhlaví webu atd. Což se špatně odráží na celém webu jako celku.</p>
<p>No a poslední nejčastější chybou je, že při používání vizuálních editorů v admin panelu majitelé stránek často nechávají prázdné nadpisy v textu bez smyslu, nezavírají tyto značky, což může zmást roboty vyhledávačů a takové stránky rozhodně budou snížené ve výsledcích..</p>
<p>Uvedli jsme 3 nejčastější chyby při používání nadpisů, samozřejmě existují i jiné, ale nejsou tak časté, a proto byly přehlédnuty. Ujistěte se, že vaše stránky na webu neobsahují tyto chyby a ujistěte se, že je odstraníte, čímž se vaše stránky stanou atraktivnějšími pro vyhledávače.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</article>
<div class="tags"></div>
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter"
></div>
<div id="venus-269"></div>
</div>
<div class="seealso">
<span class="title">Přečtěte si více:</span>
<ul>
<li>
<div>
<a href='https://periscopes.ru/cs/etapy-sozdaniya-kompyuternoi-igry-kak-sozdat-igru-samomu-etapy-sozdaniya.html' title='Etapy tvorby počítačové hry'>
<noindex><img width="640" height="426" src="/uploads/30134ef3a787501735b1146d4228d871.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Etapy tvorby počítačové hry"
sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex>
</a>
</div> <span class='date'><noindex>2023-10-31 00:47:33</noindex></span>
<div><a href='https://periscopes.ru/cs/etapy-sozdaniya-kompyuternoi-igry-kak-sozdat-igru-samomu-etapy-sozdaniya.html' title='Etapy tvorby počítačové hry'>Etapy tvorby počítačové hry</a></div>
</li>
<li>
<div>
<a href='https://periscopes.ru/cs/tehnologiya-gpon-rostelekom-chto-nuzhno-znat-kak-ustroen.html' title='Jak funguje optický kabel Jak vybudovat optický internet'>
<noindex><img width="640" height="426" src="/uploads/638525e78d90ba6e62646ee169930408.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Jak funguje optický kabel Jak vybudovat optický internet"
sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex>
</a>
</div> <span class='date'><noindex>2023-10-31 00:47:33</noindex></span>
<div><a href='https://periscopes.ru/cs/tehnologiya-gpon-rostelekom-chto-nuzhno-znat-kak-ustroen.html' title='Jak funguje optický kabel Jak vybudovat optický internet'>Jak funguje optický kabel Jak vybudovat optický internet</a></div>
</li>
<li>
<div>
<a href='https://periscopes.ru/cs/kak-uznat-informaciyu-o-podpiskah-na-megafone-platnye.html' title='Placené mobilní předplatné Megafonu: kontrola a deaktivace'>
<noindex><img width="640" height="426" src="/uploads/3818647683c5765ca04c5ffdf66a84f4.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Placené mobilní předplatné Megafonu: kontrola a deaktivace"
sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex>
</a>
</div> <span class='date'><noindex>2023-10-31 00:47:33</noindex></span>
<div><a href='https://periscopes.ru/cs/kak-uznat-informaciyu-o-podpiskah-na-megafone-platnye.html' title='Placené mobilní předplatné Megafonu: kontrola a deaktivace'>Placené mobilní předplatné Megafonu: kontrola a deaktivace</a></div>
</li>
<li>
<div>
<a href='https://periscopes.ru/cs/zachem-nuzhen-bolshoi-adronnyi-kollaider-i-gde-on-nahoditsya.html' title='Velký hadronový urychlovač – proč je potřeba?'>
<noindex><img width="640" height="426" src="/uploads/14806ab270a037692b05327cae086594.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Velký hadronový urychlovač – proč je potřeba?"
sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex>
</a>
</div> <span class='date'><noindex>2023-10-31 00:47:33</noindex></span>
<div><a href='https://periscopes.ru/cs/zachem-nuzhen-bolshoi-adronnyi-kollaider-i-gde-on-nahoditsya.html' title='Velký hadronový urychlovač – proč je potřeba?'>Velký hadronový urychlovač – proč je potřeba?</a></div>
</li>
<li>
<div>
<a href='https://periscopes.ru/cs/istoriya-televideniya-izobretateli-pervyi-opyt-televeshchaniya-televidenie.html' title='Vynálezci, první zkušenosti s televizním vysíláním'>
<noindex><img width="640" height="426" src="/uploads/0092eaf8891a5233bc38e567a44c42c4.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Vynálezci, první zkušenosti s televizním vysíláním"
sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex>
</a>
</div> <span class='date'><noindex>2023-10-31 00:47:33</noindex></span>
<div><a href='https://periscopes.ru/cs/istoriya-televideniya-izobretateli-pervyi-opyt-televeshchaniya-televidenie.html' title='Vynálezci, první zkušenosti s televizním vysíláním'>Vynálezci, první zkušenosti s televizním vysíláním</a></div>
</li>
<li>
<div>
<a href='https://periscopes.ru/cs/jiayu-jy-g4-visit-na-zastavke-posle-neudachnoi-proshivki-vse-obo-vs-m.html' title='Vše o všem: skvělý výběr Jiayu g4 neoficiální firmware OS 5 x'>
<noindex><img width="640" height="426" src="/uploads/391dd41c2b43629b5091441348eeecac.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Vše o všem: skvělý výběr Jiayu g4 neoficiální firmware OS 5 x"
sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex>
</a>
</div> <span class='date'><noindex>2023-10-30 00:49:21</noindex></span>
<div><a href='https://periscopes.ru/cs/jiayu-jy-g4-visit-na-zastavke-posle-neudachnoi-proshivki-vse-obo-vs-m.html' title='Vše o všem: skvělý výběr Jiayu g4 neoficiální firmware OS 5 x'>Vše o všem: skvělý výběr Jiayu g4 neoficiální firmware OS 5 x</a></div>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<nav id="links">
</nav>
<div id="footer">
<div class="icon-logos_footer" style="position:absolute; top:16px; left:18px; width: 119px; height: 19px;">
</div>
<span>© 2023. Mobilní technologie a telekomunikační operátoři</span>
<div>
</div>
</footer>
</div>
</div>
</div>
<script type='text/javascript' src='https://periscopes.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.7'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.2'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar-article", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-20'] } ;
</script>
<script type='text/javascript' src='https://periscopes.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.2'></script>
<script type='text/javascript' src='https://periscopes.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script>
<script type="text/javascript">
$(document).ready(function(){
var bg = $(".slider > ul > li > a > img").attr ("src");
$(".slider").css("background", "url("+bg+")");
$(".slider > ul > li:first-child").addClass ("active");
} );
$(function () {
$("#devider").masonry({
itemSelector: ".vpost"
} );
$(".sub-menu").each(function () {
$(this).parent().eq(0).hover(function () {
$(this).addClass("li-hover");
} ,
function () {
$(this).removeClass("li-hover");
} );
} );
$(".tabs-all-cat > li").each(function () {
$(this).hover(function () {
$(this).addClass("li-hover");
$(".tabs-all-cat > li > ul").show();
} ,
function () {
$(this).removeClass("li-hover");
$(".tabs-all-cat > li > ul").hide();
} );
} );
$(".slider-a").click(function () {
$(".slider > ul > li").removeClass ("active");
$(this).parent().addClass ("active");
var bg = $(".active > a > img").attr ("src");
$(".slider").css("background", "url("+bg+")");
} );
} );
</script>
</body>
</html>