Luomme oikean h1- ja alaotsikkorakenteen. Artikkelin otsikot H1, H2, H3 WordPressissä sekä tapoja näyttää luokkia (the_content, the_excerpt ja muut) Kuinka selvittää, onko sivun otsikko h1-tagissa vai ei

Huipuillani tiedotusprojekteja Ensin aiheen asiantuntija laatii artikkelin rakenteen (otsikot ja alaotsikot), jonka jälkeen tekstinkirjoittajat kirjoittavat tekstin niiden perusteella.

Rakenne on itse asiassa erittäin tärkeä, jos välität laadusta. Normaalin rakenteen luomiseksi sinun on ymmärrettävä, miten h-tunnisteet toimivat.

h1 on artikkelin pääalaotsikko, joka yleensä sijoitetaan tekstin yläpuolelle.

Ensimmäisen otsikon tulee olla visuaalisesti suurempi kuin sivun muut otsikot.

h2-h6 ovat pieniä alaotsikoita, jotka on sijoitettu sisäkkäisperiaatteen mukaan.

Mitä varten otsikot edes ovat?

Niille, jotka eivät ole kovin perehtyneet aiheeseen, tässä on periaatteessa hyvä video alaotsikoiden h1-h6 laatimisen perusteista. Jos et pidä itseäsi asiantuntijana, katso:

Ja materiaalin vahvistamiseksi hieman heikompi video:

Otsikot on suunniteltu korostamaan yhdessä lauseessa tai jopa sanassa seuraavan tekstin pääolemus, idea. Yleensä henkilö kiinnittää huomionsa niihin ensin päättäessään, lukeeko hän muun materiaalin. Otsikot ovat erityisen tärkeitä mainosteksteissä ja -kirjeissä, ja ne toimivat päävälineenä kohdeyleisön huomion kiinnittämisessä.

Koodissa tagi näyttää tältä:

, jossa h-kirjain tulee sanasta "otsikko", joka tarkoittaa "otsikkoa". Jokainen taso on merkitty vastaavalla numerolla.

H-tunnisteet ihmisten silmien kautta

Alaotsikoihin jaettu teksti näyttää siistimmältä ja on helpompi lukea. Nykyaikainen käyttäjä on pitkään oppinut skannaamaan artikkeleita muutamassa sekunnissa ja tekemään nopeasti johtopäätöksiä siitä, kannattaako lukea koko teksti ja sisältääkö se etsimäänsä hyödyllistä tietoa. Otsikot kiinnittävät huomiota, korostavat pääasiaa ja antavat käyttäjälle mahdollisuuden analysoida materiaalia.

Tunnisteet h1, h2, h3, h4, h5, h6 antavat mahdollisuuden luoda lukijalle eräänlaisen kartan, jonka avulla hän voi nopeasti navigoida tekstissä. Ja jos nämä kohokohdat onnistuvat kiinnittämään huomion, henkilö viipyy sivulla ja lukee luultavasti koko artikkelin. Voit tarkistaa tuloksen käyttämällä käyttäytymistekijöitä. Jos ihmiset pysyvät sivulla ja ryhtyvät toimiin, se tarkoittaa, että SEO-työtä ei tehty turhaan.

H-tunnisteet hakukoneiden silmin

Hakurobotit keräävät heiltä tietoa semanttista analyysiä varten. Otsikkotasot h1, h2, h3 ovat erityisen tärkeitä boteille. Niiden epäjohdonmukainen tai virheellinen käyttö voi vaikuttaa negatiivisesti sivun sijoitukseen. Jos HTML-koodissa ei ole h-tageja ollenkaan, sivustolla on vaikeuksia mainostaa. Tasot h4, h5, h6 ovat vähemmän merkittäviä.

H-tunnisteiden hierarkia

Pääsääntö otsikoiden järjestämisessä on niiden hierarkia. Tunnisteiden ei tarvitse seurata toisiaan kooltaan, mutta esimerkiksi h3:a ei saa käyttää tekstissä, jos h2-metaa ei ole missään, tai h6:ta ilman h5:tä.

Tältä hierarkia näyttää oikean sisäkkäisyyden kanssa:

Mikä on h1-tunniste?

h1-tunniste on tekstin sisällysluettelo (kuten kirjan nimi tai sanomalehtiartikkelin otsikko).

