Kui muljetavaldav ka teie veebisait on, pole see midagi ilma külastajateta. Nende kasulike näpunäidete abil veenduge, et saate nii palju, kui väärite.

Tänasel tehnoloogilisel maastikul on tarbimiseks liiga palju sisu ja liiga vähe aega selle tegemiseks. Hästi arendatud veebisaidi olemasolust ei piisa, et ülekoormatud veebiruumist eristuda.

Õnneks on olemas lihtsad tehnikad, mida saate oma veebisaidi asetuse parandamiseks ja otsingumootorites nähtavuse parandamiseks järgida. Uurige kõike nende tavade ja selle kohta, kuidas saate oma saitidele orgaanilist liiklust meelitada.

Mis on SEO?

Otsingumootori optimeerimine (SEO) on protsess, mis annab teie sisule parima võimaluse lasta seda reklaamida. Saate kasutada erinevaid tehnikaid tagamaks, et teie sisu on puhas, kvaliteetne ja otsingumootorite indekseerijatele hea esitlemine. Järgige neid tähelepanelikult ja peaksite suutma tõsta veebisaidi liikluse kvaliteeti ja kvantiteeti.

Arendajana keskendute tavaliselt saidi struktuuri ja funktsionaalsuse loomisele ja haldamisele. Siiski peaks SEO mõistmine olema ka teie oskuste osa mitmel põhjusel.

instagram viewer
  • SEO-tehnikad aitavad teie veebisaidil otsingumootori tulemuste lehtedel (SERP-d) kõrgemale asetusele, mille tulemuseks on suurem liiklus.
  • Kui veendute, et teie sait kasutab asjakohaseid märksõnu või fraase, jõuab see tõenäolisemalt teie sihtrühmani.
  • SEO rakendamine parandab üldist kasutajakogemust alates lehe kiirusest kuni reageerimisvõime ja mobiiliga ühilduvuseni.
  • SEO jõupingutused võivad anda pikaajalist kasu. Otsinguliiklus on tasuta, erinevalt tasulisest reklaamist, mis lõpetab liikluse tekitamise, kui lõpetate maksmise.

1. Kirjutage semantiline HTML

Semantilise märgistuse peale mõeldes mõelge, kuidas peate oma veebilehte struktureerima. See hõlmab täpsete HTML-elementide kasutamist teabe jaoks, mida soovite edastada.

Näiteks, ja elemendid on mitmekülgsed, kuid neil puudub semantiline väärtus. Olenevalt kontekstist võib olla parem alternatiiv, näiteks, ,, ,ja .

Samuti peaksite pöörama tähelepanu pealkirjade hierarhiale. Kasutage H1 - H6 elemendid, et esindada teie dokumendihierarhiat. See võimaldab otsingumootoritel paremini mõista, kuidas olete oma sisu korraldanud ja milline on selle tähtsuse järjekord. Semantiline HTML on SEO jaoks hea kuna see parandab juurdepääsetavust ja tõstab teie veebisaidi paremusjärjestuse.

Pealkirja element on üks esimene, millest HTML-i õppimisel teada saad. Pealkirjasildid on olulised signaalid, mis aitavad otsingumootoritel mõista, mida teie veebisait endast kujutab. Need on üks olulisemaid tegureid, mis mõjutavad teie lehtede asetust otsingutulemustes. Siin on näide pealkirja märgendi rakendamisest Google'is.

Sellel pildil on kõrge asetusega otsingutulemus otsingule "osta raamatuid Internetist". Esiletõstetud tekst on pealkirjasilt, mille saate lisada oma HTML-lehele selline jaotis:

<pealkiri>Teie lehe pealkiripealkiri>

