Ako znížiť výšku bloku obrázka hlavičky? Vytvorenie správnej štruktúry h1 a podnadpisov Pravidlá správneho písania h1

Dobrý deň, milí priatelia. Dnes si povieme o pre mňa bolestivom probléme, a to o hlavičkách h1. Vo všeobecnosti už viete, že po nainštalovaní témy WordPress ju budete musieť upraviť tak, aby vyhovovala vašim potrebám. A ak potrebujete skombinovať dizajnové prvky, je v poriadku vyladiť dizajn , Možno by sa dali upraviť veľkosti písma, ale zoznam by mohol trvať dlho. V čom je teda problém?

Aké problémy som mal s nadpismi h1 na mojom blogu?

Ide o to, že všetky tieto vylepšenia by sa pri aktualizácii témy nemali stratiť. Pre mňa, hneď ako som aktualizoval tému, nastavíme všetko znova. Ale trik je iný, dizajnové prvky sú kvety a trik je v tom, že po týchto aktualizáciách moje nadpisy h1 a h2 prestali fungovať a neustále menia miesta. Viete o tom, že vyhľadávače neuprednostňujú stránky, kde značka h1 chýba alebo sa používa príliš často.

Tu vám poviem trochu podrobnejšie. Takže takmer každá téma WordPress má možnosť zadať názov a popis stránky.

A tiež nainštalovať logo.

Toto všetko má aj moja téma. Názov je napísaný značkou h1 a popis stránky značkou h2. A ak si nainštalujete logo, bude označené ako nadpis a bude zahrnuté v tagu h1.

A zdá sa, že je všetko v poriadku – na hlavnej stránke má názov stránky značku h1 a nadpisy článkov značku h2. Ale v článkoch a stránkach to bolo tiež spočiatku takto. Navyše to nie je len v mojej téme, v mnohých témach WordPress sú názvy článkov a stránok napísané v tagu h2 - čo je podľa pravidiel SEO nesprávne.

Tento bod som opravil - v článkoch a stránkach som zmenil nadpisy na h1 a názov stránky na h2.

Teraz však aktualizácia prešla, vizuálne som zaznamenal iba problémy s dizajnom. Opravil som to a nemusím sa o nič starať. Po nejakom čase prebehla ďalšia aktualizácia a okrem dizajnu prestali fungovať stromové komentáre. No, to som si všimol vizuálne.

To je všetko, rozhodol som sa tému už neaktualizovať, ale úplne nahradiť. Ale zatiaľ nie je čas. Kým to neurobím, potrebujem sa venovať mojej aktuálnej téme.

Ale po poslednej aktualizácii sa v skutočnosti všetko zhoršilo - značky h1 a h2 boli nahradené. Presnejšie, obrázok, ktorý som použil ako logo, ktorý bol uzavretý v tagu h1, jednoducho zmizol (na hlavnej stránke). Na hlavnej stránke teda nezostala žiadna značka h1. V článkoch a na stránkach však názov stránky získal značku h1. A podľa toho bol názov stránky a názov článku označený značkou h1. Príliš veľa!

Tento zmätok mal tiež vplyv - názov stránky zmizol.

A preto, aby som tieto nedostatky odstránil, rozhodol som sa, že je potrebné zobraziť názov stránky s tagom h1 podľa toho, ktorá stránka bola otvorená. A to sa musí urobiť obídením funkcií témy.

Ako zmeniť značku názvu h1 na základe podmienok

Pre seba som načrtol toto logické poradie - ak sa otvorí hlavná stránka, výsledky vyhľadávania, archív, vo všeobecnosti akákoľvek stránka, okrem článkov a jednotlivých stránok, potom by mal byť názov stránky označený značkou h1.

Ak sa otvorí článok alebo samostatná stránka, názov stránky by mal byť označený značkou h2.

Začnime teda realizovať náš plán.

Ako viete, takmer vo všetkých témach sa šablóna skladá z niekoľkých blokov a bloky ako hlavička (header.php), päta (footer.php), sitebar (sidebar.php) sú spojené ako samostatné prvky s hlavnou stránkou (index .php), články (single.php), stránky (page.php).

Preto je názov a popis stránky v hlavičke ( hlavička.php). A stačí napísať podmienku, ktorá zmení značku h1 podľa toho, ktorá stránka sa otvorí.

