SEO názvy stránek. Správné značky H1 a H2. Nadpisy H1 a TITLE. Mám je udělat stejné nebo jiné?

Značka H1 nebo nadpis H1- Toto je nadpis první úrovně a má ze všech nadpisů největší význam a důležitost. Značka H1 měla by být použita jednou na stránce, umístěna nad všemi ostatními nadpisy a měla by mít největší velikost písma.

Existuje celkem šest značek titulků. Jedná se o h1, h2, h3, h4, h5, h6. Tyto značky se používají k formátování textu na stránce. H1 je mezi nimi nejvýznamnější jak pro návštěvníky, tak pro vyhledávače.

Vítám vás na stránkách. V tomto článku se s vámi podělím o některé body při používání hlavičky H1 na stránkách blogu s CMS WordPress.

Značka H1 – hodnota pro propagaci

Vyhledávače používají slova a fráze použité v této značce k určení relevance stránek pro vyhledávací dotaz. Tato značka je jedním z nejdůležitějších prvků relevance. Při optimalizaci textu stránky vyhledávače oceňují pouze značku TITLE více než značku H1.

A abych byl stručnější a konkrétnější Pro názvy stránek našich webových stránek doporučujeme použít značku H1 a musí obsahovat klíčovou frázi, pro kterou je tato stránka propagována.
Relevance stránky je spolu s , jedním z nejvýznamnějších ukazatelů pro získání věrnosti vyhledávači.

Pravidla pro vyplňování hlavičky H1

Chcete-li při propagaci webových stránek dosáhnout dobrého výsledku, měli byste se při vyplňování řídit následujícími pravidly:

1. Každá stránka musí obsahovat JEDNU značku H1.
2. Značka musí obsahovat jedno klíčové slovo, na které je stránka propagována.
3. Obsah záhlaví H1 musí být pro každou stránku jedinečný.
4. Značka H1 by neměla být hypertextovým odkazem.
5. Je žádoucí, aby tag neobsahoval třídy, identifikátory a další CSS prvky, ale byl ve své „nahé“ podobě.
6. V obsahu se nedoporučuje používat interpunkční znaménka, čárky, dvojtečky apod.
7. Velikost značky by neměla být větší než dvě věty, lepší je jedna.

V html kódu by měl název stránky vypadat takto:

Značka H1 je název stránky

Mezi nejčastější chyby patří chybějící značka H1 na stránce nebo více než jeden nadpis. Takové chyby jsou obvykle typické pro stránky sekcí, které obsahují články obsažené v těchto sekcích.

Kontrola plnění H1 tagu na celém webu se provádí v rámci. Existuje mnoho cenných nástrojů pro provádění takového auditu. Doporučím vám službu od Megaindex - audit.megaindex.ru .

H1 tag, aplikace ve WordPressu

Teorie byla zopakována a nyní se zastavíme u některých technických problémů souvisejících s používáním H1 tagu na stránkách využívajících WordPress CMS. Protože většina začínajících blogerů používá bezplatné šablony, mohou obsahovat některé nedostatky.
Zejména existují možnosti, kdy je nadpis stránky zvýrazněn nikoli tagem H1, ale jiným tagem, nejčastěji je to H2.

Stejná chyba se objevila na mém blogu poté, co jsem jej vytvořil pomocí programu Artisteer. Při kontrole HTML kódu bylo zjištěno, že všechny názvy stránek se zobrazují s tagem H2.

Abych to napravil, musel jsem soubor upravit single.php, to je to, co většina šablon nazývá soubory, které zobrazují informace pro každý jednotlivý záznam. Nyní jasně ukážu, jak jsem to udělal.
V těle souboru single.php Hledáme část kódu, která zobrazuje nadpis. V mém případě to vypadalo takto:

Změňte značky h2 zvýrazněné červeně na požadované h1 a soubor single.php opraveno a připraveno k použití. Ukázalo se, že je to celkem jednoduché, vyměnil jsem pár postav a bylo hotovo. Nyní tento blok vypadá takto:

Ve vašem případě může být výraz trochu jiného typu, ale doufám, že chápete význam.

Musel jsem provést podobné změny v jiném souboru motivu stránka.php, která je zodpovědná za zobrazování stránek blogu. Jak víte, blog na CMS WordPress obsahuje příspěvky a stránky.

Funkce pro jejich vytváření a změnu jsou umístěny v různých sekcích administrace blogu, jsou uloženy na různých místech a podle toho jsou za jejich výstup zodpovědné různé softwarové moduly.

Výsledkem je kus kódu v souboru stránka.php, který zobrazuje název stránky, nyní vypadá takto:

» rel=»záložka» název=»»>

To ale nebylo vše, na své šabloně jsem zjistil, že tag H1 slouží k zobrazení názvu samotného blogu. A musel jsem se rozhodnout, zda vše nechám tak, nebo docílím zobrazení titulků stránek pomocí H1 tagu.

Ostatně použití dvou nebo více nadpisů tohoto typu na jedné stránce se nedoporučuje. Vyhledávače to mohou považovat za přílišnou optimalizaci a vyvodit patřičné závěry.

H1 tag, úprava WordPress šablony

Nakonec jsem se rozhodl tuto závadu napravit, zejména proto, že nepřinesla mnoho problémů. Nyní vám řeknu o všem podrobně.

K tomu bylo nutné provést změny pouze u dvou souborů.

První hlavička.php je výstupní soubor záhlaví blogu.

Druhý styl.css— soubor s popisem stylu blogu.

header.php změny

/»>

Najdeme v hlavička.php fragment, který zobrazí název blogu a změní značku nadpisu h1 (zvýrazněné červeně ty znaky, které změním) na značku odstavce p. V důsledku toho jsme dostali následující kód.

/»>

Změny v souboru style.css

Modrou barvou jsem zvýraznil název třídy css, který budeme muset v souboru opravit styl.css, aby písmo a velikost zobrazení názvu blogu zůstaly stejné jako před změnami. Dále otevřete soubor stylů, vyhledejte požadovanou třídu „art-Logo-name“, fragment níže

h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:visited, h1 .art-Logo-name a:hover
{

velikost písma: 29px;
text-dekorace: žádná;
výplň:0;
okraj:0;
barva: #E0EDF0 !důležité;
}

Změním všechny h1 zvýrazněné červeně na p a dostanu výsledek

p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover
{
rodina písem: Arial, Helvetica, Sans-Serif;
velikost písma: 29px;
text-dekorace: žádná;
výplň:0;
okraj:0;
barva: #E0EDF0 !důležité;
}

To je v podstatě vše, co jsem vám chtěl o tagu H1 jako jednom z prvků říci.
Jen podotýkám, že jsem provedl veškerou práci na testovací subdoménu, aby návštěvníci mého blogu neměli potíže, když nastanou problémy, které mohou z tohoto druhu manipulace vyplynout. A z hlediska zabezpečení a bezpečnosti funkčnosti webu to bude správné rozhodnutí.

Na závěr bych vás rád pozval ke shlédnutí krátkého videa, je však namluvené anglicky, ale vše mi bylo jasné, doufám, že to pro vás nebude složité na pochopení. Toto video dobře doplňuje text článku a bude dobrou pomůckou pro začátečníky nebo ty, kteří nejsou dobří v programování. Užijte si sledování.

Dovolte mi, abych to dokončil a přeji vám úspěch.

Kompetentní výběr a umístění nadpisů H1 a H2 při optimalizaci textů na propagovaných webových stránkách je důležitou fází SEO práce. V tomto materiálu si povíme, co jsou nadpisy H1 a H2, jakou roli hrají, a také vás naučíme, jak je správně používat, abyste dosáhli co nejlepšího výsledku.

Co jsou nadpisy H1 a H2?

