Kako smanjiti visinu bloka slike zaglavlja? Pravljenje ispravne strukture h1 i podnaslova Pravila za pravilno pisanje h1

Zdravo dragi prijatelji. Danas ćemo pričati o za mene bolnom problemu, odnosno o naslovima h1. Općenito, već znate da ćete nakon instaliranja WordPress teme također morati da je modificirate kako bi odgovarao vašim potrebama. I u redu je prilagoditi dizajn ako trebate kombinirati elemente dizajna , Možda bi se veličine fonta mogle prilagoditi, ali lista može potrajati. U čemu je problem?

Koje sam probleme imao sa h1 naslovima na svom blogu?

Poenta je da sva ova poboljšanja ne bi trebalo da se izgube prilikom ažuriranja teme. Za mene, čim ažuriram temu, da ponovo postavimo sve. Ali trik je drugačiji, elementi dizajna su cvijeće, a trik je u tome što su nakon ovih ažuriranja moji naslovi h1 i h2 prestali raditi i stalno mijenjaju mjesta. Da li znate da pretraživači ne favorizuju sajtove na kojima nedostaje oznaka h1 ili se koristi prečesto.

Ovdje ću vam reći nešto detaljnije. Dakle, gotovo svaka WordPress tema ima mogućnost specificiranja naslova i opisa stranice.

I također instalirajte logo.

I moja tema ima sve ovo. Naslov je napisan oznakom h1, a opis sajta oznakom h2. A ako instalirate logo, on će biti označen kao naslov i bit će uključen u h1 tag.

I čini se da je sve u redu - na glavnoj stranici naslov stranice ima oznaku h1, a naslovi članaka imaju oznaku h2. Ali u člancima i stranicama je isto tako u početku bilo. Štaviše, to nije samo u mojoj temi; u mnogim WordPress temama naslovi članaka i stranica su napisani u h2 tag - što je pogrešno prema SEO pravilima.

Ispravio sam ovu tačku - u člancima i stranicama promijenio sam naslove u h1, a naslov stranice u h2.

Ali sada je ažuriranje prošlo, vizualno sam primijetio samo probleme s dizajnom. Popravio sam i ne moram da brinem ni o čemu. Nakon nekog vremena došlo je do još jednog ažuriranja i, pored dizajna, komentari stabla su prestali raditi. Pa, to sam vizuelno primetio.

To je to, odlučio sam da više ne ažuriram temu, već da je potpuno zamijenim. Ali još nema vremena. Dok to ne uradim, moram da se pozabavim svojom trenutnom temom.

Ali nakon posljednjeg ažuriranja, u stvari, sve se pokazalo gore - oznake h1 i h2 su zamijenjene. Tačnije, slika koju sam koristio kao logo, a koja je bila zatvorena u h1 tag, jednostavno je nestala (na glavnoj stranici). Dakle, na glavnoj stranici uopće nema oznake h1. Ali u člancima i stranicama, naslov stranice dobio je oznaku h1. I prema tome, naslov stranice i naslov članka označeni su oznakom h1. Previse!

Ova zabuna je takođe imala uticaja - naslov sajta je nestao.

I stoga, da bih otklonio ove nedostatke, odlučio sam da je potrebno prikazati naslov stranice s oznakom h1, ovisno o tome koja je stranica otvorena. I to se mora učiniti zaobilazeći funkcije teme.

Kako promijeniti h1 title tag na osnovu uslova

Za sebe sam zacrtao ovaj logičan redoslijed - ako se otvori glavna stranica, rezultati pretraživanja, arhiva, općenito, bilo koja stranica, osim članaka i pojedinačnih stranica, onda bi naslov stranice trebao biti označen oznakom h1.

Ako se otvori članak ili posebna stranica, naslov stranice treba biti označen oznakom h2.

Dakle, krenimo s realizacijom naših planova.

Kao što znate, u skoro svim temama šablon se sastoji od nekoliko blokova i blokova kao što su zaglavlje (header.php), podnožje (footer.php), traka stranice (sidebar.php) su povezani kao zasebni elementi na glavnu stranicu (indeks .php), članci (single.php), stranice (page.php).

Stoga se naslov i opis stranice nalaze u zaglavlju ( header.php). I samo treba da napišete uslov koji će promeniti h1 tag u zavisnosti od toga koja se stranica otvori.

A da biste to učinili, otvorite WP administrativni panel – "izgled" — "Urednik" — "Zaglavlje (header.php)".

Morate pronaći red koda sa oznakom h1, u nekim slučajevima to može biti i oznaka h2. U svakom slučaju, morate obratiti pažnju na sadržaj ovih redova. U početku je moja tema bila ovakva.

Naslov stranice.

">

Opis stranice.

To je ono što će se morati ispraviti. Možete dodati samo mikro označavanje u opis stranice, ali mi ćemo raditi s naslovom stranice.

Dakle, prije reda koda sa naslovom h1, umetnite ovaj kod:

Ovo stanje znači: Ako su (ako) otvorene “ne” (!) članak (is_single) i (&&) “ne” (!) stranica (is_page), naslov stranice će biti označen oznakom h1.

A nakon reda sa h1 kodom, morate zatvoriti uvjet sa ovim kodom:

Kao rezultat, trebali biste završiti s nečim poput ovoga:

">

A sada, po analogiji, dodajemo još jedan uslov, odmah iza prvog:

">

Ovo stanje znači: Ako je (ako) članak (is_single) ili (||) otvorena stranica (is_page), naslov stranice će biti označen oznakom h2.

Obratite pažnju da sam promenio oznaku naslova u drugom uslovu iz h1 u h2. Također možete zamijeniti h1 paragrafom (p) ili blokovima div i span. Važno je!

Sačuvajte datoteku i provjerite.

Kako bi trebalo biti nakon implementacije uslova

Na glavnoj stranici, naslovima, pretraživanju i tako dalje, naslov stranice treba biti označen oznakom h1, a svi naslovi članaka itd. trebaju biti h2, h3...

Kada otvorite članak ili posebnu stranicu, naslov stranice se mijenja u h2. Ako ste promijenili h2 u p, div, span u prethodnom koraku, tada će vaše promjene biti odgovarajuće. Samo ne zaboravite dodati stilove za ove elemente.

Ovdje je vrlo važno provjeriti u fajlovima single.php i page.php da su naslovi članaka i stranica označeni oznakom h1. Ako to nije slučaj za vas, otvorite ove datoteke i ispravite brojeve.

Rezimirajući

Ovim rješenjem sam se riješio konflikta sa oznakama naslova h1 i h2 i vratio funkcionalnost mikro markupa. Samo nekoliko linija koda, ali kakva pogodnost.

Prijatelji, ako imate sličnu situaciju, uzmite ovo u obzir.

I na kraju, video tutorijal na ovu temu. Pokazat ću na svom blogu kako ova metoda funkcionira.

I to je sve za mene danas. Želim vam svima dobro raspoloženje i vidimo se u novim člancima i video tutorijalima.

Kako su naslovi rangirani na WordPress sajtu i zašto bi na svakoj stranici trebalo da postoji samo jedan naslov najvišeg nivoa? Pogledat ćemo kako provjeriti broj H1 oznaka na web stranici i što učiniti da izbjegnemo njihovo dupliranje u temi.

Koliko naslova sa oznakom H1 može biti na WordPress stranici?

Predložak stranice je strukturiran korištenjem naslova H1 do H6. Kako se broj povećava, veličina fonta se obično smanjuje, a naslovi su ugniježđeni 1 u 1. Za WordPress stranice, H1 zaglavlje je obično rezervirano za naslov stranice, H2 se koristi za sadržaj važnih elemenata stranice. Dublji nivoi - podnaslovi - nalaze se u telu članaka kako bi formirali strukturu teksta i lakoću čitanja.

Važno je da na stranici postoji samo jedan H1 naslov, jer fokusira pažnju na informacije kojima je stranica stranice posvećena. Ako iz nekog razloga instalirana WordPress tema sadrži nekoliko naslova označenih oznakom H1, pretraživači to mogu smatrati pokušajem preoptimizacije ili neželjene pošte i snižavanja rangiranja stranice u rezultatima pretraživanja.

Obratite pažnju na to kako WordPress kreira različite nivoe naslova kada dodate stranicu ili objavu.

U prozoru za uređivanje posta ili stranice postoji posebno polje za pisanje naslova (1). Ovo je mjesto gdje se nalazi naslov najvišeg nivoa. Označit će se oznakom H1 direktno na stranici posta ili oznakom H2 ako je na glavnoj stranici prikazano nekoliko objava. U potonjem slučaju, takvo zaglavlje je veza do stranice s punim sadržajem posta.
Prozor uređivača teksta uključuje tijelo članka (2), što vam omogućava da formatirate tekst pomoću trake sa alatkama (3). Ovdje više nije potrebna upotreba naslova prvog nivoa; koristite nivoe H2–H6 da strukturirate članak i izbjegnete neželjenu poštu.

Virtualni web hosting za popularni CMS:

Kako provjeriti da li su H1 duplikati u WordPress predlošku

Da biste provjerili broj naslova najvišeg nivoa, morate otvoriti kod stranice i prebrojati strukture počevši od oznake

. Imajte na umu da je ova oznaka uparena, zatvorena je konstrukcijom

. Sve što se nalazi između njih pripada naslovu prvog nivoa.

Provjera koda se vrši na jedan od sljedećih načina:

Dok ste na željenoj stranici stranice, pritisnite kombinaciju tipki CTRL + U. Otvorit će se kod u kojem trebate pronaći sve H1 oznake. Da biste olakšali pretragu, koristite kombinaciju CTRL + F.
Kliknite desnim tasterom miša bilo gde na stranici i izaberite Prikaži izvor stranice. Zatim potražite H1 oznake.
Zadržite pokazivač miša iznad naslova koji želite, kliknite desnim tasterom miša i odaberite Pregledaj element. U prozoru koji se otvori bit će označen kod za navedeni element stranice.

Na primjer, pregled naslova posta na glavnoj stranici web-mjesta pokazuje da on pripada drugom nivou H2 naslova i sadrži link za odlazak na novu stranicu.

Ako postoji nekoliko naslova, trebate promijeniti neke od njih

Prilikom direktnog odlaska na stranicu posta, pregled istog naslova već ima status zaglavlja prvog nivoa, što je označeno oznakom H1. Pregledajte kod stranice - ovo bi trebalo biti jedino zaglavlje. Ako se otkriju druge H1 oznake, kod se mora ispraviti. Ako je naslov dupliran u predlošku stranice, potrebno je zamijeniti izlaz ovih elemenata drugom oznakom na svim mjestima osim naslova stranice, npr. , dodajući slične stilove u CSS datoteku. U ovom slučaju, izgled predloška će ostati isti, ali pretraživači neće smatrati stranicu preoptimiziranom.

Kako popraviti dupla zaglavlja u WordPress temi i ukloniti nepotrebna

U nekim predlošcima, naziv stranice zajedno sa logotipom često je umotan u H1 oznake. Ovo rezultira dupliranjem naslova prvog nivoa, jer će ista oznaka biti umotana u naslov posta ili stranice.

Ako pronađete takvu grešku u temi koju koristite, potrebno je da odete u editor koda u WordPress adminu i otvorite šablon header.php. Dodajte uslovnu konstrukciju poput ove u svoj predloški kod:

Kod za postavljanje logotipa na glavnu stranicu

Kod za postavljanje logotipa na druge stranice

U ovom slučaju, samo na glavnoj stranici logotip će se pojaviti unutar H1 tagova; na svim ostalim više neće duplirati naslove najvišeg nivoa predstavljene naslovima postova.

Da biste promijenili veličinu zaglavlja, morate odrediti veličinu u css stilovima

Mnogi moderni WordPress predlošci omogućavaju vam da promijenite veličinu glavnih tekstualnih elemenata u postavkama predloška. Samo idite na admin panel u odjeljku "Izgled" - "Teme" - "Prilagodi" za trenutni predložak i promijenite željenu veličinu naslova i tekstova. Ako to nije moguće, morat ćete pronaći kod za veličinu fonta koji se odnosi na h1 zaglavlje u datoteci style.css i postaviti željenu veličinu.

