SEO optimizacija – Google Page Speed Insights
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ą:
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ą:
