Záhlaví 2. úrovně

Hlavička 3. úrovně

Hlavička 4. úrovně

Nadpis 5. úrovně

Nadpis 6. úrovně

Pokud jde o styly návrhu pro každou úroveň, vyplatí se přidat pravidla pro každou úroveň do souboru stylů.

Všimněte si, že před názvem úrovně titulu ve stylech nejsou žádné tečky ani značky hash. Uvnitř závorek označujeme samotné styly: typ písma, velikost, barvu, pozadí atd.

Design záhlaví H1-H6

Pokud ze svých záhlaví vytvoříte jedinečný, poutavý design, návštěvníci vám za to jen poděkují a obsahový design bude nejvyšší úroveň. Nyní jednoduché hlavičky s velká velikost písmo a tučné zvýraznění se již stávají minulostí.

Jednoduché, ale zároveň použitelné návrhy hlaviček různé sekretyčáry, podtržení pozadím a tak dále.

Jednou jsem uvedl několik příkladů takových návrhů. I když si vezmete můj blog, hlavní nadpis v H1 není jednoduše navržen velkým písmem na bílém pozadí se zbytkem textu. Je oddělena šedým rámem proti obecnému pozadí webu, díky čemuž je viditelnější a soustředí na něj pozornost.

Dám vám ještě 2 příklady navržených nadpisů v H1.

Jak vidíte, není to jen tučné písmo, ale krásné pozadí se zvlněnou spodní plochou a zvýrazněnou horní plochou.

O zajímavém designu se můžete sami přesvědčit na tuto stránku.

Co se týče nadpisů H2-H6, můžete je nejen navrhnout s nějakým pozadím, ale také je očíslovat (pokud používáte obsah na začátku stránky) ve formuláři krásné obrázky. Opět to nemusí být jednoduchá čísla. Zde dobrý příklad takový nápad.

Když víte něco, co většina lidí neví, tím méně ví, můžete přejít a podívat se na hlavní chyby při používání nadpisů na všech úrovních vašeho webu.

Chyby při používání

Na všechny chyby jste již mohli přijít sami studiem všech výše uvedených materiálů, ale existují určité nuance. Uvedu vše, co se vás může týkat konkrétně a co je potřeba ihned napravit.

• Více než jeden H1 na stránku. To není správné. Pouze jednou na dokument;
• Použití značek H1-H6 pro návrh doplňkové prvky místo. Hned na začátku jsem psal, že účelem těchto dokumentů je návrh a strukturování obsahu. Proto by se měly používat pouze v obsahu. Většina šablon webových stránek obsahuje tyto značky v postranních sloupcích pro úpravu jejich názvů a tak dále. To je jasně vyjádřeno v šablonách WordPress, kdy je název každého widgetu v postranním panelu uzavřen ve značkách H3 nebo jiných. Pokud tato situace nastane, nahraďte značky záhlaví v prvcích služeb na webu jinými, například značka „span“;
• Konkrétně zadáváme klíčová slova. Dříve panoval názor, že přímým zadáním klíčových slov do nadpisů všech úrovní můžete zvýšit jejich hustotu a pozice takové stránky by byla vyšší. To už je ale ze strany vyhledávačů „trestné zákonem“ a za spam v titulcích jsou uvaleny sankce. Navíc jsou tyto značky řazeny podle jiných algoritmů. Závěr: není žádný cíl zadávat klíčová slova;
• Časté používání teček a interpunkčních znamének. Tečky v nadpisech by se neměly používat vůbec, protože to není správné z hlediska copywritingu i obecná pravidla textový design. Snažíme se také minimalizovat počet interpunkčních znamének, abychom zvýšili čitelnost nadpisů. To také zahrnuje velký počet slova – nedělejte titulky příliš dlouhé;
• Struktura není zachována z hlediska hierarchie. Pokuste se dodržovat logický řetězec při vytváření hierarchie značek H2-H6 na každé stránce;
• Použití značek H1-H6 ke stylování jiných textových prvků namísto nadpisu. To je to, o čem jsem mluvil výše, když jsou styly designu každého tagu špatně nakonfigurovány a místo obvyklého tučného písma můžete použít nadpis nějaké úrovně.
• Název není vhodný nebo nevyjadřuje kontext textu, který za ním následuje. Chcete-li se naučit, jak vytvářet logické nadpisy, vyzvedněte si několik dobře navržených knih, které se vám budou snadno číst. Zaměřte se také na strukturování obsahu na webu Wikipedie;
• Nepoužití nadpisů H1-H6 vůbec nebo absence u malých textů. Jen úplná absence a není o čem mluvit, ale absence na malých stránkách je sporná, protože jakýkoli text (i těch minimálně 1000 znaků) má logická struktura. Přechod z jednoho tématu do druhého. Proč to nerozdělit na logické části s podnadpisy? různé úrovně?