Na mojim vrhunskim informativnim projektima, prvo stručnjak za tu temu sastavlja strukturu članka (naslovi i podnaslovi), a zatim autori tekstova pišu tekst na osnovu njih.

Struktura je zapravo veoma važna ako vam je stalo do kvaliteta. A da biste kreirali normalnu strukturu, morate razumjeti kako funkcionišu h oznake.

h1 je glavni podnaslov u članku, obično se postavlja iznad teksta.

Prvi naslov bi trebao biti vizualno veći od ostalih naslova na stranici.

h2-h6 su mali podnaslovi koji su postavljeni prema principu ugniježđenja.

Čemu uopće služe zaglavlja?

Za one koji nisu baš upoznati s temom, evo, u principu, dobrog videa o osnovama sastavljanja podnaslova h1-h6. Ako se ne smatrate stručnjakom, pogledajte:

I za konsolidaciju materijala, malo slabiji video:

Naslovi su dizajnirani da istaknu u jednoj frazi ili čak riječi glavnu suštinu, ideju sljedećeg teksta. Obično osoba prvo skrene pažnju na njih, odlučujući hoće li pročitati ostatak materijala. Naslovi su posebno važni u reklamnim tekstovima i pismima i služe kao glavni alat za privlačenje pažnje ciljne publike.

U kodu oznaka izgleda ovako:

, gdje slovo h dolazi od riječi “header”, što znači “naslov”. Svaki nivo je označen odgovarajućim brojem.

H-oznake kroz oči ljudi

Tekst podijeljen na podnaslove izgleda urednije i lakši je za čitanje. Moderni korisnik odavno je naučio skenirati članke u samo nekoliko sekundi i brzo donijeti zaključke o tome vrijedi li pročitati cijeli tekst i sadrži li on korisne informacije koje traži. Naslovi upadaju u oči, ističući glavnu stvar i dajući korisniku priliku da analizira materijal.

Oznake h1, h2, h3, h4, h5, h6 omogućavaju vam da kreirate neku vrstu mape za čitaoca pomoću koje se može brzo kretati po tekstu. A ako ovi naglasci uspiju privući pažnju, osoba će se zadržati na stranici i vjerovatno će pročitati cijeli članak. Rezultat možete provjeriti koristeći faktore ponašanja. Ako ljudi ostanu na stranici i poduzmu neke radnje, to znači da SEO posao nije obavljen uzalud.

H-oznake očima pretraživača

Roboti za pretraživanje prikupljaju informacije od njih za semantičku analizu. Nivoi naslova h1, h2, h3 su od posebne važnosti za botove. Njihova nedosljedna ili pogrešna primjena može negativno utjecati na rangiranje stranice. Ako u HTML kodu uopće nema h-tagova, tada će stranica imati poteškoća u promociji. Nivoi h4, h5, h6 su manje značajni.

Hijerarhija H-tagova

Glavno pravilo u uređenju naslova je njihova hijerarhija. Nije neophodno da oznake prate jedna drugu veličinom, ali je neprihvatljivo koristiti npr. h3 u tekstu ako nigde nemate meta h2, ili koristite h6 bez h5.

Ovako izgleda hijerarhija sa ispravnim ugniježđenjem:

Šta je h1 oznaka?

Oznaka h1 je sadržaj teksta (poput naslova knjige ili naslova novinskog članka).

Svaka stranica treba da ima jednu i samo jednu h1 oznaku.

Što se tiče atraktivnosti za korisnika, to je od primarnog značaja. Ali za SEO promociju, .

Naslov je također naslov, ali nije napisan samo za ljude, već i za robote. Ne prikazuje se na samoj stranici, već samo na kartici pretraživača i u isječku kao aktivna veza do stranice. U stvari, naslov je alternativa, ali glavni naslov za HTML dokument. Ako nedostaje, onda pretraživač uzima h1 kao osnovu i koristi ga u srpu.

Zašto bi se h1 trebao razlikovati od Title?

Veoma je važno shvatiti da su h1 i Title različiti naslovi. I shodno tome, moraju se vješto kombinirati. Evo osnova o ovoj temi:

Zanemarivanje pravila za jedinstvenost i relevantnost naslova može dovesti do toga da stranica potpadne pod filter. Nedavno su pretraživači počeli da obraćaju posebnu pažnju na kvalitet sadržaja i njegove SEO postavke. Kažnjivi su duplikati, prekomjerna neželjena pošta, haotično postavljanje naslova i njihova neusklađenost sa sadržajem.

Zahtjevi za dužinu H1

Preporučljivo je da H1 bude sažetiji od naslova, ne prekoračujući broj znakova veći od 50. Ali neće biti katastrofa ako se naslov pokaže dužim, kada nije moguće ugurati cijelu suštinu u naznačeno broj.

Posebni dodaci za WordPress vam omogućavaju da analizirate ispravno popunjavanje svih meta direktno u uređivaču.

Pravila za pravilno pisanje h1

Mora biti jedinstven za cijelu stranicu i apsolutno čitljiv;
Ne ponavlja oznaku naslova, ali nije ni kontradiktorna;
Ne bi trebalo da bude predugačak (naslov možete učiniti obimnijim);
Koristi se samo jednom po stranici;
Relevantno za tekst i odražava semantičku suštinu materijala;
Zanimljiva i atraktivna za korisnika;
Ne možete staviti tačku na kraj i preporučuje se da znakove interpunkcije koristite na minimum.

Primjena ključeva

Glavne ključne fraze, prije svega, treba da budu sadržane u naslovu. Ali ih također treba napisati u h1. U oba slučaja bolje je to učiniti na samom početku. Ali bilo bi bolje da se ključne riječi ne dupliciraju u ove dvije oznake. Morate koristiti različite oblike riječi ili razrijeđena pojavljivanja u h1 i direktna pojavljivanja u naslovu.

Neki uzimaju sve ključeve na stranici i koriste ih za kreiranje strukture članka. Odmah imajte na umu da će bez cool PF-ova takvo raspršivanje ključeva u podnaslovima biti kažnjeno filterom za prekomjernu neželjenu poštu.

Psihološke tehnike za pisanje atraktivnog naslova

Naslov bi trebao biti privlačan. Evo video snimka Maksima Iljahova, specijaliste za oblast medija, rektora Škole urednika i kreatora usluge Glavred:

Evo još nekoliko "trikova" koji se koriste prilikom pisanja naslova.

Rješenje

Zapamtite da čovjek uvijek traži ne informacije ili dobra, već prije svega rješenje svojih problema, želja, potreba. Bavite se tačno predviđenim problemom ciljne publike

Primjer dobrog naslova: „Opada li ti kosa? Zaustavite gubitak kose za nedelju dana."
Primjer lošeg naslova: "Može li se zaustaviti gubitak kose?"

U prvom slučaju jasno identificiramo problem i nudimo konkretno rješenje. U drugom slučaju, problem je indirektno pogođen i opcije za njegovo rješavanje su zamagljene.

Intriga

Primjer dobrog naslova: “Otkrivanje tajne najefikasnijeg recepta za gubitak kose.”
Primjer lošeg naslova: “Najbolji recept za gubitak kose.”

Prijemni "ispit"

Rečenica napisana u ovoj formi izaziva čitaoca, pozivajući ga da se testira.

Primjer dobrog naslova: „Jeste li sigurni da se pravilno borite protiv gubitka kose?“
Primjer lošeg naslova: "Znate li sve o gubitku kose."

Naravno, ovo nisu sve metode koje utiču na percepciju osobe i privlače njen interes. Pročitajte knjige o marketingu kako biste saznali više ako ste zainteresirani za ovu temu. Inače, naslov može biti i “primamljiv”. Štoviše, najvjerovatnije je on taj koji je istaknut u rezultatima pretraživanja. Možete provjeriti njegov prikaz nakon što je stranica indeksirana.

Zašto su potrebni podnaslovi h2-h6?

Oznake od h2 do h6 nalaze se u tijelu samog članka, strukturalno ga dijeleći na tematske pasuse, te u kodu HTML dokumenta, naglašavajući njegove bitne elemente. Također ih identificiraju roboti za pretraživanje za semantičku analizu stranice.