Siin on mõned asjad, mida pealkirja kirjutamisel meeles pidada:

  • Lisage veebisaidi sisuga seotud peamised märksõnad. See aitab otsingumootoritel paremini mõista, millest veebisait räägib. Üks levinumaid vigu, mida võite teha, on märksõnade täitmine, sealhulgas mitteseotud märksõnad või lihtsalt liiga palju. Piisab ühest märksõnast; parema mõju saavutamiseks asetage see algusese lähemale.
  • Pealkirja pikkuse puhul tuleb arvestada kahe asjaga: märkide arvu ja pikslite kogulaiusega. Otsingumootorid võivad kuvada ainult teie pealkirja esimesed 50–60 tähemärki või esimesed 600 pikslit. Alati ei pea iga pikslit kokku lugema, vaid pidage meeles, et pealkirja algus võib olla väärtuslikum kui lõpp.
  • Lisage pealkirja oma kaubamärgi nimi.
  • Olge loominguline ja kasutage ainulaadseid sõnu.

Ei piisa ainult pealkirja siltide kasutamisest. Pealkirjamärgendite optimeerimine asjakohaste märksõnade, sobiva pikkuse ja loominguliste sõnadega on SEO-s väga kasulik.

Metakirjeldused võtavad kokku veebilehe sisu. See eelvaade meelitab kasutajaid teie veebisaidil klõpsama. Metakirjeldused on SERP-de olulised omadused. Kui te metakirjeldusi ei lisa, võtab Google teie sisust teemad metakirjeldustena asendamiseks. Tulemus ei pruugi olla väga täpne ja see ei pruugi sisaldada meeldejäävaid sõnu, mida vajate kasutajate oma veebilehele tõmbamiseks.

Siin on näide metakirjeldusest:

See pilt tõstab esile veebisaidi metakirjelduse, mida on lihtne HTML-is määratleda. Siin on tehnikaraamatute lehe kirjelduse näide:

index.html
html>
<htmllang="en">
<pea>
<metamärgistik="UTF-8">
<metanimi="vaateava"sisu="laius = seadme laius, esialgne skaala = 1,0">
<linkrel="laadileht"href="stiil.css">
<pealkiri>Tech Books Online: avastage parimat tehnoloogiaraamatute kogupealkiri>
<metanimi="kirjeldus"sisu="Avastage kvaliteetseid tehnikaraamatuid Tech Books Online'is. Avastage programmeerimiskeeli, tipptehnoloogiat ja palju muud. Alustage oma tehnilise kirjaoskuse teekonda kohe!">
pea>
...
html>

Metakirjelduste kirjutamisel peaksite meeles pidama mõnda olulist punkti:

  • Eesmärk on pikkus alla 150 tähemärgi. Seda seetõttu, et enamik otsingumootoreid kuvavad otsingutulemustes ainult metakirjelduse esimesed 155–160 tähemärki, jättes ära kõik ülejäänud.
  • Märksõnad ja meeldejäävad read: see hõlmab asjakohaste märksõnade kasutamist esimestes fraasides ja tugevat konksu, et panna lugejad lehel klõpsama.
  • Veenduge, et teie kirjeldus oleks lühike, kordumatu ja sisaldaks selget kutset tegevusele.

Metakirjeldused ei mõjuta otseselt otsingumootori asetust, kuid hea metakirjeldus muudab tõenäolisemaks, et inimesed külastavad teie veebisaiti otsingutulemuste hulgast.

4. Optimeerige URL-e

Teie saidi URL-id peaksid olema kirjeldavad ja selged nii külastajatele kui ka otsingumootoritele. Halvasti struktureeritud URL võib teie veebisaidi asetust kahjustada. Paljud otsingumootorid tõstavad URL-id esile üsna silmapaistvalt:

Hea ja puhta struktuuriga URL peaks:

  • Vältige pikki ja tarbetuid seansi ID-sid ja muid parameetreid.
  • Olge tõstutundlik; proovige sõnade eraldamiseks kasutada sidekriipse, mitte alakriipse või kaamelitähte.
  • Kasutage ainult väiketähti.
  • Ole täpne.

Hästi struktureeritud URL-id, mis on kirjeldavad, ilma tarbetute parameetriteta ja täpsed, on veebisaidi hea asetuse säilitamiseks hädavajalikud.

5. Tagada mobiilisõbralikkus

Inimesed pääsevad veebisaitidele rohkem mobiiltelefonide kui lauaarvutite kaudu, mistõttu on mobiilisõbralikkus SEO-s väga oluline aspekt. Selle tulemusel premeerivad otsingumootorid nüüd oma edetabelis mobiilisõbralikke veebisaite, karistades neid, kes seda ei tee. Saate parandada oma veebisaitide mobiilisõbralikkust CSS-i meediapäringute ja paljude muude meetodite abil.