Ak to chcete urobiť, otvorte administratívny panel WP – "vzhľad" — "Editor" — "Hlavička (header.php)".

Musíte nájsť riadok kódu so značkou h1, v niektorých prípadoch to môže byť aj značka h2. V každom prípade je potrebné venovať pozornosť obsahu týchto riadkov. Na začiatku bola moja téma takáto.

Názov stránky.

">

Popis lokality.

Toto bude potrebné napraviť. Do popisu stránky môžete pridať iba mikroznačkový kód, ale budeme pracovať s názvom stránky.

Takže pred riadok kódu s nadpisom h1 vložte tento kód:

Táto podmienka znamená: Ak (ak) je otvorený článok „nie“ (!) (is_single) a (&&) „nie“ (!) stránka (is_page), názov stránky bude označený značkou h1.

A po riadku s kódom h1 musíte uzavrieť podmienku týmto kódom:

V dôsledku toho by ste mali skončiť s niečím takýmto:

">

A teraz, analogicky, pridáme ešte jednu podmienku, hneď po prvej:

">

Táto podmienka znamená: Ak (ak) je otvorený článok (is_single) alebo (||) stránka (is_page), názov stránky bude označený značkou h2.

Všimnite si, že som zmenil názov názvu v druhej podmienke z h1 na h2. Môžete tiež nahradiť h1 odsekom (p) alebo blokmi div a span. To je dôležité!

Uložte súbor a skontrolujte.

Ako by to malo byť po implementácii podmienok

Na hlavnej stránke, nadpisoch, vyhľadávaní atď. by mal byť názov stránky označený značkou h1 a všetky názvy článkov atď. by mali byť h2, h3...

Keď otvoríte článok alebo samostatnú stránku, názov stránky sa zmení na h2. Ak ste v predchádzajúcom kroku zmenili h2 na p, div, span, vaše zmeny budú zodpovedať. Len nezabudnite pridať štýly pre tieto prvky.

Tu je veľmi dôležité skontrolovať v súboroch single.php a page.php, že nadpisy článkov a stránok sú označené tagom h1. Ak to nie je váš prípad, otvorte tieto súbory a opravte čísla.

Zhrnutie

Týmto riešením som sa zbavil konfliktu so značkami nadpisov h1 a h2 a obnovil som funkčnosť mikro značiek. Len pár riadkov kódu, ale aké pohodlie.

Priatelia, ak máte podobnú situáciu, berte to do úvahy.

A na záver videonávod na danú tému. Na svojom blogu ukážem, ako táto metóda funguje.

A to je pre mňa dnes všetko. Prajem vám všetkým dobrú náladu a vidíme sa pri nových článkoch a videonávodoch.

Ako sú hodnotené nadpisy na webe WordPress a prečo by mal byť na každej stránke len jeden nadpis najvyššej úrovne? Pozrieme sa na to, ako skontrolovať počet H1 tagov na webe a čo robiť, aby sme sa vyhli ich duplicite v téme.

Koľko nadpisov so značkou H1 môže byť na stránke WordPress?

Šablóna stránky je štruktúrovaná pomocou nadpisov H1 až H6. So zvyšujúcim sa číslom sa zvyčajne zmenšuje veľkosť písma a nadpisy sú vnorené 1 ku 1. Pre WordPress stránky je hlavička H1 zvyčajne vyhradená pre nadpis stránky, H2 sa používa pre obsah dôležitých prvkov stránky. Hlbšie úrovne - podnadpisy - sa nachádzajú v tele článkov, aby vytvorili štruktúru textu a uľahčili čítanie.

Je dôležité, aby bol na stránke iba jeden nadpis H1, pretože zameriava pozornosť na informácie, ktorým je stránka webu venovaná. Ak z nejakého dôvodu nainštalovaná téma WordPress obsahuje niekoľko nadpisov označených značkou H1, vyhľadávače to môžu považovať za pokus o nadmernú optimalizáciu alebo spam a zníženie hodnotenia stránky vo výsledkoch vyhľadávania.

Všimnite si, ako WordPress vytvára rôzne úrovne nadpisov, keď pridáte stránku alebo príspevok.

