Hlavný nadpis h1. Použitie hlavičiek H1-H6. Ako pochopiť, či sa nadpisy používajú správne

  • 01.06.2019
02.12.15 44,1 tis

Začínajúcich webmasterov často trápi otázka, prečo sa niektoré stránky umiestňujú vyššie a vo výsledkoch vyhľadávania obchádzajú konkurentov. Dôvodom môžu byť nesprávne umiestnené značky h1, h2… h6. Ak sú tieto značky umiestnené nesprávne, bez ohľadu na špecifiká zdroja, potom je pre vyhľadávače ťažšie získať presné informácie o článkoch a kľúčových slovách v nich obsiahnutých.

Značky H1 -h6 vám umožňujú zvýrazniť nadpisy rôznych úrovní. Dávajú jasne najavo, ktoré časti textu viac odrážajú tému článku a poskytujú výhodu v poradí.

Kompetentné umiestnenie značiek umožňuje vyhľadávačom presnejšie zobraziť stránku pre dopyty vo výsledkoch vyhľadávania, čo priaznivo ovplyvňuje pozíciu zdroja:

Prečo sú potrebné značky h1-h6?

Značky obsahujú názov stránky, nadpisy a podnadpisy textu:


V HTML sú značky nadpisov označené h z anglického „header“, čo znamená „ nadpis, hlavička". Tu je príklad, ako to vyzerá:

Smerovanie

Umiestňovanie značiek nadpisov by sa malo vykonávať na každej stránke zdroja. Dôležitosť nadpisu bude zároveň závisieť od jeho počtu, čím je menší, tým je nadpis dôležitejší:

- najdôležitejšie značky

- menej významné značky...
- posledné najdôležitejšie značky

Mali by ste však byť opatrní s ich umiestnením. Zneužitie môže viesť k tomu, že váš zdroj spadá pod sankcie vyhľadávačov.

Syntax značky H1-h6

Názov textu

Podnadpis 1

...

Podnadpis 2

Podnadpis 3.1

...

Podnadpis 3_2

Podnadpis 3


Najpopulárnejšie značky sú h1 h2 h3.

Ako správne používať značku h1?

Ignorovaním h1 tagu sa webmasteri pripravujú o takú dôležitú výhodu, akou je optimalizácia obsahu. Na motoroch sa to často píše automaticky, ale nie vždy, a túto skutočnosť treba brať do úvahy.