/* Meediumipäringud erinevate ekraanisuuruste jaoks */
/* Mobiiltelefonid */
@meedia (maksimaalne laius:767 pikslit) {
} 


/* Tahvelarvutid ja väikesed lauaarvutid */
@meedia (min-laius:768 pikslit) ja (maksimaalne laius:1199 pikslit) {
}
/* Suuremad töölauaekraanid */
@meedia (min-laius:1200 pikslit) {
}

CSS-i tehnikate kasutamine mobiilisõbralike veebisaitide loomiseks, mis kohanduvad erinevate ekraanisuurustega, annab teie veebisaidile SERP-ides hea maine.

6. Piltide optimeerimine

Kuna veebisaite on palju, on neil palju pilte. Veebisaidi asetus on tihedalt seotud piltidega, kuna need parandavad veebisaidi jõudlust, kasutajakogemust ja SEO-d. Saate pilte optimeerida, tihendades neid ja kasutades alt-atribuute (mida mõnikord nimetatakse ka "alt-märgenditeks").

Alt-atribuudid aitavad otsingumootoritel pilte veebilehtede sisuga seostada. See võimaldab otsingumootoritel neid oma otsingutulemustes õigesti indekseerida. Peaksite kirjutama alt atribuudid publikule, kes ei pruugi pilte vaadata. Sellesse vaatajaskonda kuuluvad nii nägemispuudega inimesed kui ka otsingumootorid, mis ei analüüsi pildisisu.

Kirjeldage oma pilte täpselt ja lisage asjakohased märksõnad. Siin on näide pildist ja sellest, kuidas saate selle HTML-is optimeerimiseks kasutada alt-atribuuti.

<imgsrc="raamatud.jpeg"
 alt="Musta pastapliiatsiga raamatute virn, mis toetub märkmikule, asetatud puidust lauale.">

Mis puutub SEO-sse, siis mida kiiremini leht laaditakse, seda parem. Teie HTML-, CSS- ja JavaScript-failid võivad kõik olla väikesed, kuid kui laadite üles suure suurusega pildid, aeglustab see teie veebisaiti. Parim tava on kõigi oma veebisaidi piltide tihendamine, mida saate teha mitmel erineval viisil. Interneti-tööriista kasutamine piltide tihendamiseks on vaid üks võimalus.

7. Parandage lehe kiirust

Mida kiiremini teie veebisait laaditakse, seda parem. Kui lehe laadimine võtab liiga kaua aega, ei tunne kasutajad sellest huvi ja klõpsavad nad eemale. Kiiresti laaditavad veebisaidid parandavad kasutajakogemust ning neil on tavaliselt kõrgem seotuse ja SEO edetabel. On mõned tehnikad, mis aitavad teil arendajana lehe kiirust optimeerida. Mõned neist on järgmised:

  • Vähendage pilte tõhusate failivormingute ja tihendamise abil.
  • Minimeerige ja tihendage oma veebisaidi HTML-, CSS- ja JavaScript-faile. See hõlmab mittevajalike märkide, näiteks tühikute ja kommentaaride eemaldamist; automatiseeritud tööriist võib aidata.
  • Kasutage sisu edastamise võrku (CDN). CDN on serverite võrk, mis levitab teie veebisaidi sisu kogu maailmas, et teenindada kasutajaid lähimast serverist.

Pidage meeles, et mida kergem või optimeeritum on teie veebisait faili suuruse osas, seda kiiremini see laaditakse.

Avage oma veebisaidi potentsiaal SEO abil

Kui kasutate neid SEO parimaid tavasid oma arendusprotsessi osana, on teil parem positsiooni luua veebisait, mis ei ole mitte ainult SERP-de hulgas kõrgel kohal, vaid pakub ka erakordset kasutajat kogemusi.

Pidage meeles, et SEO on pidev protsess, mis nõuab pidevat jälgimist ja analüüsi, et otsingumootorite algoritmidega sammu pidada.