Nadpisy jsou slova, fráze nebo fráze, které shrnují význam informací, které za nimi následují. Nemusíme nutně znovu číst celý text článku v časopise nebo novinách, abychom pochopili, o čem bude. Mrkneme na nadpisy a podnadpisy a rozhodneme se, zda je pro nás tento materiál zajímavý a zda stojí za přečtení. Pokud si otevřeme učebnici nebo návod, pak pomocí nadpisů snadno najdeme přesně ty informace, které potřebujeme. Titulky zkrátka čtenáře nejen přitahují, ale slouží i jejich pohodlí.

Texty na webových stránkách by měly mít také nadpisy. Jsou pro to minimálně 2 důvody:

1. Nadpisy strukturují text a usnadňují čtení. Souvislému textu (často nazývanému „list“) je těžké porozumět, nechcete ho číst. A protože dnes vyhledávače berou v úvahu faktory chování (celkový počet akcí návštěvníků na webu), zajímá vás, aby si uživatel přečetl text na vašem zdroji a nezavřel stránku, protože se bojí „listu“.

2. Nadpisy dávají vyhledávačům jasně najevo, jaké informace jsou obsaženy v konkrétní části textu. Na základě titulků vyhledávače vyhodnotí, jak dobře tyto informace splňují očekávání uživatelů. Proto jsou při optimalizaci textů tak důležité.

Už chápete, že byste neměli zanedbávat používání nadpisů v textech na webových stránkách? Tak pojďme dál!

Co znamenají pojmy H1 a H2? Budeme se muset trochu dotknout problémů souvisejících s rozložením html. H1 a H2 (nebo přesněji

A

) - html značky, které ukazují důležitost textu, který za nimi následuje. Říká se jim také přízvukové značky. V html dokumentu to vypadá takto:

Na webové stránce mají tato záhlaví ve výchozím nastavení jiné formátování:

Ve skutečnosti existuje 6 úrovní nadpisů: od H1 do H6. V souladu s tím má nadpis H1 největší váhu, nadpis H2 je sekundární a nadpis šesté úrovně H6 je nejméně významný. Pro propagaci SEO jsou však nejdůležitější nadpisy H1 a H2. Promluvíme si o pravidlech jejich použití k optimalizaci textů.

Co potřebujete vědět, abyste správně umístili nadpisy H1 a H2?

Nadpis H1 hraje důležitou roli nejen při optimalizaci textu, ale i při optimalizaci celé stránky. Je to on, kdo říká vyhledávači, do jaké míry obsah prezentovaný na stránce odpovídá názvu stránky (Title), a tudíž splňuje očekávání uživatelů.

Vymysleli jste kreativní, nevšední, atraktivní název textu, založený například na hře se slovy? Tento přístup může být dobrý pro tištěnou reklamu nebo novinový článek, ale pro propagaci vyhledávačů může mít taková kreativita negativní důsledky. Vyhledávače nemají představivost a jsou pro ně důležitá imaginativní specifika; Níže uvádíme důležité pokyny pro psaní nadpisu H1.

Základní pravidla pro používání hlavičky H1

Nadpis H1 by měl být krátký, ale smysluplný. Důležitou podmínkou je přirozený výskyt klíčových slov v něm. Uveďme příklad. Řekněme, že optimalizujete stránku, která zobrazuje katalog dámské obuvi. K propagaci této stránky byly vybrány následující dotazy (o kterých vyhledávacích dotazech se můžete dočíst v našem materiálu „Pochopte svého SEO specialistu“): "dámská obuv" (frekvence - 3896), "dámská obuv v Minsku" (frekvence - 490), "koupit dámskou obuv" (frekvence - 384), "boty pro ženy" (frekvence - 207), "katalog dámské obuvi" ceny" (frekvence - 318). Pro text na této stránce je nejlogičtější použít nadpis H1 „Dámská obuv“, protože je nejobecnější, ale zároveň popisuje obsah a lze jej specifikovat i nadpisy ne vyšší úroveň.