V okne úpravy príspevku alebo stránky je vyhradené pole na napísanie názvu (1). Tu sa nachádza nadpis najvyššej úrovne. Označí sa štítkom H1 priamo na stránke príspevku alebo štítkom H2, ak je na hlavnej stránke zobrazených viacero oznamov príspevku. V druhom prípade je takáto hlavička odkazom na stránku s úplným obsahom príspevku.
Okno textového editora obsahuje telo článku (2), ktoré vám umožňuje formátovať text pomocou panela nástrojov (3). Tu už nie je potrebné používať nadpis prvej úrovne, použite úrovne H2–H6 na štruktúrovanie článku a vyhnete sa spamu.

Virtuálny hosting webových stránok pre populárny CMS:

Ako skontrolovať, či sú H1 duplicitné v šablóne WordPress

Ak chcete skontrolovať počet nadpisov najvyššej úrovne, musíte otvoriť kód stránky a spočítať štruktúry začínajúce značkou

. Upozorňujeme, že tento štítok je spárovaný, je uzavretý konštrukciou

. Všetko, čo sa nachádza medzi nimi, patrí do nadpisu prvej úrovne.

Overenie kódu sa vykonáva jedným z nasledujúcich spôsobov:

Keď ste na požadovanej stránke webu, stlačte kombináciu klávesov CTRL + U. Otvorí sa kód, v ktorom musíte nájsť všetky značky H1. Na uľahčenie vyhľadávania použite kombináciu CTRL + F.
Kliknite pravým tlačidlom myši kdekoľvek na stránke a vyberte Zobraziť zdrojový kód stránky. Ďalej vyhľadajte značky H1.
Umiestnite kurzor myši na požadovaný názov, kliknite pravým tlačidlom myši a vyberte možnosť Skontrolovať prvok. V okne, ktoré sa otvorí, sa zvýrazní kód zadaného prvku stránky.

Napríklad kontrola názvu príspevku na hlavnej stránke lokality ukazuje, že patrí do nadpisu H2 druhej úrovne a obsahuje odkaz na prechod na novú stránku.

Ak existuje niekoľko nadpisov, musíte niektoré z nich zmeniť

Pri priamom prechode na stránku príspevku má už kontrola toho istého nadpisu status nadpisu prvej úrovne, ktorý je označený značkou H1. Skontrolujte kód stránky – toto by mala byť jediná hlavička. Ak sa zistia ďalšie značky H1, kód je potrebné opraviť. Ak je nadpis v šablóne lokality duplikovaný, je potrebné nahradiť výstup týchto prvkov inou značkou na všetkých miestach okrem nadpisu stránky, napr. , pridaním podobných štýlov do súboru CSS. V tomto prípade zostane vzhľad šablóny rovnaký, ale vyhľadávače nebudú stránku považovať za preoptimalizovanú.

Ako opraviť duplicitné hlavičky v téme WordPress a odstrániť nepotrebné

V niektorých šablónach je názov stránky spolu s logom často zabalený do značiek H1. Výsledkom je duplikácia nadpisov prvej úrovne, pretože rovnaká značka bude zabalená v názve príspevku alebo stránky.

Ak nájdete takúto chybu v téme, ktorú používate, musíte prejsť do editora kódu v admine WordPress a otvoriť šablónu header.php. Pridajte do kódu šablóny takúto podmienenú konštrukciu:

Kód pre umiestnenie loga na hlavnú stránku

Kód pre umiestnenie loga na iné stránky

V tomto prípade sa logo objaví vo vnútri značiek H1 iba na hlavnej stránke, na všetkých ostatných už nebude duplikovať nadpisy najvyššej úrovne reprezentované názvami príspevkov.

Ak chcete zmeniť veľkosť hlavičky, musíte zadať veľkosť v štýloch css

Mnoho moderných WordPress šablón umožňuje zmeniť veľkosť hlavných textových prvkov v nastaveniach šablóny. Stačí prejsť na panel správcu v časti „Vzhľad“ - „Témy“ - „Prispôsobiť“ pre aktuálnu šablónu a zmeniť požadovanú veľkosť nadpisov a textov. Ak to nie je možné, budete musieť nájsť kód veľkosti písma súvisiaci s hlavičkou h1 v súbore style.css a nastaviť požadovanú veľkosť.