Potrebni su za hijerarhijski označavanje svega važnog i vrijednog pažnje korisnika na stranici. Ova struktura pomaže osobi da se brzo snalazi u informacijama i procjenjuje njihovu usklađenost s njihovim potrebama.

h2 – usmjerava pažnju korisnika i pretraživača na glavni sadržaj članka. Prikazuje najvažnije stvari u tekstu.

h3 je podstavka za informacije koje idu pod H2, otkrivajući ih još dublje.

h4, h5, h6 – definisani su kao ugniježđeni podnaslovi (detaljno otkrivaju suštinu H2 ili H3) i koriste se u tekstu, kao isticanje malih tačaka i značajnih riječi, kao i u meniju, bočnoj traci i drugim komponentama web dokument.

Svi h-tagovi moraju biti duži od 50 znakova.

Kako pravilno napisati podnaslove h2-h6

Nemoguće je da najmanji podnaslov bude prisutan bez većeg. Odnosno, ako tekst sadrži meta oznaku h4, onda mu moraju prethoditi h2 i h3.
Što je viši nivo zaglavlja, to bi font trebao biti veći. U WordPress-u su zadane postavke obično postavljene tako da se oznake automatski pravilno formatiraju.
Svi h-tagovi moraju odgovarati sadržaju sadržaja i odražavati suštinu informacija.
Neprihvatljivo je koristiti h1-h6 kao sidra ili aktivne veze.
Ne možete pisati druge oznake unutar h oznake.
U h-tagovima su dozvoljeni samo tekst i interpunkcija.
Podnaslovi ne bi trebali sadržavati ključne riječi spam. Najbolje je koristiti ključne riječi u naslovu, h1, h2, a u manjim, kao što su h3, h5, h6, fokusirati se na detaljnu raspravu o temi.

Ako izgled stranice sadrži naslov i glavni naslov H1, ali sam tekst članka nije prevelik i ne sadrži podnaslove, to nije greška. U TOP-u ima dosta stranica na kojima je sadržaj gotovo neprekidna traka, možda podijeljena u paragrafe. Možete zauzeti vodeću poziciju bez "čarolija" preko označavanja teksta, stavljajući veći naglasak na to. WordPress stranice se lako indeksiraju od strane pretraživača. Ali ipak, korištenje ovih oznaka ne samo da olakšava zadatak, već i sadržaj čini lakšim i ugodnijim za vizualnu percepciju.

Kako popuniti h-tagove u WordPress-u

h1 se obično popunjava u polju iznad teksta u postu:

Da biste napravili podnaslove h2-h6, potrebno je da odaberete željeni element i, pomerajući kursor preko kartice "naslovi", odaberete onaj koji vam je potreban klikom na njega. Uradite isto za svaki od podnaslova, uključujući ih u željenom formatu.

Postoji još jednostavniji način - možete ukucati tekst u Word koristeći potrebne oznake i jednostavno kopirati i zalijepiti članak u WordPress editor. Naslovi odabrani u Wordu automatski će se pojaviti u potrebnim veličinama. Ako je potrebno, možete ih ispraviti koristeći WordPress CMS editor alate.

Struktura WordPress članka je unaprijed određena pravilima pretraživača i shodno tome utječe na promociju vašeg članka u rezultatima pretraživanja. Kada počinjete da pišete novi članak, ne morate samo da razmišljate o njegovoj temi i svrsi, već i da uredite njegov sadržaj u određenu strukturu. Struktura članaka i upotreba h1 tagova u WordPress blogu će biti razmotrena u ovom članku. Počnimo sa osvrtom na osnovne elemente web stranica.

Osnovni elementi web stranice

Kada pišete svoj sljedeći članak, morate razumjeti da je na Internetu vaš tekst skup određenih znakova, kodiranih, okružen određenim HTML elementima za označavanje (tagovima). Pošto oznake za pretraživače imaju hijerarhiju prioriteta, strukturu teksta članka treba graditi u skladu sa ovom hijerarhijom.

Naslovi članaka

