Säännöt otsikoiden H1-H6 käytöstä. html-otsikot (h1-h6-tunnisteet), html-tekstin muotoilu (strong, b, em, i, blockquote, pre-tagit)

Ehdottomasti kaikki tietävät, mikä otsikko on. Tämä on tilava, houkutteleva otsikko, joka kaikesta lyhyydestään huolimatta sisältää kokonaisen julkaisun, artikkelin jne. olemuksen. Sivuston otsikko ei kuitenkaan ole aivan se, mitä olemme tottuneet näkemään sanomalehdissä, aikakauslehdissä tai kirjoissa. Miksi? Yritetään selvittää se.

Mikä on H1?

H1 on artikkelin pääotsikko, ensimmäisen tason otsikko. Jokaisella Internetin sivulla on oma rakenne. Otsikot H1-H6 antavat sinun jäsentää materiaaleja oikein sekä hakukoneille että käyttäjille. H1 on pääotsikko, H2-H6 ovat toissijaisia ​​sisäkkäisiä alaotsikoita. Koodissa otsikot näyttävät tältä:

itse otsikko

, numero osoittaa vain otsikkotason.

Internetin otsikot eivät ainoastaan ​​ilmaise kuvattavan rakenteen ja olemusta, vaan myös optimoivat sivustoa. Tuo sivustosi näkyvälle paikalle hakutuloksissa kirjoittamalla oikeat otsikot noudattaen kahta yksinkertaista ehtoa:

Ehto 1. Avainsanat otsikoissa

Tätä varten sinun on oltava kehittänyt korkealaatuisen semanttisen ytimen - käsittele sitä erittäin vastuullisesti ja muista, että et voi lisätä samaa avainta sivuston kaikille sivuille. Relevanssi on kaikki kaikessa: sinun on täytettävä asiakkaiden ja hakukoneiden odotukset. Pääsivun otsikoissa voit tehdä keskitaajuisia ja korkean taajuuden kyselyitä. Ja tuotesivuilla (tuotekortti) otsikot matalataajuisilla näppäimillä ovat melko hyväksyttäviä. Avaimen tulee johtaa tiettyyn paikkaan tai yksikköön, olla tarkka eikä yleinen.

Kun asetat avainsanoja, tee se huolellisesti: älä käytä avainsanoja liikaa tai luo roskasisältöisiä otsikoita (esim. osta asunto Moskovasta, osta jääkaappipussi, osta moottoripyörä Krasnojarskista, hinta, minun on sinun, en ymmärrä jne.). Pidä lause kauniina ja loogisena. Suuressa ja mahtavassa venäjän kielessä sanoja taivutetaan ja taivutetaan, mutta robotit ymmärtävät nyt merkityksen ja ymmärtävät kieltä yhtään huonommin kuin sinä ja minä! Älä myöskään ole liian usein - roskaposti on ilmeistä kaikille, ja Baden-Baden on vain kivenheiton päässä, äläkä unohda Googlen Pandaa.

Esimerkki, jossa näppäinten määrä ei ole mittakaavassa, ylivoima.

Pääotsikosta käy selväksi, mistä tuotteesta puhumme. Tietenkään et voi tehdä ilman avainta ensimmäisessä kappaleessa, mutta tee se huomaamattomasti, ei niin avoimesti ja aggressiivisesti.

No, toivottavasti ei koskaan tule kenenkään mieleen tukahduttaa kaikki yhdelle sivulle tarkoitetut avainsanat otsikkoon. Siitä ei selvästikään seuraa mitään hyvää. =)

Muista, että tekstiä ei luoda vain hakukoneille, vaan myös ihmisille. Ja yleensäkin robotit pitävät inhimillisistä, yksinkertaisista ja ymmärrettävistä teksteistä. Jos otsikossa avainsanat esiintyvät orgaanisesti lauseen alussa, se toimii hieman paremmin. Nuo. Sivun optimoinnin kannalta avainsanalle "Moskovan hotellit" otsikko "Moskovan hotellit - viralliset sivustot, arvostelut, valokuvat" toimii paremmin kuin "Moskovan hotellien arvostelut, valokuvat ja viralliset sivustot".

Kunto 2. Tunnisteet

-

Kun lähetät tekstiä sivustolle, älä unohda sijoittaa tunnisteet oikein. Tekstiotsikoiden tagit määritellään seuraavalla HTML-koodilla:

-

. Havainnojemme mukaan kaksi tunnistetta riittää -

-

. Nykyään ihmiset eivät lue suuria tekstejä, eikä edes asioiden logiikan perusteella niin monta otsikkoa sisäkkäin tarvitse. Poikkeuksen voivat olla sivut, joilla on paljon videoita, kuvia, interaktiivisia elementtejä jne. Mutta tämä on silti poikkeus, ei sääntö.

Hakukoneet ottavat myös huomioon tunnisteiden koon ja merkityksen

-

. Suunnittelussa kannattaa kiinnittää huomiota siihen, että otsikot erottuvat visuaalisesti yleisestä tekstistä.

Otsikoissa olevia linkkejä ei tule käyttää etenkään

: Tämä johtaa henkilön pois sivulta muulle materiaalille tai jos linkität samalle sivulle, luot pyöreän linkin, josta ei ole hyötyä.

On hyväksyttävää linkittää tason otsikoista

ja alhaisempi, mutta myös jos se on perusteltua ja loogista.

Hakukoneiden indeksointirobotit pitävät otsikoita erittäin tärkeänä, koska niitä käytetään osoittamaan tärkeitä tietoja. Näin koneiden on helpompi lukea tekstiä ja ymmärtää sen rakennetta ja logiikkaa. katso mikä on tärkeintä. Älä yritä huijata ja käytä tunnisteita

-

koko sivun tekstille, koska siitä ei ole mitään hyötyä. Robotit eivät ole hölmöjä, ja yleensä he ovat erittäin haavoittuvia - he voivat kostaa tästä tekemällä jotain epämiellyttävää sivustollesi. Siksi ajattele seitsemän kertaa etukäteen, seuraukset ovat kauheita. Kun kirjoitat otsikoita tekstiin, noudata seuraavia sääntöjä:

    Laitetaan asiat järjestykseen. Tunnisteet

    -

    järjestetty hierarkian periaatteen mukaisesti: tag

    tärkeämpi kuin tagi

    . Todellisuudessa se näyttää tältä:

    Hakukoneet ovat perfektionisteja: he rakastavat oikeaa järjestystä, jotta kaikki on paikoillaan, hyllyllään. Siksi noudatamme logiikkaa: nuorin poika ei voi syntyä ennen vanhinta. Tämä ei ole hyväksyttävää - tässä on esimerkki rikkinäisestä hierarkiasta:

    Lisäksi tag

    on tärkeä rooli pikalinkkien muodostuksessa Yandexin hakutuloksissa.

    Jos kaikki onnistuu, niin merkityksettömän ja helpon tuntuisen työn vaikutus ei kestä kauan.

    Ja jos sinulla on vaikeuksia, ota yhteyttä asiantuntijoihimme, olemme valmiita tarkistamaan, onko sivustosi otsikot kirjoitettu oikein, kirjoita ne oikein virheiden sattuessa ja vastaamaan kysymyksiin. Otsikoiden laatiminen 1 sivulle (+ valinta 3 asiaankuuluvaa avainta) - alkaen 450 ruplaa.