Na mojich top informačných projektoch najskôr špecialista na danú tému zostaví štruktúru článku (nadpisy a podnadpisy) a potom na základe nich textári napíšu text.

Štruktúra je skutočne veľmi dôležitá, ak vám záleží na kvalite. A aby ste vytvorili normálnu štruktúru, musíte pochopiť, ako fungujú značky h.

h1 je hlavný podnadpis v článku, zvyčajne umiestnený nad textom.

Prvý nadpis by mal byť vizuálne väčší ako ostatné nadpisy na stránke.

h2-h6 sú malé podpoložky, ktoré sú umiestnené podľa princípu hniezdenia.

Na čo slúžia hlavičky?

Pre tých, ktorí sa v téme veľmi nevyznajú, tu je v zásade dobré video o základoch skladania podnadpisov h1-h6. Ak sa nepovažujete za odborníka, pozrite si:

A na upevnenie materiálu trochu slabšie video:

Nadpisy sú navrhnuté tak, aby v jednej fráze alebo dokonca slove zdôraznili hlavnú podstatu, myšlienku následného textu. Zvyčajne na ne najprv upriami pozornosť človek a rozhodne sa, či si prečíta zvyšok materiálu. Nadpisy sú obzvlášť dôležité v reklamných textoch a listoch a slúžia ako hlavný nástroj na upútanie pozornosti cieľového publika.

V kóde značka vyzerá takto:

, kde písmeno h pochádza zo slova „header“, čo znamená „nadpis“. Každá úroveň je označená zodpovedajúcim číslom.

H-tagy očami ľudí

Text rozdelený do podnadpisov vyzerá prehľadnejšie a ľahšie sa číta. Moderný používateľ sa už dávno naučil skenovať články za pár sekúnd a rýchlo vyvodiť závery o tom, či sa oplatí prečítať celý text a či obsahuje užitočné informácie, ktoré hľadá. Nadpisy upútajú pozornosť, zdôrazňujú hlavnú vec a poskytujú používateľovi príležitosť analyzovať materiál.

Tagy h1, h2, h3, h4, h5, h6 umožňujú čitateľovi vytvoriť akúsi mapu, pomocou ktorej sa môže rýchlo orientovať v texte. A ak sa týmto zvýrazneniam podarí upútať pozornosť, osoba sa na stránke zdrží a pravdepodobne si prečíta celý článok. Výsledok môžete skontrolovať pomocou faktorov správania. Ak ľudia zostanú na stránke a urobia nejaké kroky, znamená to, že práca SEO nebola vykonaná nadarmo.

H-tagy očami vyhľadávačov

Vyhľadávacie roboty od nich zbierajú informácie na sémantickú analýzu. Úrovne nadpisov h1, h2, h3 sú pre roboty mimoriadne dôležité. Ich nedôsledná alebo nesprávna aplikácia môže negatívne ovplyvniť hodnotenie stránky. Ak v kóde HTML nie sú žiadne h-tagy, stránka bude mať problémy s propagáciou. Úrovne h4, h5, h6 sú menej významné.

Hierarchia H-tagov

Hlavným pravidlom pri usporiadaní nadpisov je ich hierarchia. Nie je nutné, aby tagy veľkostne na seba nadväzovali, ale je neprijateľné použiť v texte napríklad h3, ak nikde nemáte meta h2, alebo použiť h6 bez h5.

Takto vyzerá hierarchia so správnym vnorením:

Čo je to značka h1?

Značka h1 je obsah textu (napríklad názov knihy alebo nadpis novinového článku).

Každá stránka by mala mať iba jednu značku h1.

Z hľadiska atraktivity pre užívateľa je prvoradý. Ale pre propagáciu SEO, .

Titul je tiež titul, ale je písaný nielen pre ľudí, ale aj pre roboty. Nezobrazuje sa na samotnej stránke, ale iba na karte prehliadača a v úryvku ako aktívny odkaz na stránku. Názov je v skutočnosti alternatívou, ale hlavným názvom dokumentu HTML. Ak chýba, tak vyhľadávač vezme za základ h1 a použije ho v kosáku.

Prečo by sa h1 malo líšiť od názvu?

Je veľmi dôležité pochopiť, že h1 a Title sú rôzne nadpisy. A podľa toho musia byť šikovne kombinované. Tu sú základy k tejto téme:

Zanedbanie pravidiel pre jedinečnosť a relevantnosť nadpisov môže viesť k tomu, že stránka spadne pod filter. Vyhľadávače si v poslednej dobe začali dávať pozor najmä na kvalitu obsahu a jeho SEO nastavenie. Duplikáty, nadmerný spam, chaotické umiestnenie nadpisov a ich nesúlad s obsahom sú trestné.

Požiadavky na dĺžku H1

Odporúča sa urobiť H1 stručnejšie ako Title, neprekračovať počet znakov viac ako 50. Ale nebude katastrofou, ak sa nadpis ukáže byť dlhší, keď nie je možné vtesnať celú podstatu do naznačeného číslo.

Špeciálne pluginy pre WordPress umožňujú analyzovať správne vyplnenie všetkých meta priamo v editore.

Pravidlá správneho zápisu h1

Musí byť jedinečný pre celý web a úplne čitateľný;
Neopakuje názov názvu, ale ani mu neodporuje;
Nemali by ste to robiť príliš dlho (názov môžete urobiť objemnejším);
Použité iba raz na stránku;
Súvisí s textom a odráža sémantickú podstatu materiálu;
Zaujímavé a atraktívne pre používateľa;
Na koniec nemôžete dať bodku a odporúča sa používať interpunkčné znamienka na minimum.

Použitie kľúčov

Hlavné kľúčové frázy by mali byť v prvom rade obsiahnuté v názve. Ale mali by byť tiež napísané v h1. V oboch prípadoch je lepšie to urobiť na samom začiatku. Bolo by však lepšie, keby sa kľúčové slová v týchto dvoch značkách navzájom neduplikovali. Musíte použiť rôzne tvary slov alebo zriedené výskyty v h1 a priame výskyty v názve.

Niektorí zoberú všetky kľúče na stránke a použijú ich na vytvorenie štruktúry článku. Upozorňujem hneď, že bez cool PF bude takéto rozhádzanie kľúčov v podnadpisoch potrestané filtrom za overspam.

Psychologické techniky na písanie atraktívneho nadpisu

Názov by mal byť pútavý. Tu je video od Maxima Ilyakhova, špecialistu v oblasti médií, rektora Školy redaktorov a tvorcu služby Glavred:

Tu je niekoľko ďalších „trikov“, ktoré sa používajú pri písaní nadpisov.

Riešenie

Pamätajte, že človek vždy nehľadá informácie alebo tovar, ale predovšetkým riešenie svojich problémov, túžob, potrieb. Riešte presne zamýšľaný problém cieľového publika

Príklad dobrého nadpisu: „Padajú vám vlasy? Zastavte vypadávanie vlasov do týždňa."
Príklad zlého nadpisu: "Dá sa zastaviť vypadávanie vlasov?"

V prvom prípade jasne identifikujeme problém a ponúkneme konkrétne riešenie. V druhom prípade je problém nepriamo ovplyvnený a možnosti jeho riešenia sú rozmazané.

Intrigy

Príklad dobrého nadpisu: „Odhalenie tajomstva najúčinnejšieho receptu na vypadávanie vlasov.“
Príklad zlého nadpisu: "Najlepší recept na vypadávanie vlasov."

prijímacia "skúška"

Veta napísaná v tejto forme je výzvou pre čitateľa a vyzýva ho, aby sa otestoval.

Príklad dobrého nadpisu: „Ste si istý, že bojujete proti vypadávaniu vlasov správne?“
Príklad zlého nadpisu: "Vieš všetko o vypadávaní vlasov?"

Samozrejme, toto nie sú všetky metódy, ktoré pomáhajú ovplyvniť vnímanie človeka a pritiahnuť jeho záujem. Ak vás táto téma zaujíma, prečítajte si knihy o marketingu a dozviete sa viac. Mimochodom, názov môže byť aj „lákavý“. Navyše, s najväčšou pravdepodobnosťou je to on, kto je zvýraznený vo výsledkoch vyhľadávania. Po indexovaní stránky môžete skontrolovať jej zobrazenie.

Prečo sú potrebné podnadpisy h2-h6?

Tagy od h2 do h6 sa nachádzajú v samotnom tele článku, štrukturálne ho delia na tematické odseky, a v kóde HTML dokumentu, zvýrazňujúce jeho podstatné prvky. Identifikujú ich aj vyhľadávacie roboty na sémantickú analýzu stránky.