Nadpis H1 by se měl na stránce objevit pouze jednou.

Tento nadpis je umístěn na samém začátku textu, nejlépe v horní části stránky.

Nadpis H1 by měl být umístěn nad nadpisy ostatních úrovní (není povoleno před něj dávat např. nadpis H2).

Velikost písma tohoto nadpisu by měla být větší než velikost písma nadpisů nižší úrovně. Ve výchozím nastavení tomu tak je, ale pokud styly určují jinak, měla by být situace opravena.

Příklady nadpisů H2

Jak se píší nadpisy H2? V textu jich může být několik. Zpravidla určují nadpis H1 a strukturují celý text. Vraťme se k našemu příkladu se stránkou, která zobrazuje dámské boty. Na tuto stránku můžete napsat prodejní text, který popisuje výhody nabízených modelů zákazníkům a představuje tabulku velikostí. Na stránce také uživatel najde katalog obuvi s fotografiemi a cenami. V tomto případě mohou být nadpisy v textu následující:

Pokud si pamatujete vyhledávací dotazy, které používáme k propagaci naší stránky v tomto příkladu, uvědomíte si, že v záhlaví H2 zahrnujeme rozšířené dotazy, které mají nižší frekvenci. Mohou být prezentovány v nepřímém výskytu (mohou být odmítnuty, jinými slovy „zředěny“). A co je nejdůležitější, specifikují naši hlavičku H1 a signalizují vyhledávači, že text, který po nich přichází, skutečně splňuje vyhledávací dotazy zapsané v názvu stránky (Title).

Nejčastější chyby při používání nadpisů H1 a H2

Při používání nadpisů k optimalizaci textů se snažte vyhnout následujícím chybám:

Pomocí značek

A

stylovat prvky stránky. To je častá chyba, která může nastat i proti vaší vůli. V mnoha hotových šablonách webových stránek (například na Joomla nebo Wordpress) ve značkách

A

přiložené například názvy bloků. Například jako „Populární produkty“, „Nejnovější zprávy“, „Jsme na sociálních sítích“ a tak dále. Tato technika zavádí vyhledávače a nepřináší nic dobrého. Proto při provádění SEO auditu webu musí odborník zkontrolovat, zda jsou nadpisy použity „jak bylo zamýšleno“. Pamatujte na důležité pravidlo – H1 a H2 by se měly používat pouze ke strukturování textu!

Použití stejných nadpisů pro různé stránky. To je samozřejmě nesmysl, ale i to se stává. Minimálně nadpisy H1 by měly být jedinečné pro každou stránku!

Umístění hypertextových odkazů v nadpisech.

Přítomnost dvou nebo více nadpisů H1 na stránce. Pamatujeme si, že to je nepřijatelné! Naše motto: „Jedna stránka – jeden nadpis H1“!

Na závěr našeho článku vás upozorníme na další důležitý bod. Pojďme se znovu bavit o šablonách webových stránek. Jsou známy případy, kdy šablony standardních stránek nemají nadpisy H1 vůbec. Jsou nahrazeny hlavičkami H2. I když jste v administrativní části webu požádáni o zadání textu do pole „Material Title“, ve skutečnosti se může ukázat, že bude uzavřen ve značkách

. Zkontrolujte, zda na vašem webu není taková chyba - prostudujte si strukturu dokumentu stisknutím klávesy F12. Váš titul je zabalen do štítků

? Takže všechno je skvělé!

Vývojář, který se v SEO málo orientuje, by měl také připomenout důležitost správného umístění textových nadpisů při uspořádání unikátního webu.