Jokaisella sivulla tulee olla yksi ja vain yksi h1-tunniste.

Käyttäjän houkuttelevuuden kannalta se on ensiarvoisen tärkeää. Mutta hakukoneoptimoinnin edistämiseksi .

Otsikko on myös otsikko, mutta se ei ole kirjoitettu vain ihmisille, vaan myös roboteille. Sitä ei näytetä itse sivulla, vaan vain selaimen välilehdessä ja katkelmassa aktiivisena linkkinä sivustolle. Itse asiassa otsikko on vaihtoehto, mutta pääotsikko HTML-dokumentille. Jos se puuttuu, niin hakukone ottaa h1:n perustaksi ja käyttää sitä sirpissä.

Miksi h1:n pitäisi olla erilainen kuin otsikko?

On melko tärkeää ymmärtää, että h1 ja otsikko ovat eri otsikot. Ja vastaavasti ne on yhdistettävä taitavasti. Tässä ovat tämän aiheen perusteet:

Otsikoiden ainutlaatuisuutta ja osuvuutta koskevien sääntöjen laiminlyönti voi johtaa siihen, että sivusto jää suodattimen alle. Viime aikoina hakukoneet alkoi maksaa Erityistä huomiota sisällön laatu ja sen SEO-asetukset. Kopiointi, roskaposti, kaoottinen otsikoiden sijoittaminen ja niiden ristiriita sisällön kanssa ovat rangaistuksia.

Pituusvaatimukset H1

H1:stä on suositeltavaa tehdä tiiviimpi kuin Otsikko, enintään 50 merkkiä. Mutta se ei ole katastrofi, jos otsikko osoittautuu pidemmäksi, kun ei ole mahdollista puristaa koko olemusta ilmoitettuun määrä.

WordPressin erikoislaajennukset mahdollistavat analysoinnin oikea täyttö kaikki metat suoraan editorissa.

Säännöt h1:n kirjoittamiseen oikein

  • Sen on oltava ainutlaatuinen koko sivustolle ja ehdottomasti luettavissa.
  • Ei toista otsikkotunnistetta, mutta ei myöskään ole ristiriidassa sen kanssa;
  • Älä tee siitä liian pitkää (voit tehdä otsikosta laajemman);
  • Käytetty vain kerran sivulla;
  • Tekstin kannalta relevantti ja heijastaa materiaalin semanttista olemusta;
  • Mielenkiintoinen ja houkutteleva käyttäjälle;
  • Pistettä ei voi laittaa loppuun ja on suositeltavaa käyttää välimerkkejä mahdollisimman vähän.

Avaimien käyttäminen

Tärkeimmät avainsanat tulee ensinnäkin sisällyttää otsikkoon. Mutta ne pitäisi myös kirjoittaa h1:ssä. Molemmissa tapauksissa on parempi tehdä tämä heti alussa. Mutta olisi parempi, jos avainsanat eivät toistaisi toisiaan näissä kahdessa tunnisteessa. Sinun on käytettävä eri sanamuotoja tai laimennettuja esiintymiä h1:ssä ja suoria esiintymiä otsikossa.

Jotkut ottavat kaikki sivun avaimet ja käyttävät niitä artikkelirakenteen luomiseen. Huomaa heti, että ilman viileitä PF:itä tällainen avainten hajoaminen alaotsikoissa rankaisee roskapostisuodattimen.

Psykologisia tekniikoita houkuttelevan otsikon kirjoittamiseen

Otsikon tulee olla tarttuva. Tässä on video Maxim Ilyakhovilta, media-alan asiantuntijalta, toimittajien koulun rehtorilta ja Glavred-palvelun luojalta:

Tässä on pari muuta "temppua", joita käytetään otsikoita kirjoitettaessa.

Ratkaisu

Muista, että ihminen ei aina etsi tietoa tai tavaroita, vaan ennen kaikkea ratkaisua ongelmiinsa, toiveisiinsa, tarpeisiinsa. Käsittele juuri kohdeyleisön aiottua ongelmaa

Esimerkki hyvästä otsikosta: "Lähtelevätkö hiuksesi? Lopeta hiustenlähtösi viikossa."
Esimerkki huonosta otsikosta: "Voidaanko hiustenlähtöä pysäyttää?"