Struktura WordPress članka treba da počinje glavnim elementom web stranice – naslovom. Naslov članka se odražava u rezultatima pretrage i prikazuje se na najistaknutijem mjestu (na vrhu) prilikom otvaranja stranice. Osim toga, naslov članka je veza do vašeg bloga kada se vidi u rezultatima internetske pretrage. Naslov članka mora biti uokviren oznakom naslov.

Struktura WordPress članka – H1 oznaka

Drugi najvažniji element web stranice je naslov stranice uokviren u oznaku h1. Ovo je obavezna oznaka web stranice. Štaviše, važno je napomenuti da bi ova oznaka trebala biti jedina unutar otvorene web stranice (ne cijelog bloga). Nekoliko h1 oznaka "iritira" pretraživače i prije ili kasnije će izbaciti ovu stranicu iz pretraživanja.

Oznake H2-H6

Kao što vidite u tekstu postoji jedan element h1, a svi ostali su raspoređeni u jasnu strukturu stabla.

Struktura WordPress članka: kako je napraviti

Struktura WordPress članka može se strukturirati na dva načina.

Prvo. Pisanje članka u HTML-u zahtijeva ne samo poznavanje jezika, već i ozbiljnu praksu.
Druga opcija, jednostavnije. Formirajte strukturu WP članaka u njegovom vizuelnom uređivaču. Pokazat ću vam kako se to radi.

Idite na Konzola → Unosi → Dodaj unos.
Svaki vizuelni uređivač koji je instaliran na vašem WordPress blogu ima dugme : Paragraf.
Pomoću ovog dugmeta formira se struktura WordPress članka koja je „ugodna“ pretraživačima.

Ali ovo uređivanje se odnosi samo na sadržaj članka i ni na koji način ne utiče na naslov članka. Uokvirivanje naslova članka u tagove title i h1 definirano je u predlošcima WordPress tema. A pošto šablone kreiraju ljudi, njihove greške se moraju ispravljati ručno.

Šta bi moglo biti pogrešno u WordPress predlošcima u odnosu na title i h1 oznake? Pogledajmo ovo detaljnije.

Title i h1 oznake u WordPress predlošcima

Mnogi WordPress predlošci uopće ne koriste oznaku h1.

Između ostalog: Možete provjeriti da li su naslovi vaših članaka uokvireni h1 oznakama na sljedeći način. Otvorite bilo koji od vaših WP blogova. Kliknite desnim tasterom miša na stranicu i otvorite „Izvor stranice“. Kada je kod otvoren, pritisnite Ctrl + F (ovo je pretraga na stranici) i potražite h1. Ovisno o tome postoji li oznaka h1 koja se posebno odnosi na sadržaj objave ili ne, ovisit će o vašim sljedećim koracima.

I evo još jedne napomene. Znam puno WP blogova koji rade bez h1 oznaka u svojim šablonima. Istovremeno, imaju odlične rezultate pretraživanja. Na ovo ću reći samo jedno. Pretraživači vole oznaku h1. To je osnova svih oznaka članka. A to nesumnjivo ima pozitivan učinak na rangiranje WP bloga. Dakle, na vama je da odlučite da li ćete koristiti h1 u svom WP blogu ili ne. Jedna stvar je ovdje važna. Ne treba pretjerivati sa h1 oznakama. Trebao bi biti jedan h1 tag po stranici.

Kako umetnuti H1 oznaku u WordPress blog šablon

Prije nego što vam kažem kako da umetnete h1 oznaku u WordPress predložak bloga, fokusirat ću se na datoteke WP teme. upisuju se za svaku temu posebno.

Možete uređivati datoteke šablona direktno na serveru u WP direktorijumu tako što ćete se povezati na njega preko FTP-a. Ili lakše, idite na, zatim Konzola → Izgled → Uređivač. Na desnoj strani prozora koji se otvori, bit će vidljive sve datoteke šablona za vašu WP temu.

Međutim, potrebno je da pravilno i bezbedno uredite datoteke šablona u uređivaču kao što je Notepad++. Kopirajte datoteku koju uređujete, uredite je u editoru i spremite novu kopiju, prenesite je u šablon.

U ovom članku zanimaju nas dvije datoteke za uređivanje:

Datoteka glavne stranice. Možda index.php ili loop.php
Datoteka zasebnog otvorenog članka: Moguće single.php ili loop-single.php.

Morate urediti kod tako da oznaka h1 bude sama na otvorenoj web stranici i da uokviruje naslov otvorenog članka.

Ispravljanje oznake h1 u jednom post fajlu

Za uređivanje datoteka koristimo uređivač teksta kao što je Notepad++. Također imamo kopiju stranice pri ruci u slučaju fatalnih grešaka.

Idite na Konzola → Izgled → Uređivač → Fajl posebno otvorenog članka. Tražimo kod koji je odgovoran za prikaz zaglavlja. Komad šablona:

/* Dio uzorka sa jednom petljom

I promijenite h2 oznake u njemu u h1 oznake:

Ono što ostaje je čisti kod zaglavlja uokviren h1 oznakama.

Traži:ili naziv-stranice ili naslov-stranice.
Ako je oznaka h1 unutar diva, jednostavno je uklonite.
Ako h1 oznake>

Ubacite h1 tag na glavnu stranicu WP bloga

Na glavnoj stranici bloga, koja odražava najnovije članke, situacija je malo drugačija. Pošto na glavnoj stranici postoji nekoliko naslova, oni moraju biti uokvireni oznakama h2, a ne h1.

Da biste to uradili, otvorite datoteku u uređivaču: index.php ili loop.php;
Tražimo kod koji prikazuje nazive članaka na glavnoj stranici;
I promijenite oznaku h1 u oznaku h2. Ne zaboravite da sačuvate.

" rel="bookmark">

"alignleft")); ?>

/* Početna stranica, Šablon: index.php ili loop.php

" rel="bookmark">

/*promijeniti u

" rel="bookmark">

Sve. Struktura WordPress članka je izgrađena, a nije korišten niti jedan dodatak. međutim, sa ažuriranjem šablona, sve će se morati ponoviti ponovo.

Prikaži 11 odgovora - 1 do 11 (ukupno 11)

Vjerovatno bismo trebali početi sa smanjenjem veličine slike koja se koristi u naslovu. Koju veličinu slike zaglavlja preporučuje tema?

P.S. Lično ne vidim ništa loše ili ružno ni na računaru ni na pametnom telefonu. Izgleda da ste samo fiksirani na gluposti.

Hvala na odgovoru! Smanjenje veličine slike ne dovodi do ničega, njen kvalitet se na kraju jednostavno pogoršava (rasteže se na istu širinu). Možda sam zapeo, jednostavno nisam navikao na ovaj dizajn, hteo sam da shvatim kako da ga promenim

Možda se nisam sasvim korektno izrazio. Ne mijenjajte veličinu, već izrežite sliku - smanjite je po visini uz istu širinu.

Zar tema ne predlaže izrezivanje slike na preporučene dimenzije prilikom postavljanja slike u zaglavlju?

Visina slike 225 piksela
Postavljeno u stilove:
.inner-header-image (
položaj: relativan;
visina: 225px;
veličina pozadine: korice;
background-repeat: bez ponavljanja;
pozadinski položaj: 50%;
}

Zaobiđite ovaj parametar u dodatnim stilovima teme i sve bi trebalo raditi.

Instalirao sam Corporate Blue temu na svom testnom sajtu http://wp5.j807534.z9496.spectrum.myjino.ru i došao sam do konačnog zaključka da radite gluposti. Tema izgleda sjajno s ovom "velikom" slikom zaglavlja na svim uređajima. Ne prekidaj temu. Ne možeš bolje. Jednostavno ste se navikli na stare dizajne sa uskim banerima u zaglavlju.

2Spectrum_Admin (@perdyllo)
Kada kliknete na navedeni link, Chrome prikazuje:

Čuvajte se malvera!
Stranica wp5.j807534.z9496.spectrum.myjino.ru može instalirati zlonamjerni softver na vaš računar koji krade ili briše lične podatke (na primjer, fotografije, lozinke, poruke i podatke o bankovnoj kartici).
Automatski pošaljite informacije o potencijalnim sigurnosnim problemima Googleu. Politika privatnosti