Olemme julkaisseet uuden kirjan Sosiaalisen median sisältömarkkinointi: Kuinka saada seuraajiesi pään sisälle ja saada heidät rakastumaan brändiisi.

Tilaa

Ottaen huomioon viimeaikaiset tapahtumat SEO maailmassa, tekstitekijöillä on alkanut olla merkittävä painoarvo sijoituksissa. Ja jos pari vuotta sitten saattoi luopua tekstisuunnittelusta, nyt maksat siitä.

Joten aloitetaan perusasioista -.

Sisällönkuvauskenttä H1: malliesimerkki ja perustiedot

Tarjoaa 6 monitasoista otsikkoa, jotka osoittavat, kuinka tärkeä otsikkoa seuraava tekstilohko on.

Eli tagi

on tärkein ensimmäisen tason otsikko ja tunniste

tarkoittaa kuudennen tason otsikoita, vähiten merkittäviä. Oletusarvoisesti otsikkotunniste on h1 näytetään suurimmalla kirjasimella ja erottuu "lihavoitu" -arvoltaan alempien otsikoiden tulee olla pienempiä.

Otsikkotunnisteet luokitellaan lohkoelementeiksi: tag

alkaa aina uudelta riviltä, ​​ja sitä seuraa muut elementit seuraavalla rivillä. Lisäksi, jotta tekstisi näyttäisi esteettisesti miellyttävältä, suosittelen sen sisentämistä ennen ja jälkeen otsikoita.

Kuinka lisätä H1-otsikkotunniste verkkosivuston tekstiin?

Ensimmäisen tason otsikko

Avaimen käyttö tunnisteessa: H1-tunnisteen optimointi

Meta h1 -tunnisteet -h6 on käytettävä aiottuun tarkoitukseen noudattaen tarkasti hierarkiaa.

Tosiasia on, että hakurobotit ovat erittäin herkkiä otsikoille ja niiden sisällölle. Hakukoneen tärkeys ja huomion aste määräytyy otsikon tason mukaan (laskee h1:stä h6:een). Siksi suosittelemmekäytä avainta h1-tunnisteessaja lausekkeet otsikoiden tekstissä.

Otsikkotunniste

(ensimmäisen tason otsikko) on tietysti suurin painoarvo. Siksi sen tekstisisältöön on suhtauduttava erityisen vakavasti.

  • Lisää tunniste

    Se on mahdollista vain sivuston sivun yläosassa, muiden tasojen otsikoiden yläpuolella. Lisäksi monissa hallintapaneeleissa on erityinen kenttä h1-otsikolle.

  • Sinun tulee välttää eritasoisten otsikoiden kaoottista käyttöä ja sijoittaa ne "kun olet onnekas". Hakukone (ja käyttäjät) ei todennäköisesti pidä tästä.
  • Ei missään olosuhteissakäytä sisällönkuvauskenttää

    useammin kuin kerran sivulla.

  • Oletusarvoisesti otsikot näyttävät erilaisilta eri selaimissa: ne eroavat kirjasinkokojen ja sisennysten osalta. Siksi suosittelemme, että säädät nämä parametrit tyylien avulla. MUTTA! Älä mene liioittelemaan fontin pienentämisessä, koska... hakurobotit kiinnittävät tähän huomiota. Emme myöskään suosittele otsikon kirjasinkoon pienentämistä leipätekstiä pienemmäksi.
  • Emme myöskään suosittele suurempaa fonttikokoa matalan tason otsikoille. Jos sinun

    tulee olemaan enemmän kuin

    , niin hakurobotti reagoi tähän negatiivisesti.

  • Ja lopeta korostustunnisteiden (strong, em, b, i) käyttäminen otsikoissasi. Otsikkotunnisteiden sisällöllä on suurempi vaikutus sivun osuvuuteen verrattuna korostustunnisteisiin.

    Suurimman osan SEO-asiantuntijoista (ja me liitymme heihin) mukaan vahvojen tagien (lihavoitu teksti) sisällä olevan tekstin sisältö merkitsevyyden suhteen vastaa suunnilleen h5-tason otsikon sisältöä. Ja tämä on niin ja niin taso.

  • H1-tunnisteen avaimen käyttäminenVälttämättä! On parasta, jos tämä on tärkein avainsana (avainsanat, jotka sisältyvät täysin muihin tämän sivun semanttisiin avainsanoihin).
  • Otsikon tekstisisällön tulee olla erilainen kuin otsikkotunnisteen.

Kuinka tarkistaa h1-tunniste sivulla

Voit tarkistaa, kuinka monta pääotsikkoa sinulla on ja korjata tilanteen, jossa niitä on useampi kuin yksi, sinun tarvitsee vain avata sivukoodi.

Tarkista h1-tunnisteiden määräVoit tehdä tämän joko selaimellasi tai hallintapaneelissa. Tässä tapauksessa lisälaajennuksia ei tarvita.

Ctrl + Vaihto + C tai F12

Pikanäppäimet, jotka auttavat avaamaan sivukoodin.

Onko mahdollista jättää h1-tunniste ja muut alaotsikot pois?

Olen törmännyt tähän kysymykseen useita kertoja Internetissä ja haluan antaa siihen yksityiskohtaisen vastauksen. Ja hieno SEO-asiantuntija studiostamme, Oleg Vasiliev, auttaa minua tässä.

Hakukoneoptimoinnin alalla on erittäin vaikeaa antaa selkeitä vastauksia kysymyksiin. Tällä ei ole mitään tekemistä asiantuntijan pätevyyden kanssa, vaikka tässä on totuutta. Jokaisen kysymyksen on tarkoitus saavuttaa jokin tavoite. Tämän perusteella vastaukset kysymyksiin voivat jo vaihdella ja saatat saada täysin erilaisen tuloksen.