Ensimmäisessä tapauksessa tunnistamme ongelman selkeästi ja tarjoamme konkreettisen ratkaisun. Toisessa tapauksessa ongelma vaikuttaa epäsuorasti ja sen ratkaisumahdollisuudet hämärtyvät.

Juonittelu

Esimerkki hyvästä otsikosta: "Paljastaa tehokkaimman hiustenlähtöreseptin salaisuuden."
Esimerkki huonosta otsikosta: "Paras resepti hiustenlähtöön."

Vastaanotto "tentti"

Tässä muodossa kirjoitettu lause haastaa lukijan ja kutsuu hänet testaamaan itseään.

Esimerkki hyvästä otsikosta: "Oletko varma, että taistelet hiustenlähtöä oikein?"
Esimerkki huonosta otsikosta: "Tiedätkö kaiken hiustenlähtöstä."

Nämä eivät tietenkään ole kaikki menetelmät, jotka auttavat vaikuttamaan henkilön käsitykseen ja herättämään hänen kiinnostuksensa. Lue markkinointia koskevia kirjoja saadaksesi lisätietoja, jos olet kiinnostunut tästä aiheesta. Muuten, otsikko voi olla myös "houkutteleva". Lisäksi todennäköisesti hän on korostettu hakutuloksissa. Voit tarkistaa sen näytön sivun indeksoinnin jälkeen.

Miksi alaotsikot h2-h6 tarvitaan?

Tunnisteet h2:sta h6:een sijaitsevat itse artikkelin rungossa, jakaen sen rakenteellisesti temaattisiin kappaleisiin, ja HTML-dokumentin koodissa korostaen sen tärkeitä elementtejä. Hakurobotit tunnistavat ne myös sivun semanttista analyysiä varten.

Tarvitaan hierarkkisesti nimeämään kaikki tärkeä ja katsomisen arvoinen käyttäjä sivulla. Tämä rakenne auttaa henkilöä navigoimaan tiedoissa nopeasti ja arvioimaan sen vastaavuutta tarpeisiinsa.

h2 – keskittää käyttäjien ja hakukoneiden huomion artikkelin pääsisältöön. Näyttää tärkeimmät asiat tekstissä.

h3 on H2:n alle menevän tiedon alakohta, joka paljastaa sen entistä syvemmälle.

h4, h5, h6 – määritellään sisäkkäisiksi alaotsikoiksi (paljastavat yksityiskohtaisesti H2:n tai H3:n olemuksen) ja niitä käytetään tekstissä, korostamaan pieniä kohtia ja tärkeitä sanoja sekä valikoissa, sivupalkissa ja muissa web-asiakirja.

Kaikkien h-tunnisteiden on oltava 50 merkin pituisia.

Kuinka kirjoittaa alaotsikot h2-h6 oikein

  • Pienintä alaotsikkoa ei voi olla ilman suurempaa. Eli jos teksti sisältää h4-sisällönkuvauskentän, sitä edeltää h2 ja h3.
  • Mitä korkeampi otsikon taso, sitä suurempi fontin tulee olla. WordPressissä oletusasetukset on yleensä asetettu niin, että tagit muotoillaan automaattisesti oikein.
  • Kaikkien h-tunnisteiden tulee vastata sisällön sisältöä ja heijastaa tiedon olemusta.
  • Ei ole hyväksyttävää käyttää h1-h6:ta ankkureina tai aktiivisina linkkeinä.
  • Et voi kirjoittaa muita tunnisteita h-tunnisteen sisään.
  • Vain teksti ja välimerkit ovat sallittuja h-tunnisteissa.
  • Alaotsikoissa ei saa olla roskapostia avainsanoja. On parasta käyttää avainsanoja otsikossa h1, h2 ja pienemmissä, kuten h3, h5, h6, keskittyä aiheen yksityiskohtaiseen keskusteluun.

Jos sivuasettelu sisältää otsikon ja pääotsikon H1, mutta itse artikkelin teksti ei ole liian suuri eikä sisällä alaotsikoita, tämä ei ole virhe. TOPissa on melko monta sivua, joiden sisältö on lähes jatkuvaa kaistaletta, ehkä jaettuna kappaleisiin. Voit päästä johtavaan asemaan ilman "noitusta" tekstimerkinnöissä, painottaen enemmän. Hakukoneet indeksoivat WordPress-sivustot helposti. Mutta silti näiden tunnisteiden käyttö ei vain helpota tehtävää, vaan tekee myös sisällöstä helpompaa ja miellyttävämpää visuaalisen havainnoinnin kannalta.