Sú potrebné na to, aby na stránke hierarchicky označovali všetko dôležité a hodné pozornosti používateľa. Táto štruktúra pomáha osobe rýchlo sa orientovať v informáciách a vyhodnotiť ich súlad s ich potrebami.

h2 – zameriava pozornosť používateľov a vyhľadávačov na hlavný obsah článku. Zobrazuje najdôležitejšie veci v texte.

h3 je podpoložka pre informácie pod H2, ktorá ich odhaľuje ešte hlbšie.

h4, h5, h6 – sú definované ako vnorené podnadpisy (podrobne odhaľujú podstatu H2 alebo H3) a používajú sa v texte, ako zvýrazňovanie malých bodov a významných slov, ako aj v menu, bočnom paneli a iných komponentoch webový dokument.

Všetky h-tagy musia mať dĺžku do 50 znakov.

Ako správne písať podnadpisy h2-h6

Je nemožné, aby najmenšia podpoložka bola prítomná bez väčšej. To znamená, že ak text obsahuje metaznačku h4, musí mu predchádzať h2 a h3.
Čím vyššia je úroveň nadpisu, tým väčšie by malo byť písmo. Vo WordPress sú predvolené nastavenia zvyčajne nastavené tak, aby sa značky automaticky správne naformátovali.
Všetky h-tagy musia zodpovedať obsahu obsahu a odrážať podstatu informácie.
Je neprijateľné používať h1-h6 ako kotvy alebo aktívne odkazy.
Do značky h nemôžete napísať iné značky.
V h-tagoch je povolený iba text a interpunkcia.
Podnadpisy by nemali obsahovať spam kľúčových slov. Najvhodnejšie je použiť kľúčové slová v nadpise, h1, h2 a v menších ako h3, h5, h6 sa zamerať na podrobnú diskusiu k téme.

Ak rozloženie stránky obsahuje nadpis a hlavný nadpis H1, no samotný text článku nie je príliš veľký a neobsahuje podnadpisy, nejde o chybu. V TOPke je nemálo stránok, kde je obsah takmer súvislý pás, možno rozdelený na odseky. Môžete sa dostať do vedúcej pozície bez „čarodejníctva“ nad textovým značením, pričom kladiete väčší dôraz na. Stránky WordPress sú ľahko indexované vyhľadávacími nástrojmi. Napriek tomu použitie týchto značiek nielen uľahčuje úlohu, ale tiež uľahčuje a spríjemňuje obsah pre vizuálne vnímanie.

Ako vyplniť h-tagy vo WordPress

h1 sa zvyčajne vypĺňa do poľa nad textom v príspevku:

Ak chcete vytvoriť podnadpisy h2-h6, musíte vybrať požadovaný prvok a podržaním kurzora nad záložkou „nadpisy“ vyberte požadovaný prvok kliknutím naň. Urobte to isté pre každý z podnadpisov, vrátane ich v požadovanom formáte.

Existuje ešte jednoduchší spôsob - môžete napísať text vo Worde pomocou potrebných značiek a jednoducho skopírujte a prilepte článok do editora WordPress. Nadpisy vybrané v programe Word sa automaticky zobrazia v požadovaných veľkostiach. V prípade potreby ich môžete opraviť pomocou nástrojov editora WordPress CMS.

Štruktúra WordPress článku je predurčená pravidlami vyhľadávačov a podľa toho ovplyvňuje propagáciu vášho článku vo výsledkoch vyhľadávania. Keď začínate písať nový článok, musíte sa zamyslieť nielen nad jeho témou a účelom, ale aj usporiadať jeho obsah do určitej štruktúry. Štruktúra článkov a použitie h1 tagov v blogu WordPress bude diskutované v tomto článku. Začnime pohľadom na základné prvky webových stránok.

Základné prvky webovej stránky

Keď píšete svoj ďalší článok, musíte pochopiť, že na internete je váš text súborom určitých znakov, zakódovaných, obklopených určitými prvkami HTML značiek (tagmi). Keďže značky pre vyhľadávače majú hierarchiu priorít, textová štruktúra článku by mala byť zostavená v súlade s touto hierarchiou.

Názvy článkov