Hakukoneiden, kuten Googlen, Yandexin, yleinen tavoite on melko yksinkertainen - on tarpeen tarjota käyttäjälle hyödyllisintä tietoa syötetystä kyselystä. Hakukoneet saavuttavat tämän tutkimalla sivustoa useiden tekijöiden perusteella. Jotta sivustosi voidaan näyttää käyttäjälle, sinun on täytettävä nämä tekijät mahdollisimman tarkasti, jotta hakukone päättää, että se on saavuttanut maailmanlaajuisen tavoitteensa.

Yksi menestymisen kriteereistä on tieto, joka vastaa käyttäjän tarpeita, on ajan tasalla ja oikein jäsennelty.

Mitä tulee rakenteeseen, juuri tämä auttaa käyttäjää löytämään nopeasti etsimänsä tiedon. Tätä varten tiedot tulisi jakaa pieniin kappaleisiin, käyttää luetteloita (tarvittaessa), otsikoita ja alaotsikoita.

H1-otsikko auttaa käyttäjää ymmärtämään sivun sisällön yleistä merkitystä. Pääsääntöisesti sivun tekstillä on hyvin erityinen semanttinen yksikkö, se on yksi, joten siinä pitäisi olla yksi pääotsikko. Lisäksi sisältö voidaan, mikäli rakenne ehdottaa, jakaa pieniin semanttisiin lohkoihin, ja jokaisella lohkolla on oma alaotsikkonsa. On erittäin tärkeää tarkkailla sisäkkäisyyttä, eli H1:n jälkeen on käytettävä H2:ta ja H2:n jälkeen H3:a. Kaikki on varsin loogista.

Otsikoiden ja alaotsikoiden tulee olla merkityksellisiä, eikä niitä saa käyttää muihin tarkoituksiin.

Palataanpa nyt kysymykseen:

Onko mahdollista jättää h1-tunniste ja muut alaotsikot pois?

Vastaus on ilmeinen: Voit, jos verkkosivustosi mainostaminen Internetissä ei ole sinulle erityisen tärkeää.

SEO tekstimerkintä.. tai sivuston semanttinen asettelu.

Sivuston semanttinen asettelu - tämän kauhean määritelmän takana piilee yksi yksinkertainen totuus: sivustoa ei pitäisi vain muotoilla, vaan se on laadittava loogisesti! Joten voimme sanoa jotain näin: semanttinen asettelu on looginen asettelu.

Selventääkseni, mistä puhumme, annan useita esimerkkejä, joissa ei ole logiikkaa.