Kuinka täyttää h-tunnisteet WordPressissä

h1 täytetään yleensä viestin tekstin yläpuolella olevaan kenttään:

Alaotsikoiden h2-h6 tekemiseksi sinun on valittava tarvittava elementti ja viemällä osoitin "otsikot" -välilehden päälle, valitse haluamasi napsauttamalla sitä. Tee sama jokaiselle alaotsikolle ja sisällytä ne halutussa muodossa.

On vielä yksinkertaisempi tapa - voit kirjoittaa tekstin Wordiin tarvittavilla merkinnöillä ja yksinkertaisesti kopioida ja liittää artikkeli WordPress-editoriin. Wordissa valitut otsikot näkyvät automaattisesti oikeat koot. Tarvittaessa voit korjata ne WordPressin CMS-editorityökaluilla.

Useimmissa WordPress-teemoissa artikkeleiden sisällä olevat h1-h6-otsikot ovat oletuksena niin suuria, että ne pilaavat koko ulkoasun. Tällaisissa tapauksissa on tarpeen pienentää blogiartikkelin otsikon kokoa. Ja täällä syntyy usein sellaista hämmennystä, että kaikki eivät edes ymmärrä, mistä puhumme. Selvitetään se.

Muutettavissa olevat otsikkotyypit

Yleensä hyvin kirjoitetulla blogiartikkelilla on useita otsikoita. Päällä on selvää, että siellä on:

  • artikkelin otsikko - yleensä tämä on H1
  • h2 otsikko
  • h3 otsikko

Tämä artikkeli on tarkoitettu niille, joiden on pienennettävä h2-h6-otsikoiden kokoa - toisin sanoen otsikoita artikkelin sisällä. Pääsääntöisesti jokaisella sivuston sivulla tulee olla yksi otsikko - H1-tunniste. Ja tämä on artikkelin otsikko. Siksi, kun kirjoitamme otsikoita artikkelin SISÄÄN, aloitamme h2-tunnisteella, koska meillä on jo h1.

Ja usein jopa tämä h2-otsikko on liian suuri, mikä aiheuttaa jonkin verran haittaa verkkovastaavalle ja hän lopettaa sen käytön käyttämällä h3:a tai h4:ää. Jos kohtaat tämän ongelman, sen vaihtaminen on melko helppoa.

Kuinka pienentää artikkelin otsikon kokoa

Niille, jotka tietävät, kerron polun: pablic_html → verkkotunnuksesi → wp-sisältö → teemat → teemasi → css → screen.css. Ja niille, jotka eivät ole vielä varmoja, olemme valmistautuneet yksityiskohtainen video.

Video näyttää, että sanan "em" merkitys muuttuu. Jos koko ei vieläkään sovi sinulle, kokeile korvata "em"-arvo pikseleillä (esimerkiksi 2em - 20px sijaan) - joissakin teemoissa tämä on oikeampi.

Tämä oli artikkeli blogiartikkelin otsikoiden kirjasinkoon muuttamisesta, mutta jos sinun on muutettava itse artikkelin otsikkoa,

Miten otsikot sijoitetaan WordPress-sivustolla ja miksi kullakin sivulla pitäisi olla vain yksi ylätason otsikko? Katsomme, kuinka voit tarkistaa H1-tunnisteiden määrän verkkosivustolla ja mitä tehdä, jotta vältetään niiden päällekkäisyys teemassa.

Kuinka monta H1-tunnisteella varustettua otsikkoa WordPress-sivulla voi olla?

Sivupohja on jäsennelty otsikoilla H1–H6. Kun lukumäärä kasvaa, kirjasinkoko yleensä pienenee ja otsikot ovat sisäkkäisiä 1 in 1. WordPress-sivustoilla H1-otsikko on yleensä varattu sivun otsikolle, H2-otsikko sisällysluettelolle. tärkeitä elementtejä sivuja. Artikkelien rungosta löytyy syvemmät tasot - alaotsikot - jotka muodostavat tekstin rakenteen ja luettavuuden.

On tärkeää, että sivulla on vain yksi H1-otsikko, koska se kiinnittää huomion tietoihin, joille sivusto on omistettu. Jos jostain syystä sisään vakiintunut teema WordPressissä on useita H1-tunnisteella merkittyjä otsikoita; hakukoneet voivat pitää tätä yritystä ylioptimoida tai roskapostittaa ja alentaa sivuston sijoitusta hakutuloksissa.