Štruktúra WordPress článku by mala začínať hlavným prvkom webovej stránky – nadpisom. Názov článku sa odráža vo výsledkoch vyhľadávania a zobrazuje sa na najvýraznejšom mieste (v hornej časti) pri otvorení stránky. Okrem toho je názov článku odkazom na váš blog, keď sa odráža vo výsledkoch internetového vyhľadávania. Názov článku musí byť orámovaný štítkom titul.

Štruktúra článku WordPress – značka H1

Druhý najdôležitejší prvok webovej stránky je názov stránky orámovaný značkou h1. Toto je povinná značka webovej stránky. Okrem toho je dôležité poznamenať, že táto značka by mala byť jediná na otvorenej webovej stránke (nie na celom blogu). Niekoľko h1 tagov „dráždi“ vyhľadávače a skôr či neskôr túto stránku vyhodia z vyhľadávania.

Štítky H2-H6

Ako môžete vidieť v texte, je tu jeden prvok h1 a všetky ostatné sú usporiadané v prehľadnej stromovej štruktúre.

Štruktúra článku WordPress: ako ju vytvoriť

Štruktúra článku WordPress môže byť štruktúrovaná dvoma spôsobmi.

najprv. Napísanie článku v HTML si vyžaduje nielen znalosť jazyka, ale aj serióznu prax.
Druhá možnosť, jednoduchšie. Vytvorte štruktúru WP článkov v jeho vizuálnom editore. Ukážem vám, ako sa to robí.

Prejdite do Konzola → Záznamy → Pridať záznam.
Každý vizuálny editor, ktorý je nainštalovaný na vašom blogu WordPress, má tlačidlo : Odsek.
Pomocou tohto tlačidla sa vytvorí štruktúra článku WordPress, ktorá je „príjemná“ pre vyhľadávače.

Táto úprava sa však týka iba obsahu článku a nijako neovplyvňuje názov článku. Rámovanie názvu článku v značkách title a h1 je definované v šablónach tém WordPress. A keďže šablóny vytvárajú ľudia, ich chyby sa musia opravovať ručne.

Čo by mohlo byť nesprávne v šablónach WordPress v súvislosti so značkami title a h1? Pozrime sa na to podrobnejšie.

Tagy title a h1 v šablónach WordPress

Mnoho šablón WordPress vôbec nepoužíva značku h1.

Mimochodom:Či sú názvy vašich článkov orámované značkami h1, môžete skontrolovať nasledovne. Otvorte ktorýkoľvek z vašich blogových príspevkov WP. Kliknite pravým tlačidlom myši na stránku a otvorte „Zdroj stránky“. Pri otvorenom kóde stlačte Ctrl + F (toto je vyhľadávanie na stránke) a vyhľadajte h1. V závislosti od toho, či existuje značka h1, ktorá sa týka konkrétne obsahu príspevku alebo nie, budú závisieť vaše ďalšie kroky.

A ešte jedna poznámka. Poznám veľa WP blogov, ktoré fungujú bez h1 tagov vo svojich šablónach. Zároveň majú výborné výsledky vyhľadávania. K tomu poviem len jedno. Vyhľadávače milujú značku h1. Je základom všetkých značiek článkov. A to má nepochybne pozitívny vplyv na hodnotenie WP blogu. Je teda len na vás, či sa rozhodnete h1 vo svojom blogu WP použiť alebo nie. Jedna vec je tu dôležitá. S tagmi h1 by ste to nemali preháňať. Na každej stránke by mala byť jedna značka h1.

Ako vložiť značku H1 do šablóny blogu WordPress

Predtým, ako vám poviem, ako vložiť značku h1 do šablóny blogu WordPress, zameriam sa na súbory tém WP. sú písané pre každú tému samostatne.

Súbory šablón môžete upravovať priamo na serveri v adresári WP pripojením sa k nemu cez FTP. Alebo jednoduchšie, prejdite na, potom Konzola → Vzhľad → Editor. Na pravej strane okna, ktoré sa otvorí, budú viditeľné všetky súbory šablón pre vašu tému WP.

Súbory šablón však musíte správne a bezpečne upravovať v editore, akým je Notepad++. Skopírujte súbor, ktorý upravujete, upravte ho v editore a uložte novú kópiu, preneste ju do šablóny.

