SEO optimizacija – Google Page Speed Insights

vaizdas

Sveiki, pirmą savo įrašą parašysiu apie SEO speed, tai paskaitę būtinai tai išbandykite.
Seo optimizavimas  kainuoja gan nemažai pinigų, kaip ir pats teikdamas seo paslaugas tai puikiai kainas žinau, bet galima laisvai optimizuoti tinklapį ir patiems.
Pradėsiu nuo Google Page Speed Insights: kai jau turite sukurta tinklapį jums reiktu aplankyti šį Google produktą, ir pasitikrinti koks jūsų tinklapio greitis iš 100 balų, ir kokias bėdas rodo.

Kai pasižiūrėsite ir matysite tokį vaizdą:

vaizdas

Tikrai sunerimkite savo tinklapio būsena, tai stipriai paveiks jūsų seo reitingus.
Na aš jums šias klaidas padėsiu techniškai sutvarkyti 🙂

1.  Sverto naršyklės padėjimas į talpyklą

Taip yra rodo todėl, kad jūsų tinklapyje įdėti failai iš kito serverio pvz: http://www.google-analytics.com/analytics.js
nėra jūsų serverije wwww.jūsųsadresas.lt/analytics.js, tai gi reikėtu visus .js, .css, .jpg, .png ir t.t. failus susikelti į savo serverį.
Apie analitiko įkėlimą į savo serverį ir kaip tai padaryti skaitykite kitame mano įraše.

2.  Sumažinti CSS

Labai didelė klaida kuria kaip pastebėjau daro visi programuotojai. ne gražaus išdėstymo reikia, o nepalikti tuščios vietos.
Kai rašomas css failas dažniausiai visi rašo kodą taip:

.css_klase {
width: 100%;
margin: auto;
font-size: 14px;
}
#css_id {
display: block;
float: left;
text-align:center;
}

atrodo tvarkingai ir neturėtu būti jokios įtakos seo optimizacijai, bet turi didelės įtakos todėl reikėtu css rašyti šitaip:

.css_klase {width: 100%;margin: auto;font-size: 14px;}
#css_id {display: block;float: left;text-align:center;}

Taip jūsų css failas užims mažiau KB ir tinklapio greitis bus didesnis.

3. Sumažinti „JavaScript“

Su javascript kaip ir su css viskas vyksta tai pat, tačiau čia jau reikėtu gerai išmanyti javascript kalbą, kad tinkamai suglaudinti ir, kad visos funkcijos gerai veiktu.

4. Sumažinti HTML

Čiapanašiai kaip ir su css bei javascript, irgi reikia nepalikti tuščios vietos.

Pvz:

<div class=“css_klase“>

<h2>Pavadinimas</h2>

<span> tekstas</span>

</div>

Toks HTML kodas yra nelabai tinkamas, žinoma gražus tvarkingas, bet jis paveikia jūsų tinklapio greiti.

Reikėtu rašyti taip:

<div class=“css_klase“><h2>Pavadinimas</h2><span> tekstas</span></div>

5. Optimizuoti vaizdus

Dažnai kurdami paveiksliuką panaudojama per daug spalvų, ir t.t. Todėl piešdami jam nenaudokit per daug spalvų ir t.t. gerai suglaudinkite paveiksliukus

Po patikrinimo Žemiau yra pateikta nuoroda Atsisiųskite optimizuotus šio puslapio vaizdo, „JavaScript“ ir CSS šaltinius.

Paspaudę nuorodą jus gausite optimizuota jūsų tinklapio turinį tai: paveiksliukus, javascript ir css failus. Tuos failus pakeiskite esamus failus tinklapyje  ir pirmas optimizavimo žingsnis jau padarytas.

Apie  Sumažinti serverio atsako laiką, Pašalinti pateikimo blokavimo „JavaScript“ ir CSS kalbą iš turinio virš matomos ribos, Sverto naršyklės padėjimas į talpyklą ir dar keletą Page Speed Insights problemų ištaisymų papasakosiu kitame įraše.

O pabaigai šioje foto pamatysite daugiau nei 90 iš 100 mano tinklapio Page Speed Insights rezultatą:

vaizdas2

Tai nėra galutinis pasiektas greitis.
Ačiū skaičiusiems, klausimus užduokite komentaruose.