Huomaa, kuinka WordPress luo eritasoisia otsikoita, kun lisäät sivun tai postauksen.

  • Viestin tai sivun muokkausikkunassa on oma kenttä otsikon kirjoittamista varten (1). Tässä ylätason otsikko sijaitsee. Se merkitään H1-tunnisteella suoraan viestisivulla tai H2-tunnisteella, jos pääsivulla on useita postausilmoituksia. Jälkimmäisessä tapauksessa tällainen otsikko on linkki sivulle, jolla on julkaisun koko sisältö.
  • Tekstieditori-ikkuna sisältää artikkelin rungon (2), jonka avulla voit muotoilla tekstiä työkalurivin (3) avulla. Ensimmäisen tason otsikon käyttöä ei enää vaadita tässä; käytä tasoja H2–H6 jäsentääksesi artikkelin ja välttääksesi roskapostin.

Virtuaalinen verkkosivuston isännöinti suosituille sisällönhallintajärjestelmille:

Kuinka tarkistaa, ovatko H1:t päällekkäisiä WordPress-mallissa

Voit tarkistaa ylätason otsikoiden määrän avaamalla sivun koodin ja laskemalla tunnisteella alkavat rakenteet

. Huomaa, että tämä tagi on paritettu, se on suljettu rakennuksen takia

. Kaikki niiden välissä oleva kuuluu ensimmäisen tason otsikkoon.

Koodin vahvistus suoritetaan jollakin seuraavista tavoista:

  • Kun olet sivuston halutulla sivulla, paina näppäinyhdistelmää CTRL + U. Avautuu koodi, josta sinun on löydettävä kaikki H1-tunnisteet. Voit helpottaa hakua käyttämällä CTRL-yhdistelmä+F.
  • Napsauta hiiren kakkospainikkeella mitä tahansa sivulla ja valitse Näytä sivun lähde. Etsi seuraavaksi H1-tunnisteita.
  • Vie hiiri haluamasi otsikon päälle, napsauta hiiren kakkospainikkeella ja valitse Tarkista elementti. Avautuvassa ikkunassa määritetyn sivuelementin koodi korostetaan.

Esimerkiksi julkaisun otsikon tarkastelu sivuston pääsivulla osoittaa, että se kuuluu toisen tason H2-otsikkoon ja sisältää linkin uudelle sivulle.

Jos otsikoita on useita, sinun on muutettava joitakin niistä

Suoraan viestisivulle siirryttäessä saman otsikon tarkastuksella on jo ensimmäisen tason otsikkotila, josta näkyy H1-tunniste. Tarkista sivun koodi – tämän pitäisi olla ainoa otsikko. Jos muita H1-tunnisteita havaitaan, koodi on korjattava. Jos otsikko on päällekkäinen sivustomallissa, näiden elementtien tulosteet on korvattava toisella tunnisteella kaikissa paikoissa paitsi sivun otsikossa, esimerkiksi , lisäämällä samanlaisia ​​tyylejä CSS-tiedostoon. Tässä tapauksessa mallin ulkoasu pysyy samana, mutta hakukoneet eivät pidä sivua ylioptimoituna.

Kuinka korjata päällekkäiset otsikot WordPress-teemassa ja poistaa tarpeettomat

Joissakin malleissa sivuston nimi ja logo on usein kääritty H1-tunnisteisiin. Tämä johtaa ensimmäisen tason otsikoiden päällekkäisyyteen, koska sama tunniste kääritään viestin tai sivun otsikkoon.

Jos löydät tällaisen virheen käyttämästäsi teemasta, sinun on mentävä WordPress-järjestelmänvalvojan koodieditoriin ja avattava header.php-malli. Lisää mallikoodiisi tällainen ehdollinen rakennelma:


Koodi logon sijoittamiseksi etusivulle



Koodi logon sijoittamiseksi muille sivuille

Tässä tapauksessa vain pääsivulla logo näkyy H1-tunnisteiden sisällä; kaikilla muilla se ei enää kopioi viestien otsikoiden edustamia ylätason otsikoita.

Jos haluat muuttaa otsikon kokoa, sinun on määritettävä koko css-tyyleissä