V tomto článku nás zaujímajú dva súbory na úpravu:

Súbor hlavnej stránky. Možno index.php alebo loop.php
Súbor samostatného otvoreného článku: Možno single.php alebo loop-single.php.

Kód musíte upraviť tak, aby sa značka h1 na otvorenej webovej stránke nachádzala iba v rámčeku názvu otvoreného článku.

Oprava značky h1 v jednom súbore príspevku

Na úpravu súborov používame textový editor ako Notepad++. V prípade fatálnych chýb máme po ruke aj kópiu stránky.

Prejdite do konzoly → Vzhľad → Editor → Súbor samostatne otvoreného článku. Hľadáme kód, ktorý je zodpovedný za zobrazenie hlavičky. Časť šablóny:

/* Časť vzoru typu loop-single

A zmeňte značky h2 v ňom na značky h1:

Čo zostáva, je čistý kód hlavičky orámovaný značkami h1.

Vyhľadávanie:alebo názov stránky alebo názov stránky.
Ak je značka h1 vo vnútri prvku div, jednoducho ju odstráňte.
Ak značky h1>

Vložte značku h1 na hlavnú stránku blogu WP

Na hlavnej stránke blogu, ktorá odráža najnovšie články, je situácia trochu iná. Keďže na hlavnej stránke je niekoľko nadpisov, musia byť orámované značkami h2, nie h1.

Ak to chcete urobiť, otvorte súbor v editore: index.php alebo loop.php;
Hľadáme kód, ktorý zobrazuje názvy článkov na hlavnej stránke;
A zmeňte značku h1 na značku h2. Nezabudnite uložiť.

" rel="záložka">

"zarovnať doľava")); ?>

/* Domovská stránka, šablóna: index.php alebo loop.php

" rel="záložka">

/*zmeniť na

" rel="záložka">

Všetky. Štruktúra článku WordPress je vytvorená a nebol použitý ani jeden plugin. s aktualizáciou šablóny sa však bude musieť všetko zopakovať.

Zobraziť 11 odpovedí – 1 až 11 (celkovo 11)

Pravdepodobne by sme mali začať zmenšením veľkosti obrázka použitého v nadpise. Akú veľkosť obrázka hlavičky téma odporúča?

P.S. Osobne nevidím nič zlé alebo škaredé ani na počítači, ani na smartfóne. Vyzerá to tak, že si uprený len na nezmysly.

Ďakujem za vašu odpoveď! Zmenšenie obrazu k ničomu nevedie, jednoducho sa v konečnom dôsledku zhorší jeho kvalita (natiahne sa na rovnakú šírku). Možno som sa zasekol, len nie som zvyknutý na tento dizajn, chcel som pochopiť, ako to zmeniť

Možno som sa nevyjadril celkom správne. Nemeňte veľkosť, ale orežte obrázok – zmenšite ho na výšku pri rovnakej šírke.

Nenavrhuje téma pri nastavovaní obrázku hlavičky orezať obrázok na odporúčané rozmery?

Výška obrázka 225 pixelov
Nastaviť v štýloch:
.inner-header-image (
poloha: relatívna;
výška: 225px;
veľkosť pozadia: obal;
background-repeat: no-repeat;
pozícia na pozadí: 50 %;
}

Prepíšte tento parameter v ďalších štýloch tém a všetko by malo fungovať.

Nainštaloval som si tému Corporate Blue na svoju testovaciu stránku http://wp5.j807534.z9496.spectrum.myjino.ru Dospel som ku konečnému záveru, že robíte nezmysly. Téma vyzerá skvele s týmto „veľkým“ obrázkom hlavičky na všetkých zariadeniach. Neporušujte tému. Nemôžeš to urobiť lepšie. Ste zvyknutí na staré vzory s úzkymi bannermi v záhlaví.

2Spectrum_Admin (@perdyllo)
Keď kliknete na zadaný odkaz, Chrome zobrazí:

Pozor na malvér!
Stránka wp5.j807534.z9496.spectrum.myjino.ru môže do vášho počítača nainštalovať malvér, ktorý kradne alebo odstraňuje osobné informácie (napríklad fotografie, heslá, správy a údaje o bankových kartách).
Automaticky odosielať spoločnosti Google informácie o možných problémoch so zabezpečením. Zásady ochrany osobných údajov