To je vše, milí webmasteři. Materiál o titulcích na webu skončil. Vyšlo to dost natahovaně. Někde jsem se opakoval, ale to jen proto, abych zaměřil vaši pozornost na klíčové myšlenky článku. v to doufám tento materiál užitečné pro vás.

Mimochodem, najdete na webu malou chybičku v mých hlavičkách? Pokud ano, napište do komentářů. Tento okamžik není to moc patrné, ale je to tam.

Uvidíme se v dalších materiálech. Je toho ještě víc.

S pozdravem, Konstantin Khmelev!

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 název je jednou z nejdůležitějších složek relevance.

V procesu optimalizace textu článku však vyhledávače značku vnímají titul je důležitější hlavička h1.

Pokud budeme mluvit jednoduchým jazykem, pak chci poznamenat, že tato značka 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.

Jen taková vada šablona zdarma, která se jmenuje Incredy, jsem objevila na své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é, hlavní je zde pochopit základní význam.

Podobnou úpravu (nahrazení h2 za h1) je také potřeba 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 je zapnutý systém WordPress zahrnuje různé záznamy 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 WordPress šablona a odstraňte výstup značky h1 z hlavičky blogu, musíte provést změny v souborech: header.php (výstupní soubor hlavičky 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 značka h1 pro domovskou stránku blogu

Na domovskou stránku blog tag H1 by měl být napsán v názvu nebo popisu blogu a H2 v nadpisech článků.

Ale jak to udělat? Je to v našich záznamech hlavní značka používá se 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í.

Do formuláře je potřeba přidat podmínku php kód, ve 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:

Otevřete tedy soubor blog 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.

Až příště. čau!

Na mých top informační projekty Nejprve odborník na dané téma sestaví strukturu článku (nadpisy a podnadpisy) a poté textoví textaři na jejich základě píší text.

Struktura je ve skutečnosti velmi důležitá, pokud vám záleží na kvalitě. A abyste vytvořili normální strukturu, musíte pochopit, jak h tagy fungují.

h1 je hlavní podnadpis v článku, obvykle umístěný nad textem.

První nadpis by měl být vizuálně větší než ostatní nadpisy na stránce.

h2-h6 jsou malé podpoložky, které jsou umístěny podle principu hnízdění.

K čemu jsou hlavičky vůbec?

Pro ty, kteří se v tématu příliš neorientují, je zde v zásadě dobré video o základech skládání podnadpisů h1-h6. Pokud se nepovažujete za odborníka, podívejte se:

A pro upevnění materiálu trochu slabší video:

Nadpisy jsou navrženy tak, aby v jedné frázi nebo dokonce slově zvýraznily hlavní podstatu, myšlenku následného textu. Obvykle na ně člověk nejprve obrátí svou pozornost a rozhodne se, zda si přečte zbytek materiálu. Nadpisy jsou zvláště důležité v reklamní texty, dopisy a slouží jako hlavní nástroj k upoutání pozornosti cílového publika.

V kódu značka vypadá takto:

, kde písmeno h pochází ze slova „header“, což znamená „záhlaví“. Každá úroveň je označena odpovídajícím číslem.

H-tagy očima lidí

Text rozdělený do podnadpisů vypadá přehledněji a lépe se čte. Moderní uživatel Dlouho jsem se naučil skenovat články během několika sekund a rychle vyvodit závěry o tom, zda má cenu číst celý text, zda obsahuje užitečné informace které hledá. Nadpisy upoutají pozornost, zvýrazňují hlavní věc a dávají uživateli příležitost analyzovat materiál.

Tagy h1, h2, h3, h4, h5, h6 umožňují vytvořit čtenáři jakousi mapu, pomocí které se může rychle orientovat v textu. A pokud se těmto zvýrazněním podaří upoutat pozornost, pak se dotyčný na stránce zdrží a pravděpodobně si přečte celý článek. Výsledek můžete zkontrolovat podle behaviorální faktory. Pokud lidé zůstanou na stránce a provedou nějaké akce, znamená to, že práce SEO nebyla provedena nadarmo.

H-tagy očima vyhledávačů

Vyhledávací roboti od nich shromažďují informace pro sémantickou analýzu. Úrovně nadpisů h1, h2, h3 jsou pro roboty obzvláště důležité. Jejich nedůsledná nebo nesprávná aplikace může negativně ovlivnit hodnocení stránky. Pokud v kódu HTML nejsou žádné h-tagy, bude mít web potíže s propagací. Úrovně h4, h5, h6 jsou méně významné.

Hierarchie H-tagů

Hlavním pravidlem při uspořádání nadpisů je jejich hierarchie. Není nutné, aby na sebe tagy velikostně navazovaly, ale je nepřípustné používat v textu např. h3, pokud nikde nemáte meta h2, nebo používat h6 bez h5.

Takto vypadá hierarchie se správným vnořením:

Co je to značka h1?

Značka h1 je obsah textu (např. název knihy nebo titulek novinového článku).

Každá stránka by měla mít pouze jeden tag h1.

Z hlediska atraktivity pro uživatele má prvořadý význam. Ale pro propagaci SEO, .

Titul je také titul, ale je psán nejen pro lidi, ale i pro roboty. Nezobrazuje se na samotné stránce, ale pouze v záložce prohlížeče a ve snippetu jako aktivní odkaz na web. Název je ve skutečnosti alternativou, ale hlavním názvem dokumentu HTML. Pokud chybí, tak vyhledávač vezme za základ h1 a použije ho ve srpu.

Proč by se h1 mělo lišit od názvu?

Je docela důležité pochopit, že h1 a Title jsou různé nadpisy. A podle toho je třeba je dovedně kombinovat. Zde jsou základy k tomuto tématu:

Zanedbání pravidel pro jedinečnost a relevanci nadpisů může vést k tomu, že web spadne pod filtr. V poslední době vyhledávače začaly věnovat pozornost zvláštní pozornost kvalitu obsahu a jeho SEO nastavení. Duplikáty, overspam, chaotické umístění nadpisů a jejich nesoulad s obsahem jsou trestné.

Požadavky na délku H1

Doporučuje se udělat H1 stručnější než Title, nepřekračovat počet znaků více než 50. Ale nebude katastrofou, když se nadpis ukáže jako delší, kdy není možné vtěsnat celou podstatu do naznačeného číslo.

Speciální pluginy pro WordPress vám umožní analyzovat správné plnění všechny meta přímo v editoru.

Pravidla pro správné psaní h1

• Musí být jedinečný pro celý web a absolutně čitelný;
• Neopakuje značku názvu, ale ani jí neodporuje;
• Neměli byste to dělat příliš dlouhé (název můžete prodloužit);
• Použito pouze jednou na stránku;
• Souvisí s textem a odráží sémantickou podstatu materiálu;
• Zajímavé a atraktivní pro uživatele;
• Na konec nelze umístit tečku a doporučuje se používat interpunkční znaménka na minimum.

Použití klíčů

Hlavní klíčové fráze, v první řadě musí obsahovat název. Ale měly by být také napsány v h1. V obou případech je lepší to udělat hned na začátku. Ale bylo by lepší, kdyby se klíčová slova v těchto dvou značkách navzájem neduplikovala. Musíte použít různé tvary slov nebo zředěné výskyty v h1 a přímé výskyty v názvu.

Někteří vezmou všechny klíče na stránce a použijí je k vytvoření struktury článku. Mějte hned na paměti, že bez cool PF bude takové rozhazování klíčů v podnadpisech potrestáno filtrem za overspam.

Psychologické techniky pro psaní atraktivního titulku

Název by měl být chytlavý. Zde je video od Maxima Ilyakhova, specialisty v oblasti médií, rektora School of Editors a tvůrce služby Glavred:

Zde je několik dalších „triků“, které se používají při psaní titulků.

Řešení problému

Pamatujte, že člověk vždy nehledá informace nebo zboží, ale především řešení svých problémů, přání, potřeb. Řešte přesně zamýšlený problém cílového publika

Příklad dobrého nadpisu: „Padají vám vlasy? Zastavte vypadávání vlasů za týden."
Příklad špatného nadpisu: "Lze zastavit vypadávání vlasů?"

V prvním případě jasně identifikujeme problém a navrhneme konkrétní řešení. V druhém případě je problém nepřímo ovlivněn a možnosti jeho řešení jsou rozostřené.

Intrika

Příklad dobrého nadpisu: „Odhalujeme tajemství nejúčinnějšího receptu na vypadávání vlasů.“
Příklad špatného názvu: " Nejlepší recept na vypadávání vlasů."

přijímací "zkouška"

Věta napsaná touto formou je výzvou pro čtenáře a vyzývá ho, aby prozkoumal sám sebe.

Příklad dobrého nadpisu: "Jste si jisti, že bojujete proti vypadávání vlasů správně?"
Příklad špatného nadpisu: "Víte všechno o vypadávání vlasů?"

To samozřejmě nejsou všechny metody, které pomáhají ovlivnit vnímání člověka a přitahovat jeho zájem. Pokud vás toto téma zajímá, přečtěte si knihy o marketingu a dozvíte se více. Mimochodem, titul může být také „lákavý“. Navíc je to s největší pravděpodobností on, kdo je ve výsledcích vyhledávání zvýrazněn. Jeho zobrazení můžete zkontrolovat po indexování stránky.

Proč jsou potřeba podnadpisy h2-h6?

Tagy od h2 do h6 jsou umístěny v těle samotného článku, strukturálně jej rozdělují do tematických odstavců, a v kódu HTML dokumentu, zvýrazňující jeho významné prvky. Jsou také identifikováni vyhledávací roboty pro sémantickou analýzu stránky.

Potřebné hierarchicky označit vše důležité a stojí za to se podívat uživatele na stránce. Tato struktura pomáhá osobě rychle se orientovat v informacích a vyhodnocovat jejich soulad s jejich potřebami.

h2 – zaměřuje pozornost uživatelů a vyhledávačů na hlavní obsah článku. Ukazuje to nejdůležitější v textu.

h3 je podpoložka pro informace spadající pod H2, která je odhaluje ještě hlouběji.

h4, h5, h6 – jsou definovány jako vnořené podnadpisy (podrobně odhalují podstatu H2 nebo H3) a používají se v textu ke zvýraznění malých bodů a smysluplná slova, stejně jako v nabídce, postranním panelu a dalších součástech webového dokumentu.

Všechny h-tagy musí mít maximálně 50 znaků.

Jak správně psát podnadpisy h2-h6

• Je nemožné, aby nejmenší podpoložka byla přítomna bez větší. To znamená, že pokud text obsahuje meta tag h4, musí mu předcházet h2 a h3.
• Čím vyšší je úroveň nadpisu, tím větší by mělo být písmo. Ve WordPressu je výchozí nastavení obvykle nastaveno tak, aby se značky automaticky správně formátovaly.
• Všechny h-tagy musí odpovídat obsahu obsahu a odrážet podstatu informace.
• Je nepřijatelné používat h1-h6 jako kotvy nebo aktivní odkazy.
• Do tagu h nemůžete psát jiné tagy.
• V h-tagech je povolen pouze text a interpunkce.
• Podnadpisy by neměly obsahovat spam s klíčovými slovy. Nejlepší je používat klíčová slova v nadpisu, h1, h2 a v menších, jako je h3, h5, h6, se zaměřit na podrobnou diskusi k tématu.

Pokud rozložení stránky obsahuje nadpis a hlavní nadpis H1, ale samotný text článku není příliš velký a neobsahuje podnadpisy, nejedná se o chybu. V TOPce je nemálo stránek, kde je obsah téměř souvislý pás, snad rozdělený do odstavců. Můžete se dostat do vedoucí pozice bez „čarodějnictví“ nad textovým značením a klást větší důraz na. Stránky WordPress jsou snadno indexovány vyhledávači. Ale přesto použití těchto značek nejen usnadňuje úkol, ale také usnadňuje a zpříjemňuje obsah pro vizuální vnímání.

Jak vyplnit h-tagy ve WordPressu

h1 se obvykle vyplňuje do pole nad textem v příspěvku:

Chcete-li vytvořit podnadpisy h2-h6, musíte je zvýraznit nezbytný prvek a umístěte kurzor nad záložku „nadpisy“ a kliknutím na něj vyberte ten, který potřebujete. Udělejte totéž pro každý z podnadpisů, včetně jejich v požadovaném formátu.

Existuje ještě jednodušší způsob – můžete zadat text ve Wordu pomocí potřebných značek a jednoduše zkopírovat a vložit článek do editoru WordPress. Vystupoval v Slovní nadpisy se automaticky objeví v správné velikosti. V případě potřeby je můžete opravit pomocí nástrojů editoru WordPress CMS.

Začínající webmastery často trápí otázka, proč se některé weby umísťují výše a ve výsledcích vyhledávání předčí konkurenci. Důvodem mohou být nesprávně umístěné tagy h1, h2...h6. Pokud jsou tyto značky umístěny nesprávně, aniž by byly zohledněny specifika zdroje, pak je pro vyhledávače obtížnější získat přesné informace o článcích a klíčových slovech v nich obsažených.

Značky h1 - h6 vám umožňují zvýraznit nadpisy na různých úrovních. Jasně dávají najevo, které části textu přesněji odrážejí téma článku a poskytují výhody pro hodnocení.

Správné umístění značek umožňuje vyhledávačům přesněji zobrazovat stránku pro dotazy ve výsledcích, což má příznivý vliv na pozici zdroje:

Proč jsou potřeba značky h1-h6?

Tagy obsahují název webu, nadpisy a podnadpisy textu:

Záhlaví

Značky nadpisů by měly být umístěny na každé stránce zdroje. V tomto případě bude důležitost nadpisu záviset na jeho počtu, čím menší je, tím důležitější je nadpis:

S jejich umístěním je však třeba zacházet opatrně. Zneužít může mít za následek, že váš zdroj bude předmětem sankcí ze strany vyhledávačů.

Syntaxe značek h1-h6

Název textu

Podtitul 1

Podtitul 2

Podtitul 3.1

Podtitul 3_2

Podtitul 3

Jak správně používat tag h1?

Ignorováním značky h1 se o to webmasteři připravují důležitou výhodou, jako je optimalizace obsahu. Na motorech je často registrován automaticky, ale ne vždy, a tuto skutečnost je třeba vzít v úvahu.

HTML tag h1 je nejvýznamnější svého druhu. Obsahuje název webu a název článku. Nesmí se však zaměňovat se značkou