Monissa nykyaikaisissa WordPress-malleissa voit muuttaa päätekstielementtien kokoa mallin asetuksissa. Mene vain hallintapaneeliin kohtaan " Ulkomuoto" - "Teemat" - "Muokkaa" nykyiselle mallille ja muuta otsikoiden ja tekstien haluttua kokoa. Jos tämä ei ole mahdollista, sinun on löydettävä style.css-tiedostosta h1-otsikon kirjasinkokokoodi ja asetettava haluttu koko.

Yksi tämän päivän kommenteista kysyi: Kuinka muuttaa artikkelin otsikon kokoa

WordPress? Tähän kysymykseen voi olla useita mahdollisia vastauksia. Jotta emme menisi liian yksityiskohtiin html-koodin kirjoittamisesta ja puhumattakaan css:stä sekä tiedostojen yhdistämisestä tyyleillä yhtenäistä sivun muotoilua varten, kerron sinulle tärkeimmän ja perusasian, joka sinun on tiedettävä ja mitä teemme. käyttää muuta artikkelin otsikon kokoa WordPress :

Ensimmäinen vaihtoehto. Artikkelin otsikot on määritettävä tunnisteella H1 tai H2 tai ... H6.

Kaikki on hyvin yksinkertaista. Nämä otsikkotunnisteet ovat luettelossa Muoto lisäpainikepaneelissa (jos ei ole tätä paneelia, paina näppäinyhdistelmää Alt+Shift+Z).

Kunkin näkymän valitseminen Muoto-kohdasta - Otsikko 1, Otsikko 2 jne. Voit valita sinulle sopivan otsikon tyypin. Teen heti varauksen, että mitä pienempi otsikon numero, sitä pienempi on tekstin ”koko”.

HUOMIO: tekstissä on oltava yksi otsikko, jotta hakukoneiden on helpompi optimoida sivu.

Jos haluat tarkastella html-koodeja, joita käytetään otsikoiden luomiseen, siirry osoitteeseen HTML-välilehti. Oletko varma, että tämä on jokin vaihtoehdoista H1 tai H2 tai... H6? Loistava. Siirrytään eteenpäin.

Toinen vaihtoehto. Voit käyttää tunnistetta< font >. Tällä tunnisteella on useita määritteitä. Se, josta olemme kiinnostuneita, on ns koko. Tämän attribuutin arvot voivat olla 1-7. Esimerkiksi Fonttikoko 2

Voit valita koko sanan tai voit valita ensimmäisen kirjaimen. Tällä tavalla voit saavuttaa drop cap -vaikutelman.

NOIN katos on saapunut

Tekstin fontti 1 Tekstin fontti 1
Tekstin fontti 2 Tekstin fontti 2
Tekstin fontti 3 Tekstin fontti 3
Tekstin fontti 4 Tekstin fontti 4
Tekstin fontti 5 Tekstin fontti 5
Tekstin fontti 6 Tekstin fontti 6
Tekstin fontti 7 Tekstin fontti 7

Kuinka käyttää sitä?

  1. Avaa artikkeli PUA:n verkkosivuilla.
  2. Kirjoita teksti tavalliseen tapaan.
  3. Siirry katsomaan html-koodeja.
  4. Etsi sanat, joiden fonttia haluat muuttaa.
  5. Kehystä nämä sanat tagilla ( sana) yllä olevan kuvan mukaisesti.

Tunnisteella on myös attribuutti väri, joka määrittää fontin värin. Tämä attribuutti saa seuraavat arvot:

Kuten esimerkistä näkyy, värin arvo voidaan kirjoittaa

  • tai värin nimi (muuten, taulukossa on lueteltu päävärit, mutta itse asiassa niitä on paljon enemmän)
  • tai asetettu RGB-koodilla (valitaksesi muita värejä voit käyttää Photoshopia, valitse väri ja katso arvoRGB ja kirjoita se sitten koodillahtml ja saat tuloksen. Mutta ole varovainen, kaikkia värejä ei suositella käytettäväksi Internetissä, siellä on taulukko niin sanotuista "turvallisista väreistä". Tätä sinun täytyy käyttää!!!)

Tunnisteella on myös FACE-attribuutti. Voit määrittää fontin nimen (Arial, Tahoma, Verdana) tai tyypin (esimerkiksi monospace) perusteella.