Eli huonoja esimerkkejä:

  • Otsikoiden käyttäminen

    -

    vain kirjainten koon suurentamiseksi tai pienentämiseksi..
  • Loogisten muotoilutunnisteiden sopimaton käyttö esimerkiksi tekstin sijasta
    Samara
     vain tekstiä, joka ei liity mitenkään osoitteeseen.. esimerkiksi:
    Ikkunoiden asennus
    .
  • Tunnisteiden käyttö luetteloiden luomiseen
      1. yksinkertaiseen tekstin koristeluun tai esimerkiksi sisennysten luomiseen tekstiin.. ja päinvastoin, tietyn listan muodostaminen, luettelo, esimerkiksi samasta sivustovalikosta muita tunnisteita käyttäen.
      2. Ja jopa taulukon käyttäminen sivustokehyksenä (taulukkoasettelu) sen sijaan, että käytettäisiin taulukkoa aiottuun tarkoitukseen, nimittäin tietojen näyttämiseen taulukkomuodossa.. esimerkiksi juna-aikataulut.. tämä EI myöskään ole sivuston semanttinen asettelu.

    Voit antaa monia erilaisia ​​esimerkkejä... olemus on sama: semanttinen asettelu on asettelu, jossa jokainen sivun tagi toimii aiottuun tarkoitukseen eikä mikään muu.

    Luulen, että nyt monet ihmiset ovat peloissaan, "ahhh.. verkkosivustoni on taulukossa!", "Mutta verkkosivustoni valikko ei ole luettelo.." älä pelkää liikaa! Tietenkin sinun on pyrittävä "oikeaan" sivuston rakentamiseen, mutta jos se ei onnistu millään muulla tavalla, voit jättää jotain huomioimatta, mutta joitain asioita on silti parempi tarkkailla!

    Keskitytään oikeisiin tekstimerkintöihin, sillä tämä on tärkeintä sivuston optimoinnissa hakukoneita varten.

    Monet aloittelevat verkkovastaavat ajattelevat, että otsikot

    -
    tämä on vain tapa korostaa tekstiä kooltaan, suurentaa sitä - se ei ole totta!! Itse asiassa tagit

    -

    Ensinnäkin ne korostavat otsikot tekstissä, ja toiseksi ne erottuvat "tärkeysasteensa", esimerkiksi otsikon, perusteella

    Kuinka luoda verkkosivusto?

    hakukoneiden silmissä on paljon tärkeämpi kuin otsikko
    Kuinka luoda verkkosivusto?
    ja jos nämä olisivat kahden eri sivun otsikot, niin kaikkien muiden asioiden ollessa sama, hakukone vastaisi käyttäjän pyyntöön "Kuinka luodaan verkkosivusto?" näyttää hakutuloksissa ensimmäisenä sivun, joka käyttää ensimmäisen tason otsikkoa

    .

    Sinun ei kuitenkaan pidä kiirehtiä uusimaan kaikkia sivustosi otsikoita

    ,

    ..

    V

    Tämä ei johda mihinkään hyvään optimoinnin kannalta! Ihannetapauksessa sivulla tulisi olla vain yksi ensimmäisen tason otsikko, joka näyttää sisältävän kaksi tai kolme toisen tason otsikkoa, jotka vuorostaan ​​on "sisätty" alemman tason otsikoiden kanssa ja niin edelleen... dokumentin rakenteen tulisi olla näyttää jotain tältä:

    Toisin sanoen otsikoiden tulee olla toistensa sisällä tärkeysjärjestyksessä ja niiden ulkonäkö on puumainen. Itse teksti kannattaa jakaa kappaleiksi tunnisteen avulla

    - jossa kunkin kappaleen teksti sisältää yhden loogisen osan tekstistä.

    Tämä tekstimerkintä on helppo "oppia" hakukoneiden ja muiden HTML-dokumenttien kanssa toimivien ohjelmien toimesta. Sen avulla voit esimerkiksi napata yhteen kappaleista kuvaamaan sivustoa hakutuloksissa ilman, että sinun tarvitsee miettiä, missä tietty looginen osa tekstin alussa ja lopussa, tai ottaen huomioon otsikkotasot, muodostaa automaattisesti sisältödokumentin.

    Otsikoiden tekstistä lähtien

    -
    on paljon enemmän merkitystä hakukoneille, ja yksinkertaisesti sivua katselevalle henkilölle, kuin pelkällä tekstillä, ne tulisi täyttää avainsanoilla!

    02.12.15 44,1K

    Usein aloittelevia verkkovastaavia piinaa kysymys siitä, miksi jotkin sivustot sijoittuvat korkeammalle ja ovat kilpailijoita parempia hakutuloksissa. Syynä tähän voivat olla väärin sijoitetut tunnisteet h1, h2...h6. Jos nämä tunnisteet on sijoitettu väärin ottamatta huomioon resurssin erityispiirteitä, hakukoneiden on vaikeampi saada tarkkoja tietoja artikkeleista ja niiden sisältämistä avainsanoista.

    Tunnisteiden h1 - h6 avulla voit korostaa otsikoita eri tasoilla. Ne tekevät selväksi, mitkä tekstin osat kuvaavat tarkemmin artikkelin aihetta ja tarjoavat etuja sijoituksesta.

    Tunnisteiden oikea sijoittelu antaa hakukoneille mahdollisuuden näyttää sivun tarkemmin hakutuloksissa, millä on myönteinen vaikutus resurssin sijaintiin:

    Miksi h1-h6-tageja tarvitaan?

    Tunnisteet sisältävät sivuston nimen, otsikot ja tekstin alaotsikot:


    HTML:ssä otsikkotunnisteet on merkitty h:lla englannin sanasta "header", joka tarkoittaa " otsikko, otsikko" Tässä on esimerkki siitä, miltä se näyttää:

    Otsikko

    Otsikkotunnisteet tulee sijoittaa resurssin jokaiselle sivulle. Tässä tapauksessa otsikon tärkeys riippuu sen numerosta, mitä pienempi se on, sitä tärkeämpi otsikko:

    - tärkeimmät tunnisteet

    - vähemmän merkittävät tunnisteet...
    - viimeiset tärkeimmät tunnisteet

    Niiden sijoittamiseen tulee kuitenkin suhtautua varoen. Virheellinen käyttö voi johtaa siihen, että hakukoneet sanktioivat resurssiasi.

    h1-h6-tunnisteiden syntaksi

    Tekstin nimi

    Alaotsikko 1

    ...

    Alaotsikko 2

    Alaotsikko 3.1

    ...

    Alaotsikko 3_2

    Alaotsikko 3


    Suosituimmat tunnisteet ovat h1 h2 h3.

    Kuinka käyttää h1-tunnistetta oikein?

    Jättämällä h1-tunnisteen huomioimatta verkkovastaavat menettävät itseltään sellaisen tärkeän edun kuin sisällön optimoinnin. Moottoreissa se rekisteröidään usein automaattisesti, mutta ei aina, ja tämä tosiasia on otettava huomioon.

    h1 HTML -tunniste on lajissaan merkittävin. Se sisältää sivuston nimen ja artikkelin otsikon. Sitä ei kuitenkaan pidä sekoittaa tunnisteeseen (<span>sivun otsikko</span>). Otsikko näkyy selaimessa näytön yläreunassa vasemmassa reunassa sillä hetkellä, kun resurssisivu avataan. Otsikko kirjoitetaan sivun väliin <head></head>, kun taas h1 - h6 on merkitty itse sivun "tekstiin" ja ne on suljettu tunnisteisiin <body></body>.</p> <p>Sivulla voi olla vain yksi h1-tunniste. Jos määrität useita otsikoita h1-tunnisteella, hakukoneet voivat pitää tätä roskapostina, mikä puolestaan ​​voi johtaa kieltoon:</p> <p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Pääotsikon h1 laatimista koskevat säännöt: <ul><li>Tunnisteen tulee käyttää sivun mainostamiseen käytettyjä avainsanoja;</li> <li>Älä tee h1-otsikkoa liian pitkäksi; muutama sana riittää.</li> <li>Otsikkotekstin tulee olla luettavissa;</li> <li>h1-sisällönkuvauskenttä ei saa sisältää mitään muuta kuin itse tekstiä. Jos haluat korostaa sen, laita koodit tunnisteen ulkopuolelle;</li> <li>Ennen kuin syötät käsin h1 , varmista, että moottori ei aseta sitä automaattisesti;</li> <li>h1:n sisällön tulee vastata sivun otsikossa määritettyä aihetta;</li> <li>Kun luot h1:n, muista käyttää avainsanaa, jolla sivua mainostetaan.</li> <li>Otsikon sisällön tulee olla ainutlaatuinen, merkityksellinen ja temaattinen. Sinun ei pitäisi tehdä h1:stä täydellistä kopiota otsikkotunnisteesta. On tärkeää, että yksilöllinen h1 - h6 kirjoitetaan jokaiselle resurssin sivulle, joten vältä toistoa;</li> <li>Otsikossa ei voi luetella avainlauseita pilkuilla erotettuina. h1:n sisällön tulee olla ymmärrettävää paitsi hakukoneille, myös resurssien vierailijoille.</li> </ul><p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p> <h3>Kuinka käyttää h2-h6-tageja oikein?</h3> <p>Tunnisteiden h1, h2, h3, h4, h5, h6 jne. lisäksi käytetään hakukoneiden tunnistamien otsikoiden sijoittamiseen.</p> <h4>h2 tag</h4> <p>Käytetään tyypillisesti aloitussivulla olevan syötteen viestien otsikoissa tai artikkelin tekstityksissä.</p> <h4>Tunnisteet h3, h4</h4> <p>Niitä käytetään usein korostamaan alaotsikoiden, luokkien ja widgetien nimiä sivupalkissa.</p> <h4>Tunnisteet h5, h6</h4> <p>Suunniteltu vielä pienemmille sivuelementeille, jotka tulee erottaa muusta tekstistä.</p> <p>Otsikoiden h1 - h6 järjestely eri moottoriversioissa voidaan toteuttaa eri tavalla.</p> <p>Säännöt h2 - h6 sijoittamiseen:</p> <ul><li>Otsikon rakenne. Otsikoiden hierarkiaa on noudatettava;</li> <li>Fonttikoko. Mitä pienempi otsikkotaso, sitä pienempi fontti. Fonttimuokkaus tehdään tyyleissä. Mutta yleensä fontit ovat oletusarvoisesti oikean kokoisia;</li> <li>Otsikkotunnisteita ei voi käyttää yhdessä muiden aksenttitunnisteiden kanssa. On suositeltavaa käyttää avainsanoja otsikoissa, joilla tätä sivua edistetään hauissa;</li> <li>Toisin kuin h1, h2 - h6 -tunnisteet voidaan kirjoittaa useita kertoja sivulle.</li> </ul><p><body> <h1>Olen otsikkohierarkian pää</h1> <h2>Lapseni</h2> <h3>Minun lapsenlapseni</h3> <h3>Minun lapsenlapseni</h3> <h3>Minun lapsenlapseni</h3> <h2>Lapseni</h2> <h3>Minun lapsenlapseni</h3> <h3>Minun lapsenlapseni</h3> <h3>Minun lapsenlapseni</h3> <h4>Minun lastenlastenlapseni</h4> <h4>Minun lastenlastenlapseni</h4> <h4>Minun lastenlastenlapseni</h4> </body></p> <ul><li>Roskapostia ei saa olla;</li> <li>Tekstin h1 - h6 kokoonpano tulee tehdä synonyymeillä ja morfologian säännöt huomioon ottaen;</li> <li>On parempi sijoittaa tärkeimmät avainsanat lähemmäs otsikon alkua;</li> <li>Otsikoihin kirjoitetut avainsanat tulee esiintyä sivun tekstissä;</li> <li>Tunnisteiden h1 - h6 tulee olla lyhyitä, ytimekkäitä ja informatiivisia:</li> </ul> <p>Tekstin otsikko on työkalu, joka tekee tiedosta kätevää lukijalle ja jäsentää sitä hakukoneita varten. Oikealla H1–H6-tunnisteiden suunnittelulla on helpompi tuoda sivustosi sivusi johtoasemaan hakutuloksissa.</p> <p>SEO-otsikoiden perusteella Google ja Yandex määrittävät, kuinka paljon sivusi aihe vastaa käyttäjien kirjoittamia kyselyitä. Toisin sanoen kuinka relevantti tämä sivu on. Sivun osuvuus on yksi hakukoneoptimoinnin tärkeimmistä tekijöistä.</p> <p>h1 on artikkelin pääalaotsikko, joka yleensä sijoitetaan tekstin yläpuolelle.</p> <p>h2-h6 - pienet alaotsikot, jotka on sijoitettu sisäkkäisperiaatteen mukaan.</p> <h2><span>Pääotsikko h1</span></h2> <p>Tärkein sivun otsikko on merkitty tunnisteella h1. Tämä voi olla sivun, artikkelin tai tuotteen otsikko. Tämä on pakollinen otsikko, ja sen on oltava poikkeuksetta kaikilla sivuston sivuilla. Hyvin usein näen, että h1-tunnistetta ei yksinkertaisesti ole tai niitä on useita. Sivun otsikon tilalla h1:n sijaan on h2-tunniste. Tämä on jopa parhaassa tapauksessa - tapahtuu, että sivulla ei ole lainkaan H-tyyppisiä otsikoita. Ja se, mikä näyttää otsikolta, on vain tavallinen div- tai span-lohko, jossa on valmiiksi kirjoitetut otsikkoon sopivat tyylit.</p> <p>Jokaisella sivustosi sivulla on tiettyjä tietoja (ainakin sen pitäisi). Sijoitat tiedon pääolemuksen otsikkoon. Jos esimerkiksi myyt 3D-televisioita, sivun otsikon tulee näyttää pääpyynnöltä ja erottua h1-tunnisteella varustetusta sivun html-koodista.</p> <h3><span>Perusvaatimukset h1:lle</span></h3> <ul><li>On oltava sivulla <b>Vain yksi</b> ensimmäisen tilauksen otsikko (otsikko 1, h1). Tämä on pääotsikko, joka näkyy käyttäjälle ja heijastaa viestin keskeistä olemusta.</li> <li>H1-otsikko tulee aina tekstin alkuun.</li> <li>Otsikon pituus saa olla enintään 65 merkkiä.</li> <li>H1:n tulee olla ainutlaatuinen sivustossasi.</li> <li>H1-tunniste ei saa olla linkki, kuva tms. Otsikon tulee olla otsikko.</li> <li>Yritä sisällyttää H1:een yleisin avainsana.</li> </ul><h2>Otsikko h2</h2> <p>Jos monet silti noudattavat sääntöjä ja käyttävät h1:tä sivustonsa sivuilla, monet laiminlyövät h2-tunnisteen, mutta turhaan! Tämä tunniste merkitsee yleensä artikkelin tai sivun alaosia.</p> <p>Jopa koko sivuston tai erillisen artikkelin semanttisen ytimen keräämisvaiheessa sinun on ymmärrettävä karkeasti, mistä osista artikkeli koostuu. Kuvaammeko yksityiskohtaisesti hyödyt, kustannukset tai muut artikkelin tai tuotteen aihetta koskevat tiedot.</p> <p>Esimerkiksi TV-kaupan tuotesivut - jos sivun h1-otsikko näyttää "Panasonic TX-75EXR780 TV", niin h2-tunnisteella jaamme karkeasti itse tuotteen kuvauksen sivulla osiin (alaosastoihin) ja näyttävät kalta "Panasonic TX-75EXR780 TV:n ominaisuudet" ja "Panasonic TX-75EXR780 TV:n edut".</p> <p>Siten käyttämällä h2-otsikoita taltioimme tärkeitä kohtia, jotka voivat kiinnostaa myös sivuston kävijää itse otsikon lisäksi. Nyt sivusto kilpailee muiden kanssa paitsi "Panasonic TX-75EXR780" -päälaitteen pyynnöissä, vaan myös tämän TV-mallin etuja ja ominaisuuksia koskevissa lisäpyynnöissä. Ja useampien pyyntöjen kattaminen puolestaan ​​​​merkitsee sivuston liikenteen lisääntymistä.</p> <p>Joskus otsikko, kuten h2, päätyi hakutulosten katkelmaan. Sinne menee pääsääntöisesti joko h1 tai otsikko - ne ovat molemmat tärkeimmät sivuotsikot ja niillä on etu, mutta myös h2:n vaikutus katkelmaan on mahdollista.</p> <h3><span>Perusvaatimukset h2:lle</span></h3> <ul><li>On suositeltavaa, että sivulla on 2-4 H2-otsikkoa. Sen pitäisi heijastaa seuraavan tekstin ydintä.</li> <li>Yleisin pyyntö on H1-otsikossa, harvemmat mieluiten H2:ssa.</li> <li>H2-tunniste ei saa olla linkki, kuva tms. Otsikon tulee olla otsikko.</li> </ul><h2>Otsikot h3-h6</h2> <p>Kaikilla h3- ja h6-alkuisilla otsikoilla on selventävä ja alakohtiin jakava rooli, mutta tätä käytetään erittäin harvoin. Sinulla on vain oltava erittäin suuri artikkeli, jotta voit rakentaa tällaisen sivun alaosien hierarkian ja käyttää kaikentyyppisiä otsikoita.</p> <h3><span>Perusvaatimukset h3-h6:lle</span></h3> <ul><li>Pienintä alaotsikkoa ei voi olla ilman suurempaa. Eli jos teksti sisältää h4-sisällönkuvauskentän, sitä edeltää h2 ja h3.</li> <li>Mitä korkeampi otsikon taso, sitä suurempi fontin tulee olla. WordPressissä oletusasetukset on yleensä asetettu niin, että tagit muotoillaan automaattisesti oikein.</li> <li>Kaikkien h-tunnisteiden tulee vastata sisällön sisältöä ja heijastaa tiedon olemusta.</li> <li>Ei ole hyväksyttävää käyttää h1-h6:ta ankkureina tai aktiivisina linkkeinä.</li> <li>Et voi kirjoittaa muita tunnisteita h-tunnisteen sisään.</li> <li>Vain teksti ja välimerkit ovat sallittuja h-tunnisteissa.</li> <li>Alaotsikot eivät saa sisältää avainsanaroskapostia. On parasta käyttää avainsanoja otsikossa h1, h2 ja pienemmissä, kuten h3, h5, h6, keskittyä aiheen yksityiskohtaiseen keskusteluun.</li> </ul><h2></h2> <p>Kaikkien otsikoiden on oltava tiukassa järjestyksessä. Sivun ensimmäinen otsikko on aina h1.</p> <p>Jos kunkin h2-otsikon alaosat osoittautuivat vaikuttavan kokoisiksi ja ne koskettavat useita vielä pienempiä ala-aiheita, niin jokaisen tai yhden erillisen alaosion sisällä h2-tunnisteella teet sivun taitettuja "mini"-alakohtia ja merkitse ne ylös kanssa h3.</p> <p>Kaikkien h2-tunnisteella oikeutettujen alaosien ei tarvitse olla suuria ja ne on jaettava useampaan alakohtaan.</p> <p>Tässä on esimerkki hyvästä otsikkohierarkiasta artikkelista, jossa käsitellään verkkosivuston mainostamista WordPressissä:</p> <h2><span>Kuinka täyttää h-tunnisteet WordPressissä</span></h2> <p>h1 on oletusarvoisesti täytetty artikkelin yläpuolella olevaan kenttään:</p> <p>Alaotsikoiden h2-h6 tekemiseksi sinun on valittava haluttu elementti tai asetettava kohdistin halutulle riville ja viemällä osoitin "otsikot" -välilehden päälle, valitaan haluamasi napsauttamalla sitä.</p> <p>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 vaaditun kokoisina. Tarvittaessa voit korjata ne WordPressin CMS-editorityökaluilla.</p> <p>Otsikoiden oikea sijoittaminen h1-, h2-, h3-, h4-, h5- ja h6-tageissa voi antaa erinomaisia ​​tuloksia sivuston hakukoneoptimoinnissa. Älä siis tuhlaa aikaa asennukseen.</p> <p>h1-h6 otsikot ovat erittäin tärkeitä. Sinun ei pitäisi laiminlyödä niitä, mutta sinun ei myöskään pidä väärinkäyttää niitä. Otsikot voivat tehdä sivuston tai rikkoa sen.</p> <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> </div> </article> <div class="related-posts"> <h3 class="title text-uppercase text-center">Lisää tästä aiheesta:</h3> <div class="row"> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/top-programm-dlya-udaleniya-draiverov-skachat-driver-sweeper/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/pc-assistent.ru/wp-content/uploads/2017/06/driver_sweeper_200x175.png" class="img-responsive" alt="Lataa Driver Sweeper – ohjelma ajurien poistamiseen käyttöjärjestelmästä Windows Lataa ohjelma kortin ajurien poistamiseen" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title">Lataa Driver Sweeper – ohjelma ajurien poistamiseen käyttöjärjestelmästä Windows Lataa ohjelma kortin ajurien poistamiseen</span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/vykidyvaet-na-rabochii-stol-sniper-elite-v2-vykidyvaet-na-rabochii-stol-sniper-elite-v2-chto/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/i.rutab.net/upload/tech_issues/audio_check.png" class="img-responsive" alt="Heittää Sniper Elite V2:n työpöydälle Mitä tehdä, jos sniper elite 3 viivästyy" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title">Heittää Sniper Elite V2:n työpöydälle Mitä tehdä, jos sniper elite 3 viivästyy</span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/kak-naiti-kartinu-po-fotografii-poisk-pohozhei-fotografii-v-internet-poisk/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/kompukter.ru/wp-content/uploads/2018/03/klikaem-po-znachku-foto-v-gugl.png" class="img-responsive" alt="Etsitään vastaavaa kuvaa Internetistä" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title">Etsitään vastaavaa kuvaa Internetistä</span> </a> </div> </div> </div> </div> </div> <aside id="sidebar" class="col-sm-4 col-sidebar hidden-xs" role="complementary"> <div class="content-menu bs-docs-sidebar"> <div class="progress-right" id="progress-right">0%</div> <script> window.onscroll = function() { var scrolled = window.pageYOffset || document.documentElement.scrollTop; var scrollprogress = Math.round(scrolled / ((document.documentElement.scrollHeight - document.documentElement.clientHeight) / 100)); document.getElementById('progress-right').innerHTML = scrollprogress + '%'; } </script> <div class="ad clearfix text-center"> </div> </div> <script> /** * Скрипт закріплення блоку при прокрутці */ (function() { var a = document.querySelector('#sidebar'), b = null, P = 0; window.addEventListener('scroll', Ascroll, false); document.body.addEventListener('scroll', Ascroll, false); function Ascroll() { if (b == null) { var Sa = getComputedStyle(a, ''), s = ''; for (var i = 0; i < Sa.length; i++) { if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) { s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; ' } } b = document.createElement('div'); b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;'; a.insertBefore(b, a.firstChild); var l = a.childNodes.length; for (var i = 1; i < l; i++) { b.appendChild(a.childNodes[1]); } a.style.height = b.getBoundingClientRect().height + 'px'; a.style.padding = '0'; a.style.border = '0'; } var Ra = a.getBoundingClientRect(), R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#content').getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент if ((Ra.top - P) <= 0) { if ((Ra.top - P) <= R) { b.className = 'stop'; b.style.top = -R + 'px'; } else { b.className = 'evr-sticky'; b.style.top = P + 'px'; } } else { b.className = ''; b.style.top = ''; } window.addEventListener('resize', function() { a.children[0].style.width = getComputedStyle(a, '').width }, false); } })() </script> <style> /* Додаємо відступ вгорі, щоб було на одному рівні із змістом */ body.single #breadcrumbs { margin-bottom: 5px; } #content article { padding-top: 15px; } #sidebar .evr-sticky { position: fixed; z-index: 101; } #sidebar .stop { position: relative; z-index: 101; } #div-gpt-ad-30906309 { margin-top: 20px; } #sidebar .evr-sticky #div-gpt-ad-30906309, #sidebar .stop #div-gpt-ad-30906309 { margin-top: 20px; } #sidebar .content-menu { transition: 0.5s all; } #sidebar .content-menu .title { padding-top: 15px; font-size: 20px; margin: 0 0 15px 0; } #sidebar .content-menu .title .glyphicon { padding-right: 5px; } #sidebar .content-menu ul { padding: 0; margin: 0; overflow: auto; } #sidebar .content-menu .nav li { margin: 0; clear: both; margin-bottom: 4px; } /* Bullet before text */ #sidebar .content-menu .nav li a:before { content: "●"; position: absolute; font-size: 17px; color: #dedede; left: 0; top: -1px; } #sidebar .content-menu .nav li a { position: relative; display: inline-block; font-size: 15px; color: #000; line-height: 1.2; padding: 3px 0 0 18px; overflow: hidden; text-decoration: none !important; } #sidebar .content-menu .nav li.active:focus>a, #sidebar .content-menu .nav li.active:hover>a, #sidebar .content-menu .nav li.active>a, #sidebar .content-menu .nav li a:hover { text-decoration: none; font-weight: normal; color: #c23085; background-color: transparent; border-left: 0 none; } /* Bullet before text */ #sidebar .content-menu .nav li.active>a:hover:before, #sidebar .content-menu .nav li.active>a:before { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); left: 1px; color: #c23085; background: transparent; } #sidebar .content-menu .nav li a:hover:before { color: #c23085; background: transparent; } #sidebar a.go-top { display: block; margin-top: 5px; padding: 14px 0 5px 0; text-align: center; text-transform: lowercase; font-size: 17px; color: #666; background: transparent url(/wp-content/themes/sk-Evrikak/i/go-top-in-sidebar.png) no-repeat 50% 50%; opacity: 0; transition: 0.2s all; } #sidebar a.go-top:hover { color: #000; text-decoration: none; } /* Якщо блок зафіксовний */ #sidebar .evr-sticky a.go-top { opacity: 1; } #sidebar .evr-sticky { box-shadow: -9px 0 10px 0 rgba(0, 0, 0, 0.08) !important; } </style> <script> jQuery(document).ready(function() { // (c) http://jsfiddle.net/gableroux/S2SMK/ // підсвітка активного пункту меню, bootstrap jQuery('body').scrollspy({ target: '.bs-docs-sidebar', offset: 70 }); // даємо висоту меню, щоб зробити прокрутку jQuery(window).bind("load resize", function() { var body_w = jQuery("body").width(); // визначаємо ширину вікна var window_h = jQuery(window).height(); // визначаємо висоту вікна //alert(window_h); if (body_w > '767') { // якщо ширина більша 767 window_h = window_h - 375; // коригуємо висоту блоку з меню. віднімаємо висоту блоку «наверх», у перспективі треба буще ще відняти інші-нові блоки var menu_h = jQuery('#sidebar .content-menu').height(); //if(menu_h > window_h) { // якщо висота усього сайдбару більше висоти екрану, то вказуємо висоту для меню. Воно автоматично розтягне висоту сайдбару, з’явиться прорутка у меню, і сайдбар займе усю висоту вікна jQuery('#sidebar .content-menu ul.nav').css('height', window_h); //} } }); // парсимо контент і формуємо меню jQuery('#content .evr-section').each(function() { var evr_section_id = jQuery(this).attr('id'); var evr_section_title = jQuery(this).find(':header:first').text(); var txt = '<li class="content-menu-item added-by-js"><a href="#' + evr_section_id + '">' + evr_section_title + '</a></li>'; //var txt = txt.unwrap(); //txt = jQuery('li', txt).unwrap; //txt = txt.unwrap('h3'); //txt = jQuery(txt).wrap('<li>'); jQuery('#sidebar ul.nav').append(txt); // Insert }); // Додаємо спеціальний клас для посилання на відео jQuery('#sidebar .content-menu').find("a[href='#entry-video']").addClass('link-to-video'); // навігація по статті (плавна прокрутка до потрібного блоку) jQuery('#sidebar .content-menu .nav a').click(function() { jQuery.scrollTo(this.hash, { offset: -10, // Відступ вгорі duration: 750 }); return false; }); // перейти вгору (плавна прокрутка вгору) jQuery('#sidebar a.go-top').click(function() { jQuery.scrollTo(this.hash, { offset: 0, // Відступ вгорі duration: 450 }); return false; }); }); </script> <link type="text/css" href="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script> <script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.min.js"></script> <script> // Прокрутка оновлюється при зміні висоти вікна jQuery(function() { jQuery('#sidebar .content-menu ul.nav').each( function() { jQuery(this).jScrollPane({ showArrows: jQuery(this).is('.arrow') }); var api = jQuery(this).data('jsp'); var throttleTimeout; jQuery(window).bind("load resize", function() { // IE fires multiple resize events while you are dragging the browser window which // causes it to crash if you try to update the scrollpane on every one. So we need // to throttle it to fire a maximum of once every 50 milliseconds... if (!throttleTimeout) { throttleTimeout = setTimeout( function() { api.reinitialise(); throttleTimeout = null; }, 50 ); } }); } ) }); </script> <style> /* Styles specific to this particular page */ .scroll-pane { overflow: auto; height: 400px; } .jspTrack { background: #dedede; } .jspVerticalBar { width: 6px; } .jspDrag { background: #309dc6; } </style> </aside> </div> </div> <div class="other-posts"> <div class="container"> <h3 class="title text-uppercase text-center h">Muut artikkelit:</h3> <div class="row articles"> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/samyi-moshchnyi-telefon-v-mire-na-dannyi-moment-samye-moshchnye-smartfony-top-10/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i1.wp.com/technosova.ru/wp-content/uploads/2018/10/2-2.jpg" class="img-responsive" alt="Tehokkaimmat älypuhelimet Top 10 tehokkain puhelin" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date">Tehokkaimmat älypuhelimet Top 10 tehokkain puhelin</span> <span class="title">Nykytekniikan avulla on mahdollista sovittaa teho ja suorituskyky tavalliseen älypuhelimeen...</span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/kak-udalitsya-iz-moego-mira-kak-udalit-stranicu-i-akkaunt-v-moem-mire/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i1.wp.com/socialnie-seti.info/wp-content/uploads/2012/09/galochki-dlya-ydaleniya-stranici.jpg" class="img-responsive" alt="Kuinka poistaa sivu ja tili maailmastani" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date">Kuinka poistaa sivu ja tili maailmastani</span> <span class="title">Tapahtuu, että henkilö rekisteröitymisen jälkeen ymmärtää, että tämä sosiaalinen verkosto ei ole häntä varten ja haluaa...</span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/ne-udalyaetsya-avast-chto-delat-kak-udalit-avast-s-kompyutera-esli-on-ne/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/vellisa.ru/wp-content/uploads/2018/05/2-1.jpg" class="img-responsive" alt="Kuinka poistaa Avast tietokoneeltasi, jos sitä ei voida poistaa" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date">Kuinka poistaa Avast tietokoneeltasi, jos sitä ei voida poistaa</span> <span class="title">Nyt tarkastelemme kuinka poistaa Avast niin, että virustorjuntaohjelman poistamisen jälkeen tietokone ei...</span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="https://battlecase.ru/fi/kak-podklyuchit-nokia-lyumiya-800-k-kompyuteru-podklyuchenie-nokia-lumia-k/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/Specifications_Nokia_800_Zune.jpg" class="img-responsive" alt="Nokia Lumian yhdistäminen tietokoneeseen" loading=lazy loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date">Nokia Lumian yhdistäminen tietokoneeseen</span> <span class="title">Ensimmäistä kertaa artikkelit ja Lifehacks voivat tuottaa pettymyksen kaikille, jotka ovat äskettäin ostaneet tämän matkapuhelimen...</span> </a> </div> </div> </div> </div> </div> <style> /* Додаємо відступ внизу */ body.single #content .ad { margin-bottom: 20px; } /* Додаємо відступ вгорі */ body.single #sidebar .ad { margin-top: 20px; } </style> <footer id="footer" class="clearfix"> <noindex> <div class="container row-1 hidden-xs"> <nav class="nav"> <div class="menu menu-footer"> <ul id="menu-podval" class="menu"> <li class="menu-item type-custom object-custom home "><a href="https://battlecase.ru/fi/">Koti</a></li> <li class="menu-item type-post_type object-page "><a href="">projektista</a></li> <li class="menu-item type-post_type object-page "><a href="">Mainostajille</a></li> <li class="menu-item type-post_type object-page "><a href="https://battlecase.ru/fi/sitemap.xml">Sivustokartta</a></li> <li class="menu-item type-post_type object-page "><a href="https://battlecase.ru/fi/feedback/">Palaute</a></li> </ul> </div> </nav> </div> <div class="border-blue clearfix"></div> <div class="container row-2"> <div class="row"> <div class="col-sm-6"> <div id="text-2" class="block widget-container widget_text"> <div class="textwidget"> <div class="sn"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://battlecase.ru/pravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6-html/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/facebook.png" alt="" class="img-responsive" loading=lazy loading=lazy></a> <a href="https://vk.com/share.php?url=https://battlecase.ru/pravila-ispolzovaniya-zagolovkov-h1-h6-zagolovki-html-tegi-h1-h6-html/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/vkontakte.png" alt="" class="img-responsive" loading=lazy loading=lazy></a> <a href="https://youtube.com/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/youtube.png" alt="" class="img-responsive" loading=lazy loading=lazy></a> </div> <style> .sn a { display: inline-block; margin: 0 10px 0 0; width: 55px; } @media (max-width:767px) { .sn { text-align: center; } .sn a { margin: 0 7px; width: 43px; } } .sn a:hover { opacity: 0.9; } </style> </div> </div> </div> </div> </div> <div class="border-3 clearfix"></div> <div class="container row-3"> <div class="row"> <div class="col-sm-8 col-txt col-txt-1">Sivustolle lähetetty materiaali saattaa sisältää tietoja yli 18-vuotiaille käyttäjille.</div> <div class="col-sm-4 col-txt col-txt-2 text-right"> <div class="project-by-um">2012-2018 <img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/svg/logo-ukr-media.svg" width="90" class="img-responsive" loading=lazy loading=lazy> </div> </div> </div> </div> </noindex> </footer> </div> <div class="modal fade" id="modal-search" tabindex="-1" role="dialog" aria-labelledby="modal-searchLabel"> <div class="modal-dialog modal-lg itc-container" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="modal-searchLabel">Sivustohaku</h4> </div> <div class="modal-body"> <form role="search" method="get" class="form-search" id="modal-searchform" action="/"> <div class="form-group"> <input type="search" autocomplete="off" spellcheck="false" placeholder="Kirjoita hakuteksti" value="" name="s" id="modal-s" class="input-lg form-control"> </div> </form> <div class="modal-search-results"></div> </div> </div> </div> </div> <link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=4.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='thickbox-css' href='/wp-includes/js/thickbox/thickbox.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1513648647'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/themes/sk-Evrikak/js/modernizr-2.8.3.min.js?ver=4.9.1'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.4'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/jquery.sonar.min.js?ver=0.6.1'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/lazy-load.js?ver=0.6.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var thickboxL10n = { "next": "\u0414\u0430\u043b\u0435\u0435 \u2192", "prev": "\u2190 \u041d\u0430\u0437\u0430\u0434", "image": "\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435", "of": "\u0438\u0437", "close": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "noiframes": "\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u043e\u0432. \u0423 \u0432\u0430\u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0442\u0435\u0433\u0438 iframe, \u043b\u0438\u0431\u043e \u0432\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442.", "loadingAnimation": "http:\/\/battlecase.ru\/wp-includes\/js\/thickbox\/loadingAnimation.gif" }; /* ]]> */ </script> <script type='text/javascript' src='/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script> <div id="mmenu_res" style="display:none;width:100%;height:40px;line-height:40px;background:#FD6A93;color:#FFFFFF;position:fixed;text-align:center;font-size:23px;;z-index:100000000"> <a class="mmenu_open" href="#irevoltmenu"> <span class="mmenu-icon-bar"></span> <span class="mmenu-icon-bar"></span> <span class="mmenu-icon-bar"></span> </a> Luokat</div> <div class="modal fade" id="modalAd" tabindex="-1" role="dialog" aria-labelledby="modalAdLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <div class="ad text-center"> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.css"> <script src="/assets/jquery1.cookie1.js"></script> <script src="https://battlecase.ru/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.js"></script> </body> </html>