Ahoj kluci! Mám pocit, že se situace vyhrotí, v komentářích se začaly objevovat sprostosti a urážky namířené na mě. No, jinak už mi tyhle časy chybí. 🙂 Nejhorší je ignorovat. A když mě nadávají, je to dobře, znamená to, že někoho urážím. Prosím. 🙂 Hej, hej, soudruhu komentátor, ahoj!!! 🙂 Ale kvůli nadávkám musel být tvůj komentář smazán, nejednou jsem řekl, že nadávky tohoto druhu nebudu tolerovat.

Mnoho lidí mě obviňuje z prodeje článků. Ano, byl čas, ale slíbil jsem, že se jejich počet sníží. Ale někteří lidé si stále myslí, že když recenzuji službu, tento příspěvek je vyprodaný. Myslete si, co chcete, pánové. Mé svědomí je čisté a usmívám se všemi svými křivými 32 zuby. Mám skvělou náladu a moji věrní čtenáři také, alespoň se o to pokusím. 🙂

V minulé lekci jsem mluvil o rozšíření SEO pro prohlížeče. Ne nadarmo jsem se rozhodl nastolit dávno otřepané téma. Rozhodl jsem se tečkovat I's Mnoho čtenářů se mě ptá, jak správně používat nadpisy h1, h2, h3 atd.? Už jsem byl zpátky v roce 2012. Při provádění auditů mnoha stránek vidím stejné chyby, které si nepřipouštím. Je tedy čas tuto lekci trochu rozšířit.

Možná někteří optimalizátori budou považovat značky h1 a podobně za zbytečné, ale většina je stále podporuje. Pokud vám to stále nedošlo, SEO je velmi ošemetná věda, každý má svůj názor.

Pravidla pro používání nadpisů h1, h2, h3, h4 na stránce z pohledu SEO

Pravidlo č. 1 : Na stránce by měla být pouze 1 značka h1.