Esimerkiksi,

Kultainen syksy

HUOMIO: älä sekoita artikkelin otsikkoa otsikkotekstin (tunnisteet H1 tai H2 tai ... H6) ja kirjasinkoon (tunniste) merkityksessä ). Jos optimoit artikkelia, käytä otsikkotunnistetta H1 tai H2 tai ... H6, jos haluat korostaa jotain artikkelissa, käytä tagia .

Yhteenveto:

  • otsikoissa käytetään tunnisteita H1 tai H2 tai ... H6;
  • -tunnistetta käytetään fontin vaihtamiseen koko-attribuutilla.

WordPress-artikkelin rakenne määräytyy hakukoneiden sääntöjen mukaan ja vaikuttaa siten artikkelisi mainostamiseen hakutuloksissa. Kun aloitat uuden artikkelin kirjoittamisen, sinun ei tarvitse ajatella vain sen aihetta ja tarkoitusta, vaan myös järjestää sen sisältö tiettyyn rakenteeseen. Artikkelien rakennetta ja h1-tunnisteiden käyttöä WordPress-blogissa käsitellään tässä artikkelissa. Aloitetaan tarkastelemalla verkkosivujen peruselementtejä.

Verkkosivun peruselementit

Kun kirjoitat seuraavaa artikkeliasi, sinun on ymmärrettävä, että Internetissä tekstisi on joukko tiettyjä merkkejä, jotka on koodattu ja joita ympäröivät tietyt HTML-merkintäelementit (tunnisteet). Koska hakukoneiden tunnisteilla on prioriteettihierarkia, artikkelin tekstirakenne tulisi rakentaa tämän hierarkian mukaisesti.

Artikkelien otsikot

WordPress-artikkelin rakenteen tulee alkaa verkkosivun pääelementistä - otsikosta. Artikkelin otsikko näkyy hakutuloksissa ja näkyy näkyvimmässä paikassa (yläosassa) sivua avattaessa. Lisäksi artikkelin otsikko on linkki blogiisi, kun se näkyy Internet-hakutuloksissa. Artikkelin otsikko on kehystettävä tunnisteella otsikko.

WordPress-artikkelin rakenne – H1-tunniste

Verkkosivun toiseksi tärkein elementti on sivun otsikko kehystettynä tunnisteeseen h1. Tämä on pakollinen verkkosivun tunniste. Lisäksi on tärkeää huomata, että tämän tunnisteen tulee olla ainoa avoimella verkkosivulla (ei koko blogissa). Useat h1-tunnisteet "ärsyttävät" hakukoneita ja ennemmin tai myöhemmin ne heittävät tämän sivun pois hausta.

Tunnisteet H2-H6

Kuten tekstistä näkyy, siinä on yksi elementti h1, ja kaikki loput on järjestetty selkeään puurakenteeseen.

WordPress-artikkelin rakenne: kuinka se rakennetaan

WordPress-artikkelin rakenne voidaan jäsentää kahdella tavalla.

  • Ensimmäinen. Artikkelin kirjoittaminen HTML-kielellä vaatii paitsi kielen taitoa, myös vakavaa harjoittelua.
  • Toinen vaihtoehto, yksinkertaisempi. Muodosta WP-artikkelien rakenne sen visuaalisessa editorissa. Näytän sinulle kuinka se tehdään.
  1. Siirry kohtaan Konsoli → Merkinnät → Lisää merkintä.
  2. Kaikissa WordPress-blogiisi asennetuissa visuaalisissa muokkausohjelmissa on painike : kohta.
  3. Tämän painikkeen avulla muodostetaan WordPress-artikkelirakenne, joka on "miellyttävä" hakukoneille.

Mutta tämä muokkaus koskee vain artikkelin sisältöä, eikä se vaikuta millään tavalla artikkelin otsikkoon. Artikkelin otsikon kehystäminen otsikossa ja h1-tageissa on määritelty WordPress-teemamalleissa. Ja koska mallit ovat ihmisten luomia, heidän virheet on korjattava manuaalisesti.

Mikä voisi olla vikana WordPress-malleissa otsikon ja h1-tunnisteiden suhteen? Katsotaanpa tätä tarkemmin.

Otsikko ja h1-tunnisteet WordPress-malleissa

Monet WordPress-mallit eivät käytä h1-tunnistetta ollenkaan.