Značka h1 HTML je najzmysluplnejšia svojho druhu. Obsahuje názov stránky a názov článku. Netreba si ho však zamieňať so značkou (<span>názov stránky</span>). Názov sa zobrazí v prehliadači v hornej časti obrazovky na ľavej strane v momente otvorenia stránky zdrojov. Názov sa píše v hlavičke stránky medzi <head></head>, zatiaľ čo h1 -h6 sú uvedené v "telo" samotnej stránky a sú uzavreté v značkách <body><script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body>.</p> <p>Na stránke môže byť prítomný iba jeden tag h1. Ak zadáte niekoľko hlavičiek so značkou h1, vyhľadávacie nástroje to môžu považovať za nadmerný spam, ktorý následne môže byť zakázaný:</p> <p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Pravidlá pre tvorbu hlavného nadpisu h1: <ul><li>Značka by mala používať kľúčové slová používané na propagáciu stránky.</li> <li>Nadpis h1 by ste nemali robiť príliš objemným, stačí len pár slov;</li> <li>Text nadpisu musí byť čitateľný;</li> <li>Metaznačka h1 by nemala obsahovať nič iné ako samotný text. Ak to chcete zvýrazniť, umiestnite kódy mimo značky;</li> <li>Pred manuálnym nastavením h1 sa uistite, že ho motor nenastavil automaticky;</li> <li>Obsah h1 by mal zodpovedať téme uvedenej v nadpise stránky;</li> <li>Pri písaní h1 nezabudnite použiť kľúčovú frázu, ktorou sa stránka propaguje;</li> <li>Obsah titulu by mal byť jedinečný, rozsiahly a tematický. Nerobte z h1 úplnú kópiu značky Title. Je dôležité, aby boli na každej stránke zdroja napísané jedinečné h1 -h6, takže sa vyhnite opakovaniu;</li> <li>Nemôžete uvádzať kľúčové frázy v názve oddelené čiarkami. Obsah h1 by mal byť zrozumiteľný nielen pre vyhľadávače, ale aj pre návštevníkov zdroja.</li> </ul><p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p> <h3>Ako správne používať značky h2-h6?</h3> <p>Okrem h1 sa na usporiadanie nadpisov, ktoré sú identifikované vyhľadávacími nástrojmi, používajú značky h2, h3, h4, h5, h6 atď.</p> <h4>Značka H2</h4> <p>Zvyčajne sa používa pre nadpisy príspevkov v informačnom kanáli na domovskej stránke alebo pre podnadpisy v článku.</p> <h4>Tagy h3, h4</h4> <p>Často sa používajú na zvýraznenie názvov podnadpisov, nadpisov a miniaplikácií na bočnom paneli.</p> <h4>Tagy h5, h6</h4> <p>Navrhnuté pre ešte menšie prvky stránky, ktoré by mali byť oddelené od zvyšku textu.</p> <p>Usporiadanie hlavíc h1 - h6 v rôznych verziách motorov môže byť implementované rôznymi spôsobmi.</p> <p>Pravidlá umiestnenia h2 -h6:</p> <ul><li>Štruktúra hlavičiek. Musí sa rešpektovať hierarchia nadpisov;</li> <li>Veľkosť písma. Čím nižšia je úroveň nadpisu, tým menšie je písmo. Úprava fontov prebieha v štýloch. Písma však majú štandardne správnu veľkosť;</li> <li>Značky nadpisu nemožno použiť v spojení s inými značkami s diakritikou. Odporúča sa použiť kľúčové slová v nadpisoch, ktorými bude táto stránka propagovaná vo vyhľadávaní;</li> <li>Na rozdiel od h1, značky h2 -h6 možno na stránku zapísať viackrát.</li> </ul><p><body> <h1>Mám na starosti hierarchiu nadpisov</h1> <h2>Moje deti</h2> <h3>Moje vnúčatá</h3> <h3>Moje vnúčatá</h3> <h3>Moje vnúčatá</h3> <h2>Moje deti</h2> <h3>Moje vnúčatá</h3> <h3>Moje vnúčatá</h3> <h3>Moje vnúčatá</h3> <h4>Moje pravnúčatá</h4> <h4>Moje pravnúčatá</h4> <h4>Moje pravnúčatá</h4> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body></p> <ul><li>Nemal by existovať žiadny spam;</li> <li>Zloženie textu h1 - h6 by sa malo robiť pomocou synoným a s prihliadnutím na pravidlá morfológie;</li> <li>Je lepšie umiestniť hlavné kľúčové slová bližšie k začiatku nadpisu;</li> <li>Kľúčové frázy napísané v nadpisoch sa musia objaviť v texte stránky;</li> <li>Štítky h1 – h6 by mali byť krátke, výstižné a informatívne:</li> </ul> <p>Ahojte všetci! <br>- ide o komplexnú prácu, ktorá si vyžaduje pozornosť každému detailu. Dokonca aj nesprávne použitie nadpisov (značky H1, H2, H3) na stránkach môže narušiť bežnú propagáciu vo vyhľadávačoch. Dnes budeme hovoriť len o tomto.</p> <p>Všetko, čo je opísané vo vyššie uvedených lekciách, sa dnes bude hodiť.</p> <h2>Pravidlá používania hlavičiek</h2> <p>Vo svete SEO existujú určité pravidlá používania značiek H1, H2, H3 a nižšie, ktoré by bolo vhodné dodržiavať na všetkých stránkach:</p> <ul><li>Na stránke by mal byť iba jeden nadpis prvej úrovne (H1);</li> <li>Hlavička H1 sa nesmie zhodovať s nadpisom stránky;</li> <li>Nadpisy H2, H3, H4 by sa mali používať iba v rámci výrobku;</li> <li>V hlavičkách by sa mali používať iba užitočné frázy, to znamená, že značky H1… H6 by nemali obsahovať nezmyselné frázy, ako napríklad: recenzie, odber, komentáre atď.;</li> <li>Sledujte hierarchiu nadpisov. Nadpis druhej úrovne musí byť pod H1, nadpis tretej úrovne musí byť pod <b>prvý</b> H2. V opačnom prípade vyhľadávací robot, ktorý vidí iba HTML kód, nebude vnímať stránku správne, čo nechceme.</li> </ul><p>O týchto pravidlách som už stručne písal v lekcii venovanej. Určite čítajte, je tam veľa užitočných informácií!</p> <h2>Ako viete, či sa nadpisy používajú správne?</h2> <p>Poznáte prehliadač Mozilla Firefox? Možno áno. Tento prehliadač teda vďaka jednému doplnku s dobrou funkčnosťou poskytuje vynikajúce príležitosti na analýzu stránok. Názov tohto pluginu je RDS bar. Môžete si ho stiahnuť z tohto odkazu, ale musíte to urobiť vo Firefoxe, takže ak nemáte tento prehliadač nainštalovaný, stiahnite si ho a nainštalujte rýchlejšie.</p> <p>RDS lištu je možné nainštalovať aj do iných prehliadačov, no práve v Mozilla Firefox je jej funkčnosť oveľa širšia.</p> <p>Skôr než prejdeme k analýze stránok lokality, musíte v doplnku vykonať niekoľko malých nastavení:</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>Teraz môžeme bezpečne vidieť, koľko značiek H1, H2, H3 je na stránke, vidíme ďalšie nadpisy a vieme, čo je potrebné upraviť. Celú túto nádheru môžete vidieť kliknutím na tlačidlo SEO tags na lište RDS, ktoré ste práve aktivovali: <img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy loading=lazy></p> <p>Akonáhle kliknete na toto tlačidlo, pred vašimi očami sa objaví malá sprá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>V tomto príspevku sú uvedené hlavičky H1 a ďalšie. Ako vidíte, na stránkach môjho blogu je s tým všetko v poriadku, keďže som túto zárubňu opravil pred týždňom, ale na klientskej stránke je s tým všetko oveľa horšie.</p> <p>Vypíšem chyby:</p> <ol><li>Duplikácia medzi položkami H2 a H5;</li> <li>Žiadne nadpisy tretej úrovne;</li> <li>H4 obsahuje odpadky.</li> </ol><p>Je potrebné urobiť veľa práce, a preto predvediem opravu chýb na jednom príklade. Skúsme zmeniť značky H5 na H3, aby bola dodržaná hierarchia nadpisov.</p> <h2>Ako opraviť chyby?</h2> <p>Na to potrebujem súbory stránok (), Notepad ++ a Mozilla Firefox.</p> <ol><li>Ak chcete presne vedieť, kde sa nachádza problémová značka a jej trieda štýlu, musíte použiť vstavaný nástroj Explore Element v prehliadači: <img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy loading=lazy>Umiestnite kurzor myši na konkrétnu položku, kliknite na ňu pravým tlačidlom myši a vyberte položku Preskúmať položku. V spodnej časti okna sa zobrazí oblasť, kde môžete vidieť triedu štýlu prvku HTML a jeho štýly CSS: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy loading=lazy></li> <li>Pozrite sa na triedu štýlu prvku, ktorý potrebujete, a skopírujte ho, aby ste ho našli neskôr v kóde stránky. V mojom prípade je trieda nadpisov H2 page-box__title: Chcem zmeniť úroveň nadpisu H5 na H3, pretože H5 uvádza relevantné kľúčové slová.</li> <li>Ďalej musíte nájsť prvok s touto triedou v priečinku lokality, na to použijeme vstavané funkcie, konkrétne vyhľadávanie podľa súborov. Otvorte Poznámkový blok ++, v hornom menu nájdite položku „Hľadať“ a v rozbaľovacej ponuke vyberte „Nájsť v súboroch“: <img src='https://i0.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 poľa „Nájsť“ zadávam triedu štýlu nadpisu piatej úrovne (page-box__title) a do poľa „Priečinok“ zadávam cestu k priečinku s webom: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy loading=lazy>Po kliknutí na tlačidlo „Nájsť všetko“ sa spustí proces vyhľadávania súborov: <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>V spodnej časti pracovného okna programu Poznámkový blok ++ sa zobrazia výsledky vyhľadávania, medzi ktorými je rovnaký nadpis piatej úrovne (H5) s triedou „page-box__title“: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy loading=lazy>Ak chcete prejsť priamo na súbor, ktorý obsahuje túto hlavičku, stačí dvakrát kliknúť na výsledok vyhľadávania;</li> <li>Ďalej už len mením značky <h5></h5>na štítkoch <h3></h3>: Uistite sa, že ste súbor uložili;</li> <li>Výsledok si pozrieme na webe: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy loading=lazy>Nevyzerá to veľmi dobre.</li> <li>Aby hlavičky vyzerali dobre, musíte vykonať zmeny v šablóne so štýlmi (style.css). Pretože hlavičky uvedené v príklade sú uzavreté v značke <a>, potom bude pravidlo v style.css s najväčšou pravdepodobnosťou vyzerať takto: .page-box__title> a (výber dieťaťa). Pri hľadaní v programe Poznámkový blok ++ sa našlo aj toto: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy loading=lazy>Podľa vášho názoru musíte do pravidla štýlu pridať vlastnosť font-size s požadovanou hodnotou. V mojom prípade by optimálna veľkosť písma bola 14 px: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy loading=lazy></li> <li>Pozrime sa na výsledok: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy loading=lazy>Ako vidíte, názvy sa teraz zobrazujú normálne.</li> </ol><p>S ostatnými hlavičkami pracujeme rovnako. Nezabudnite odoslať zmeny na server hneď, ako budete hotoví. Dá sa to urobiť cez FileZilla, o ktorej som hovoril</p> <p>Dobrý deň, priatelia! Sme radi, že vás môžeme privítať na blogu Andrey a Dashe – Thebizfromscratch. Dlho sme nepísali nič o SEO a v tomto článku to chceme dotiahnuť, pretože témou na dnes je Vplyv nadpisov H1, H2 - H6 na propagáciu webu. Prezradíme vám, podľa akých pravidiel a princípov píšeme nadpisy na váš blog a dúfame, že naše skúsenosti budú pre vás užitočné.</p> <h2><span>Ako správne umiestniť meta tagy H1, H2 ... H6</span></h2> <p>Takže pri vydávaní publikácie predpisujeme metaznačky v nasledujúcom poradí:</p> <p>Je to najvýznamnejší nadpis, preto je zvykom hlavný vyhľadávací kľúč uzatvárať do značiek h1, najlepšie zriedených neutrálnymi slovami, t.j. zriedený názov.</p> <p>Ďalšia najdôležitejšia hlavička, ktorá sa používa na výber nízkofrekvenčnej požiadavky zhodnej s hlavnou požiadavkou.</p> <ol><li><b>H3, H4, H5, H6</b></li> </ol><p>V skutočnosti nemajú veľký vplyv na propagáciu. Zahrnutie kľúčových slov do nich však môže viesť k nadmernej optimalizácii, ktorá spôsobí iba negatívnu odozvu vyhľadávacích robotov. Preto tieto meta tagy používame len na krásne štruktúrovanie článku. Aby sa návštevníkom ľahšie čítalo a hneď pochopili, kde jedna myšlienka končí a druhá začína. Okrem toho nezabudnite, že všetky príspevky sú napísané výlučne pre čitateľov a nemali by ste sa nechať uniesť častým opakovaním rovnakých slov / fráz.</p> <p>A aby boli vyššie uvedené informácie správne pochopené, pozrime sa na príklad! Predpokladajme, že ste napísali článok pod vyhľadávací dopyt - "Ako vytvoriť webovú stránku." Táto fráza musí byť zaregistrovaná v poli Title a zopakovaná aspoň 2-krát bez zmien v samotnom texte. Alebo, ako to robia mnohí - opakujú vyhľadávací dopyt 1-krát na 1000 znakov. <br><img src='https://i1.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/syuda-tittle.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ak ďalej potrebujete vybrať štruktúru, potom pokojne použite H2 s nízkofrekvenčným dotazom. Opäť v rámci príkladu - "Ako urobiť kvalitnú webovú stránku na engine WordPress." Napíšte zvyšok meta tagov bez kľúčov. <br><img src='https://i0.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/struktura.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <ol><li>Vo svojich názvoch neuvádzajte odkazy na iné propagované stránky. Kód odkazu bude vyhľadávacími nástrojmi považovať za kľúčové slová a iba poškodí hodnotenie.</li> <li>Neumiestňujte nadpisy nižšieho rádu nad významnejšie. Po prvom by mal nasledovať H1, potom H2 a ďalej vzostupne. Mala by vzniknúť stromová štruktúra.</li> <li>Odporúča sa použiť H1 raz, H2 nie viac ako 3-krát a H3-H6 podľa potreby (iba bez kľúčov a len v prípade potreby).</li> </ol><p>Možno to boli základné princípy a pravidlá, ktoré používame pri písaní článkov. Dúfame, že téma - vplyv nadpisov H1, H2 - H6 na propagáciu webu - bola odhalená a našli ste pre seba užitočné informácie. V prípade otázok - určite sa ich opýtajte v komentároch, pokúsime sa pomôcť.</p> <br style="clear:both;"> <p>Dobré popoludnie, milí návštevníci a pravidelní čitatelia môjho blogu!</p><h3><span>Hodnota nadpisu H1 na propagáciu</span></h3><p>Vyhľadávače použijú slová a frázy použité v tomto nadpise na zoradenie stránok pre konkrétny dopyt kľúčového slova. Tento názov je jednou z najdôležitejších zložiek relevantnosti.</p><p>V procese optimalizácie textu článku však vyhľadávače vnímajú tag title dôležitejší ako nadpis h1.</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h1-i-prodvizhenie-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><p>Jednoducho povedané, chcem poznamenať, že túto značku je najlepšie použiť na stránkach a blogoch pre názvy stránok a príspevky. Tieto nadpisy by mali obsahovať kľúčové slová, ktoré prispejú k propagácii týchto slov vo vyhľadávačoch.</p><p>Relevantnosť stránok a dobrý výkon vášho webového zdroja sú základom budúcej dôvery vyhľadávačov vo váš zdroj.</p><h2><span>Použitie značky h1 vo WordPress</span></h2><p>Toto bola čisto teoretická časť. Teraz si povedzme o hlavných bodoch, v ktorých budeme analyzovať použitie tagu h1 na webových zdrojoch spravovaných systémom WordPress.</p><p>Nie je žiadnym tajomstvom, že veľa začínajúcich webmasterov používa tie bezplatné. Ale nevýhodou týchto šablón je, že takmer všetky majú chyby a nedostatky! Páči sa ti to…</p><p>Jedným z týchto nedostatkov je, že niekedy sa na zvýraznenie nadpisu stránky nepoužíva značka h1, ale je predpísaná iná značka, napríklad h2.</p><p>Presne toto je chyba v bezplatnej šablóne s názvom Incredy, ktorú som našiel na svojom blogu.</p><blockquote><p>Jedného dňa som sa rozhodol pozrieť si zdroj svojho článku a celkom náhodou som zistil, že všetky názvy mojich článkov sú zobrazené s tagom h2.</p> </blockquote><p>Aby som tento problém vyriešil, začal som upravovať súbor single.php. Tento súbor je rovnaký pre mnoho šablón systému WordPress.</p><p>Hlavnou funkciou single.php je zobrazenie informácií pre každý blogový príspevok. Čítajte ďalej a zistite, ako som opravil túto chybu vo svojej šablóne.</p><p>Ak chcete problém vyriešiť, v obsahu súboru single.php nájdite kód, ktorý zobrazuje hlavičku. V mojom súbore sa to zobrazilo takto:</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h2-v-zagolovke-stati.png' align="center" height="78" width="327" loading=lazy loading=lazy></p><p>Musíme zmeniť značky h2 na požadované h1 a potom kliknúť na tlačidlo "Aktualizovať súbor". To je všetko. Ako vidíte, je to také jednoduché ako lúskanie hrušiek. Takto bol súbor transformovaný po potrebných zmenách:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-tega-na-h1.png' align="center" height="78" width="327" loading=lazy loading=lazy></p><p>Tento kód môže vo vašom súbore vyzerať trochu inak. To však nie je také dôležité, hlavnou vecou je pochopiť hlavný význam.</p><p>Podobnú úpravu (nahradenie h2 za h1) je potrebné vykonať aj s iným súborom šablóny blogu s názvom page.php. Je to on, kto zobrazuje stránky blogu.</p><p>Myslím, že viete, že blog WordPress obsahuje rôzne príspevky a stránky. Funkcie, ktoré ich vytvárajú a upravujú, sú umiestnené v rôznych súboroch a výstupné informácie pomocou rôznych programových modulov.</p><p>Ale tieto informácie sú len pre vaše pochopenie.</p><p>Pokračujme teda. Po vykonaní zmien v súbore page.php je teraz kód, ktorý je zodpovedný za zobrazovanie názvov stránok môjho blogu:</p><p><img src='https://i0.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-h2-na-h1-v-stranitsah.png' align="center" height="62" width="338" loading=lazy loading=lazy></p><p>Toto však nie sú všetky zmeny, ktoré bolo potrebné vykonať. Ide o to, že som zistil ďalšiu vážnu chybu.</p><p>Spočívalo v tom, že tento tag slúžil na zobrazenie názvu celého blogu a to viedlo k mnohým s opakovaným h1 tagom. Vyhľadávače nemajú radi tento druh nadmernej optimalizácie!</p><h3><span>Úprava šablóny pre značku h1</span></h3><p>Ak chcete upraviť šablónu WordPress a odstrániť výstup značky h1 z názvu blogu, musíte vykonať zmeny v súboroch: header.php (výstupný súbor hlavičky webového zdroja) a style.css (súbor štýlu webový zdroj).</p><p>Treba to zmeniť v súbore header.php:</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/h1-v-zagolovke-bloga.png' align="center" height="81" width="291" loading=lazy loading=lazy></p><p>Nájdite tento kód v súbore header.php, ktorý vykreslí názov vašej stránky alebo blogu, a potom namiesto značky h1 vložte značku odseku p.</p><p>Po zmene vidíme nasledujúci obrázok:</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-h1-na-p-v-zagolovke-bloga.png' align="center" height="81" width="281" loading=lazy loading=lazy></p><p>Úprava súboru style.css</p><p>Ak chcete zachovať veľkosť písma a vzhľad názvu blogu nezmenený, musíte zmeniť súbor style.css. Otvorte tento súbor a vyhľadajte štýly pre h1. Mne vyzerajú takto:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h1-v-tablitse-stiley-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><p>Potom nahraďte značku h1 značkou p a upravte veľkosť písma:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-tega-h1-na-p-v-tablitse-stiley-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><h2><span>Html značka h1 pre domovskú stránku blogu</span></h2><p>Na hlavnej stránke blogu by mala byť značka H1 uvedená v názve alebo popise blogu a značka H2 v nadpisoch článkov.</p><p>Ale ako sa to dá urobiť? Koniec koncov, v našich príspevkoch sa hlavný tag používa pre nadpisy článkov.</p><p>Otvorí súbor index.php na úpravu a nájde takýto riadok:</p><p>Môže sa vám to javiť trochu inak, ale význam je rovnaký. Je dôležité uistiť sa, že tento riadok obsahuje značku h2, ako na obrázku vyššie.</p><p>Ak sa zobrazuje prostredníctvom inej značky, napíšte h2 a aktualizujte súbor.</p><p>Teraz o H1</p><blockquote><p>Ako som už poznamenal, h1 by malo byť uvedené na hlavnej stránke v názve alebo popise blogu. Mal by obsahovať kľúčové slová, ktoré odrážajú obsah celého webového zdroja.</p> </blockquote><p>To však nie je všetko.</p><p>Ak napíšeme názov alebo popis blogu cez značku h1, zobrazí sa na všetkých stránkach mnohých blogových článkov.</p><p>To povedie k duplicitnej značke h1, čo nie je dobré! Toto sa vyhľadávačom nepáči ... Preto ponúkam svoje riešenie.</p><p>Je potrebné pridať podmienku v podobe php kódu, v ktorom bude tento tag napísaný v názve blogu len na hlavnej stránke a na ostatných stránkach v článkoch bude absentovať.</p><p>A tu je samotná podmienka:</p> <span><?php if (is_home()) { ?><h1>názov alebo popis vášho blogu</h1><? } else { ?>< >názov alebo popis blogu</ ><? } ?> </span> <p>Otvorte teda súbor blogu header.php a túto podmienku napíšte do hlavičky blogu.</p><p>U mňa to vyzerá takto:</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/09/teg-h1-na-glavnoy-stranitse.png' align="center" width="100%" loading=lazy loading=lazy></p><p>Ako vidíte, pre svoj zdroj som vložil do značky h1 na hlavnej stránke popis blogu „propagácia blogu a zárobky na internete“.</p><p>To je v podstate všetko. Úspešne sme upravili chyby v bezplatnej šablóne.</p><p>Dúfam, že ste prišli na to, ako správne používať značku h1 na svojom blogu, aby ste potešili vyhľadávače.</p><p>V mojich ďalších lekciách budem hovoriť o tom, ako správne používať značky h1, h2, h3 a h4 na vašom webovom zdroji. Takže sa prihláste na odber aktualizácií, aby ste nezmeškali tento užitočný materiál.</p><p>Dobudúcna. Zbohom!</p> <p><img src='https://i2.wp.com/seogrom.ru/wp-content/uploads/2015/05/%D0%A7%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D1%82%D0%B5%D0%B3-h1-h2-%D0%B8-%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-%D0%BE%D0%BD-%D0%BD%D1%83%D0%B6%D0%B5%D0%BD-%D1%81%D0%B0%D0%B9%D1%82%D1%83-%D0%B4%D0%BB%D1%8F-%D0%BF%D1%80%D0%BE%D0%B4%D0%B2%D0%B8%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F.jpg' align="center" width="100%" loading=lazy loading=lazy>Mnoho začiatočníkov a nielenže nevie, čo to je <b>značky h1, h2, h3</b>- h10, <b>prečo a na čo sú</b> stránky, ako a kde môžu byť správne a kompetentne napísané v článku, aby sa zvýšila návštevnosť stránky, popularita a príjem. To samozrejme nie je najdôležitejší faktor a ukazovateľ pre propagáciu webu vo vyhľadávačoch, ale web to potrebuje aj pre krásny dizajn a atraktivitu. Svoju stránku totiž nevytvárate len pre vyhľadávače, ale aj pre návštevníkov, ktorí prídu na vašu stránku nájsť informácie, ktoré potrebujú a sú pre nich užitočné.</p> <p>Preto sa dnes v článku dozviete <b><i>čo je značka h1, h2, h3</i> </b>, h4, h5, h6, h7, h8, h9, h10, ako a kde to je <b><i>zaregistrujte sa v článku</i> </b>, prečo a čo to ovplyvňuje. V skutočnosti je všetko jednoduché, stačí si prečítať článok 1-2 krát, aby ste pochopili základy týchto značiek v článku a na webe, aby ste zvýšili návštevnosť a krásu dizajnu pre návštevníkov webu.</p> <h3></h3> <p><b>Značka H1</b>- Toto je hlavný názov, často v motore WordPress, znamená názov vašej stránky. Napríklad: stránka o vytváraní stránok alebo iný názov, ktorý ste pre svoju stránku sami vymysleli. Tento názov stránky má spravidla značku h1 a umožňuje vyhľadávacím nástrojom pochopiť, že toto je hlavný názov a do vyhľadávania zadajú toto konkrétne slovo alebo frázu.</p> <p><img src='https://i1.wp.com/seogrom.ru/wp-content/uploads/2015/05/%D0%A7%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D1%82%D0%B5%D0%B3-h3-%D0%BA%D0%B0%D0%BA-%D0%B8-%D0%B3%D0%B4%D0%B5-%D0%B5%D0%B3%D0%BE-%D0%BF%D1%80%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D0%B2-%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B5.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><b>H2</b>- táto značka je pre vyhľadávače menej dôležitá ako <b>h1 tag</b>, často sa používa ako popis stránky a vyhľadávače ho používajú aj vo výsledkoch vyhľadávania. H1 má často väčšiu veľkosť slova ako h2 a iné značky, takže návštevníkom sa najprv zobrazí názov stránky a až potom popis.</p> <p>Aby sa však zvýšila návštevnosť stránok a zvýšila sa pozícia stránky, mnohí kompetentní webmasteri dávajú značku h1 ako nadpis stránky na hlavnej stránke av článku h1 funguje ako nadpis článku. Vyhľadávacie roboty teda v článku zobrazia názov článku a nie názov stránky, takže budete mať väčšiu šancu dostať sa medzi 10 najlepších výsledkov vyhľadávania ako tí, ktorí nechali názov stránky v oboch hlavnej stránke a v článku pod tagom h1.</p> <h3></h3> <p>Ale musíme aj propagovať <b>štítok h3</b>, na ktorý sa často zabúda a prehliada. Je to h3, ktorá umožňuje stránke stúpať pre ďalšie požiadavky. Mnoho ľudí na stránke má chybu, pretože značka h3 je napísaná ako nadpisy kategórií, komentárov, nových publikácií atď. Musíte ísť do editora stránky a nájsť všetky súbory: (index.php, page.php, single.php) a upraviť značky h1, h2, h3, ako chcete.</p> <p><img src='https://i1.wp.com/seogrom.ru/wp-content/uploads/2015/05/%D0%9D%D0%B0-%D1%87%D1%82%D0%BE-%D0%B2%D0%BB%D0%B8%D1%8F%D1%8E%D1%82-%D1%82%D0%B5%D0%B3%D0%B8-h1-h2-h3-h4-h5-h6-h7-h8-h9-h10-%D0%B4%D0%BB%D1%8F-%D0%BF%D1%80%D0%BE%D0%B4%D0%B2%D0%B8%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3></h3> <p>A tak si už pochopil <b><i>čo sú značky h1, h2, h3</i> </b>, h4, h5, h6, h7, h8, h9, h10, ktoré ovplyvňujú výsledky vyhľadávania a počet návštevníkov vašej stránky. Je dokázané, že sú potrebné na propagáciu stránky a určitých článkov. Väčšina z nich používa iba značky: h1, h2 a h3. Ale napríklad h4 a h5 možno použiť ako podnadpisy v samotnom článku alebo na paneli lokality s názvami nadpisov, nadpisov, komentárov atď.</p> <p>Pod akým nadpisom sa konkrétne slovo nachádza, zistíte tak, že prejdete do zdrojového kódu lokality alebo stránky: Ctrl + U. Potom stlačte Ctrl + F a do vyhľadávacieho panela zadajte požadovanú značku alebo slovo, napríklad: h1 a uvidíte, aký nadpis je pod touto značkou ...</p> <p>Ak máte ďalšie otázky, ako správne zaregistrovať údaje <b>značky h1, h2 a h3</b> pre zvýšenie návštevnosti napíšte do komentárov nižšie a častejšie navštevujte našu stránku: kde sú už nejaké články s tipmi na propagáciu. Keďže predpisovanie značiek v článku a na stránke nie je ani zďaleka najdôležitejším ukazovateľom.</p> <p><span class="vb8sWfyN8Hc"></span></p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <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> <br clear="all"> </div> <div class="related" style="background:none;"> <p class="h1"><span>Súvisiace články</span></p> <style> </style> <style> #perelink-horizontal{ vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 220px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img{ width:220px; height:138px; margin-bottom:10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/different/dobavlenie-punkta-v-nastroiki-lg-g3-kak-popast-v-servisnoe.html"> <img src="/uploads/4f24e7e92e883aa0e298b0b37f50da99.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Ako sa dostať do servisnej ponuky na LG G2</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/program/proshivka-android-dlya-samsung-s5660-proshivka-samsung-galaxy-gio-s5660-dlya-nachala-opredelimsya.html"> <img src="/uploads/058237a79976f8122cb69f65461096d6.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Firmvér Samsung Galaxy Gio S5660</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/different/samsung-galaxy-a8-4pda-proshivka-pokazat-soderzhimoe-po-tegu-proshivka.html"> <img src="/uploads/ab55243218ee740f3ac87468569ba360.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Zobrazovanie položiek podľa štítku: firmvér samsung galaxy a8</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/linux/rukovodstvo-po-ekspluatacii-sony-ericsson-xperia-arc-smartphone-arc.html"> <img src="/uploads/66300068561847ab5d393b99253efadd.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Sony Ericsson Xperia Arc Smartphone Arc užívateľská príručka</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/windows-7/1440x900-sootnoshenie-storon-razreshenie-televizora-chem-rukovodstvovatsya-pri.html"> <img src="/uploads/4f80872ffe7852cd95e62202e285cdf7.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Pomer strán 1440 x 900</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/windows-xp/razresheniya-ekrana-5-4-razresheniya-ekranov-monitorov-optimalnoe.html"> <img src="/uploads/0fcb17c0113d5fad5eb8f89d921fa3e2.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Rozlíšenia obrazovky monitora</span> </a> </div> </div> </div> </div> <div class="sidebar"> <div class="aside last_articles"> <div class="h2">Najnovšie články</div> <ul> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/1d73d1fcb011203a9c996ce2c6c24366.jpg" alt="Kedy potrebujem aktualizovať firmvér" title="Kedy potrebujem aktualizovať firmvér" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-16 12:29:16</div> <a href="https://rzdoro.ru/sk/scan/proshivka-telefona-htc-820-v-kakih-sluchayah-nado-obnovit-proshivku.html" class="replace post_4385">Kedy potrebujem aktualizovať firmvér</a> </div> </div> </div> <div class="clear"></div> </div> </li> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/5a1edb454d093238cbab055b9c4949c4.jpg" alt="Ako premeniť smartfón s Androidom na bezpečnostnú kameru" title="Ako premeniť smartfón s Androidom na bezpečnostnú kameru" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/sk/entertainment/sdelat-smartfon-veb-kameroi-dlya-kompyutera-kak-prevratit.html" class="replace post_4385">Ako premeniť smartfón s Androidom na bezpečnostnú kameru</a> </div> </div> </div> <div class="clear"></div> </div> </li> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/2e30815e398c34ede7f5c2befd3d2589.jpg" alt="Ako vyzerá čínska klávesnica (história a fotografie)" title="Ako vyzerá čínska klávesnica (história a fotografie)" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/sk/windows-10/kak-vyglyadit-klaviatura-na-kitaiskom-kak-vyglyadit-kitaiskaya.html" class="replace post_4385">Ako vyzerá čínska klávesnica (história a fotografie)</a> </div> </div> </div> <div class="clear"></div> </div> </li> </ul> </div> <div class="aside" style="display:none;"> <span class="related-link" data-href="/author/dergachev"><img src="https://rzdoro.ru/wp-content/themes/ostroymaterialah/img/banner.jpg" loading=lazy loading=lazy> </div> <div class="aside" > <div class="top_comment"> <div class="h2">Populárne články</div> <ul> <li> <a href="https://rzdoro.ru/sk/iron/chto-oznachaet-bukva-s-v-avatarke-znachenie-avatarok-v-psihologii.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/0408907a6aaedc46d4b9810da5d17d83.jpg" alt="Hodnota avatarov v psychológii" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Hodnota avatarov v psychológii</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/windows-10/samaya-chastaya-avatarka-znachenie-avatarok-v-psihologii.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/6c324cf01f12debdae0104ad4903be06.jpg" alt="Hodnota avatarov v psychológii" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Hodnota avatarov v psychológii</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/windows-xp/kak-postavit-udarenie-na-kompyutere-kak-postavit-udarenie-nad-bukvoi-v.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/28e8daea46a39f81f682ab6f05e79237.jpg" alt="Ako zdôrazniť písmeno v MS Word" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Ako zdôrazniť písmeno v MS Word</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/internet/chto-znachit-esli-avatar-cheloveka-chto-znachit-tvoya-avatarka.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/a931ca255d3e46f6c41a3be9a61b4d4d.jpg" alt="Čo to znamená, ak je avatar osoby" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Čo to znamená, ak je avatar osoby</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/internet/kak-sozdat-svoi-sobstvennyi-tvitter-moment-chto-takoe.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/c73ea6f0aab52aa088a667508652ea7e.jpg" alt="Ako si vytvoriť svoj vlastný Twitter moment" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Ako si vytvoriť svoj vlastný Twitter moment</p> </div> </a> </li> </ul> </div> </div> <div class="aside"> <div class="most_commented"> <div class="h2">Voľba redaktora</div> <ul> <li> <div class="full_date">2021-11-11 12:38:28</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/network/lisa-na-avatarke-chto-znachit-chto-mozhet-rasskazat-avatarka-v.html" class="title">Čo môže povedať avatar na sociálnej sieti o svojom majiteľovi</a> <p class="desc">Viac podrobností! 1. Farba. Farba je dôležitý detail na obrázku a často si avatara vyberáme práve pre jeho farebnú schému, ktorá je pre nás najvhodnejšia ...</p> </li> <li> <div class="full_date">2021-11-11 12:38:28</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/different/kak-sozdat-svoi-sobstvennyi-tvitter-moment.html" class="title">Ako si vytvoriť svoj vlastný Twitter moment</a> <p class="desc">Navigácia Sociálne siete dnes zohrávajú dôležitú úlohu v živote používateľov internetu. Vďaka takýmto zdrojom majú ľudia možnosť komunikovať s ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/program/pervyi-skaniruyushchii-zondovyi-mikroskop-skaniruyushchii.html" class="title">Skenovací mikroskop s atómovou silou Laboratórna správa by mala obsahovať</a> <p class="desc">Mikroskop atómovej sily vytvorili v roku 1982 Gerd Binnig, Calvin Quait a Christopher Gerber v USA ako modifikáciu predtým vynájdeného ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/entertainment/detali-i-razmery-kontaktnoi-seti-podbor-stoek-opor-kontaktnoi-seti.html" class="title">Výber nosných stojanov kontaktnej siete</a> <p class="desc">Metodická príručka K realizácii praktického vyučovania v disciplíne „Kontaktná sieť“. 1. Výber dielov a materiálov pre kontaktné zostavy ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/audio-video/podbor-oborudovaniya-kontaktnoi-seti-proektirovanie-i-raschet-kontaktnoi-seti.html" class="title">Návrh a výpočet AC trolejového vedenia</a> <p class="desc">VYSVETLIVKA. Metodické pokyny sú určené pre študentov denného a externého štúdia Vysokej školy železničnej Saratov ...</p> </li> </ul> </div> </div> <div class="aside"> </div> </div> </div> </div> <div class="push"></div></div> <footer> <div class="colomn-first"> <p><span class="related-link" data-href="/"><img src="/uploads/logo.png" alt="Stránky pomocníka pre počítače" / loading=lazy loading=lazy></span></p> <p><span style="color:#27a98c;">©</span> Copyright 2021, <br>rzdoro.ru – stránka počítačovej pomoci</p> <div class="colomn"> <ul> <li>Kategórie</li> <li><span class="related-link" data-href="/category/iron/">železo</span></li> <li><span class="related-link" data-href="/category/windows-10/">Windows 10</span></li> <li><span class="related-link" data-href="/category/scan/">Skenovanie</span></li> <li><span class="related-link" data-href="/category/windows-7/">Windows 7</span></li> </ul> <ul style="margin-top: 23px;"> <li><span class="related-link" data-href="/category/iron/">železo</span></li> <li><span class="related-link" data-href="/category/windows-10/">Windows 10</span></li> <li><span class="related-link" data-href="/category/scan/">Skenovanie</span></li> <li><span class="related-link" data-href="/category/windows-7/">Windows 7</span></li> </ul> <ul> <li>Iné</li> <li><span class="related-link" data-href="">O stránke</span></li> <li><a href="https://rzdoro.ru/sk/sitemap.xml">mapa lokality</a></li> <li><span class="related-link" data-href="">Kontakty</span></li> <li><span class="related-link" data-href="">Reklama</span></li> </ul> </div> </div> </footer> <script type="text/javascript" src="https://rzdoro.ru/wp-content/plugins/service_binet/ajax.js"></script> <script> jQuery(document).ready(function() { // Get all thumbs containers jQuery( ".thumbs-rating-container" ).each(function( index ) { // Get data attribute var content_id = jQuery(this).data('content-id'); var itemName = "thumbsrating"+content_id; // Check if this content has localstorage if (localStorage.getItem(itemName)){ // Check if it's Up or Down vote if ( localStorage.getItem("thumbsrating" + content_id + "-1") ){ jQuery(this).find('.thumbs-rating-up').addClass('thumbs-rating-voted'); } if ( localStorage.getItem("thumbsrating" + content_id + "-0") ){ jQuery(this).find('.thumbs-rating-down').addClass('thumbs-rating-voted'); } } } ); } ); </script> <div id="wprmenu_bar" class="wprmenu_bar left"> <div class="hamburger hamburger--slider"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </div> <div class="menu_title"> <a href="https://rzdoro.ru/sk/">rzdoro.ru</a> </div> </div> <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left " id="mg-wprm-wrap"> <ul id="wprmenu_menu_ul"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/iron/">železo</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-10/">Windows 10</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/scan/">Skenovanie</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-7/">Windows 7</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-xp/">Windows XP</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/printers-driver/">Ovládače tlačiarní</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/laptops/">Prenosné počítače</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-8/">Windows 8</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/audio-video/">Audio Video</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/gadgets/">Moduly gadget</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/different/">Zmiešaný</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/linux/">Linux</a></li> </ul> </div> <script type="text/javascript"> jQuery(document).ready(function($){ $("a[rel*=lightbox]").colorbox({ width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:"30%",initialHeight:"30%",maxWidth:"90%",maxHeight:"90%",current:"Фото { current} из { total} ",previous:"назад",next:"далее",close:"закрыть",top:false,right:false,bottom:false,left:false} ); } ); </script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.8'></script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/lightbox-plus/js/jquery.colorbox.1.5.9.js?ver=1.5.9'></script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/lightbox-plus/css/fancypants/helper.js?ver=2.7'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>