Pamatujte, že pouze 1, ne 2, tím méně 3. Mnoho lidí se zajímá o to, jak zjistit počet těchto značek na stránce, a velmi často webmasteři začnou procházet zdrojový kód stránky a ručně tyto značky hledat . Dělal jsem to také, dokud mi můj „internetový brácha“ Vitaly (http://mojwp.ru/) neřekl velmi chytrou věc, která, jak se ukázalo, je zabudována do mého oblíbeného SEO baru.

Co potřebuješ?

Obrovským plusem je 1 tag v h1 na stránce, což je velmi dobré. Pokud žádný nemáte nebo je jich více, níže vám řeknu, jak se zbavit nadbytečných nebo je přidat.

Pravidlo č. 2: nadpisy h2, h3, h4 by měly být pouze v samotném článku.

V mém případě vidíte, že h2 se používá velmi správně, ale v tagu h3, h4 mám „odpad“. To znamená, že tyto fráze neposkytují žádné výhody z hlediska SEO. Navíc používáním h tagů na nepotřebných místech snižujeme význam těchto tagů pro vyhledávače, protože jejich „váha“ je rozptýlena nad zbytečnými frázemi. Proto by značky h měly být pouze uvnitř článku. Ano, existují výjimky, kdy jsou klíčová slova velmi kompetentně zadána do samostatných bloků na webu, ale nestrkají tam frázi „Přihlásit se k odběru webu“ atd.

Jak tyto chyby opravit?

K opravě takových chyb budeme opět potřebovat další doplněk, o kterém jsem již mluvil – tento (je dostupný i pro Chrome).

Na stránce najdeme prvek v nepotřebném tagu h, například vezmu výraz „Předplatné“ a „Site“, o kterých mi řekl RDS bar (jsou v h4, viz obrázek výše) . Na webu jsem našel tyto 2 prvky (můžete použít vyhledávání v prohlížeči Ctrl+F, zadáním požadované hledané fráze), jeden z nich „prohlédneme“ pomocí Firebugu:

A vpravo vidíme styly této značky h4 (v mém případě):

Budeme je teď potřebovat. Otevřete soubor style.css našeho motivu a přidejte vlastnosti tohoto stylu hned na konec (viz šipka na obrázku výše), jednoduše jej nazvěte jinak (rozhodl jsem se tomu říkat new4, nezapomeňte na tečku u začátek):

Vzhledem k tomu, že tento výraz „Předplatné“ je v mém sklepě, otevřu soubor footer.php, pomocí CTRL+F zadám frázi „Předplatné“, zde je:

A místo h4 napíšeme naši novou třídu (v mém případě „new4“), to znamená, že po úpravě bude obrázek jako tento:

Uložíme soubor, otevřeme Firefox, obnovíme stránku a uvidíme, že značka h4 se slovem „Subscription“ zmizela:

Vzhledem k tomu, že styly slov „Subscription“ a „Site“ se pro mě neliší, podobně píšu do zápatí místo tagu h4 ke slovu „Site“ třídu „new4“ a vidíme, že nyní nejsou žádné „nevyžádané“ h4s na stránce:

Podobné akce provádíme se zbytečnými h3 tagy. V mém případě je nesprávné používat v h3 fráze „Přihlásit se k odběru bezplatných lekcí“, „Podobné lekce“ atd. H3 by měl obsahovat pouze nadpis, který se objevuje v textu. Podobně projděte různé typy stránek (články, stránky, kategorie atd.), ale hlavní stránka je samostatný příběh, o kterém vám povím níže.

Pokud najednou váš článek není v h1, stačí otevřít soubor motivu single.php, najít tam výstup názvu článku (hledejte ve vyhledávání pomocí výrazu „the_title“) a zarámovat ho do h1:

Pravidlo č. 3: Je velmi vhodné použít na hlavní stránce značku h1.

Momentálně můj web nemá na hlavní stránce h1, což podle mě narušuje strukturu.

Domnívám se, že stránka nemůže mít značku h3, pokud nad ní není h2, ani nelze použít h2, pokud není h1. Stejně tak použití h1 a h3, například bez h2, je také nesprávné. Navíc vše musí jasně odpovídat struktuře: h2 nesmí být na stránce vyšší než h1, h3 by nemělo být vyšší než první tag h2 atd.

Co byste měli dát do h1 na hlavní stránce? Může to být text, který správně obsahuje nejžádanější klíčová slova, pro která propagujete. Opakuji, KOMPETENTNĚ zadáno a ne hloupý výpis.

Pro mnohé také popis v záhlaví webu zobrazuje jen potřebné informace. Bývají tam „chutná“ klíčová slova a hlavička je také považována za „sweet spot“, kde je dobré „nakrmit“ vyhledávače potřebnými frázemi. Byl by hřích toho nevyužít.

Pamatujte: nadpis h1 se musí lišit od nadpisu stránky. To bude užitečné pro propagaci vyhledávačů.

Obvykle je někde na tomto místě popis webu (v mém případě žádný):
Zde ale nastává určitý problém: pokud tento popis napíšeme v h1 v hlavičce webu, pak bude v h1 i uvnitř článků, což je opět špatně.

To znamená, že potřebujeme napsat určitou funkci, která dělá následující: pokud jsme na hlavní stránce, pak se k textu v záhlaví přiřadí tag h1, ale pokud jsme na jiné než hlavní stránce, pak zobrazí se stejný text, ve stejném stylu, ale již bez tagu h1. To je provedeno tak, aby interní stránky neměly 2 h1 tagy (popis webu + nadpis článku).

A můj další „internetový brácho“, tentokrát z Kazaně, který se jmenuje Ramil (škoda, že nemá blog, rád bych dal odkaz hned), laskavě sdílel tuto funkci PHP (víte, já nejsem dobrá v PHP) ), tady je:

Popis webu

Popis webu

Zde byste měli předem nastavit stejné styly ve style.css pro h1 a pro styl „popis“, aby návštěvníci vizuálně neviděli rozdíly.

Existuje také názor, že aby se zabránilo sankcím ze strany vyhledávačů za „overspam“, je lepší nahradit hlavičky h2, h3 a h4 například styly