Muuten: Voit tarkistaa, onko artikkelien otsikot kehystetty h1-tageilla seuraavasti. Avaa mikä tahansa WP-blogiviestisi. Oikealla painikkeella Napsauta sivua ja avaa "Sivukoodi". klo avoin lähdekoodi, paina Ctrl + F (tämä on haku sivulla) ja etsi h1. Seuraavat vaiheet riippuvat siitä, onko h1-tunniste, joka liittyy erityisesti viestin sisältöön, vai ei.

Ja tässä vielä yksi huomio. Tiedän monia WP-blogeja, jotka toimivat ilman h1-tageja malleissaan. Samalla heillä on erinomaiset hakutulokset. Sanon tähän vain yhden asian. Hakukoneet rakastavat h1-tunnistetta. Se on kaiken artikkelimerkinnän perusta. Ja tällä on epäilemättä myönteinen vaikutus WP-blogin sijoitukseen. Joten sinun on päätettävä, käytätkö h1:tä WP-blogissasi vai et. Yksi asia on tässä tärkeä. Sinun ei pitäisi liioitella h1-tunnisteiden kanssa. Sivua kohden tulee olla yksi h1-tunniste.

H1-tunnisteen lisääminen WordPress-blogimalliin

Ennen kuin kerron sinulle, kuinka h1-tunniste lisätään WordPress-blogimalliin, keskityn WP-teematiedostoihin. kirjoitetaan jokaiselle aiheelle erikseen.

Voit muokata mallitiedostoja suoraan palvelimella WP-hakemistossa muodostamalla yhteyden siihen FTP:n kautta. Tai helpommin siirry kohtaan Konsoli → Ulkoasu → Muokkaus. Kaikki WP-teeman mallitiedostot näkyvät avautuvan ikkunan oikealla puolella.

Sinun on kuitenkin muokattava mallitiedostoja oikein ja turvallisesti editorissa, kuten Notepad++. Kopioi muokattava tiedosto, muokkaa sitä editorissa ja tallenna uusi kopio, siirrä se malliin.

Tässä artikkelissa olemme kiinnostuneita kahdesta muokattavasta tiedostosta:

  1. Tiedosto kotisivu. Mahdollisesti index.php tai loop.php
  2. Erillisen avoimen artikkelin tiedosto: Mahdollisesti single.php tai loop-single.php.

Sinun on muokattava koodia siten, että h1-tunniste on yksin avoimella verkkosivulla ja sen pitäisi kehystää avoimen artikkelin otsikko.

H1-tunnisteen korjaaminen yhdessä viestitiedostossa

Käytämme tiedostojen muokkaamiseen tekstieditori kuten Notepad++. Meillä on myös kopio sivustosta vakavien virheiden varalta.

Siirry kohtaan Konsoli → Ulkoasu → Muokkaus → Erikseen avatun artikkelin tiedosto. Etsimme koodia, joka vastaa otsikon näyttämisestä. Mallin osa:

/* Osa silmukka-yksikuviota

>

Ja muuta siinä olevat h2-tunnisteet h1-tageiksi:

Jäljelle jää puhdas otsikkokoodi, jota kehystävät h1-tunnisteet.

  • Hae:tai sivuston nimi tai sivuston nimi.
  • Jos h1-tunniste on div-tunnisteen sisällä, poista se.
  • Jos h1 tags>

Lisää h1-tunniste WP-blogin pääsivulle

Blogin pääsivulla, joka heijastaa uusimpia artikkeleita, tilanne on hieman erilainen. Koska pääsivulla on useita otsikoita, ne on kehystettävä h2-tunnisteilla, ei h1:llä.

  1. Voit tehdä tämän avaamalla tiedoston editorissa: index.php tai loop.php;
  2. Etsimme koodia, joka näyttää artikkelien nimet pääsivulla;
  3. Ja vaihda h1-tunniste h2-tunnisteeksi. Älä unohda säästää.
>

" rel="kirjanmerkki">

"tasaa vasemmalle")); ?>
/* Kotisivu, malli: index.php tai loop.php

" rel="kirjanmerkki">

/*muuta muotoon

" rel="kirjanmerkki">

Kaikki. WordPress-artikkelin rakenne on rakennettu, eikä siinä käytetty yhtään laajennusta. mallipäivityksen myötä kaikki on kuitenkin toistettava uudelleen.