Kaj upočasnjuje mojo WordPress spletno stran?

WordPress spletne strani so mnogokrat počasne zaradi slabe optimizacije slik in kode, počasne izbrane teme, video posnetkov ali hotlinkov, velikokrat pa je stran počasna tudi zaradi samih vtičnikov, ki jih uporabljamo (ali ne).

Zakaj so ravno vtičniki lahko problem?
Vtičniki so lahko slabo konfigurirani (posamezne vtičnike so razvili/napisali različni razvijalci, ki imajo različno dobre vrline programiranja) ali pa smo jih namestili preveč (omejite se na največ 15 vtičnikov).

Vas zanima kateri vtičniki najbolj upočasnjujejo vašo spletno stran?
Namestite si Plugin Performance Profiler ali krajše kar P3, z njim boste hitro ugotovili kateri vtičnik vas upočasnjuje.

Vtičnik deluje na Firefoxu, Chromu, Operi, Safariju in IE9 (ali višja različica, na nižji ne bo deloval).

Namestitev: https://srd.wordpress.org/plugins/p3-profiler/

Po skeniranju vtičnika vaše spletne strani boste lahko na gornji strani opazili sledeče informacije – koliko vtičnikov je trenutno aktivnih na vaši strani, koliko časa je posvečenega samemu nalaganju teh vtičnikov, koliko MySQL poizvedb se izvede na obisk.


Runtime by Plugin
Prikaz najbolj potratnih vtičnikov v obliki kolača

Detailed Breakdown
V tej kategoriji si boste lahko ogledali čas, ki ga porabi vsak vaš vtičnik, tema, jedro WordPressa.

Ogledate si lahko Simple Timeline (enostavno časovnico) in Detailed Timeline (bolj kompleksno časovnico) kjer si lahko prilagajate posamezne elemente tako, da lahko dejansko ugotovite kaj in za koliko upočasnjuje stran.

Query Timeline – ugotovite kaj povzroči oz. generira največ pozivedb.

Advanced Metrics – natančnejši časovni pregled strani, ki vam pove kje se časovno gibljete (nad povprečjem, v povprečju ali pod povprečjem).

Tako, sedaj se boste lažje odločili kateri plugin (vendar ne za vsako ceno) je potrebno odstraniti.
Vsekakor obdržite varnostne vtičnik, cache vtičnik, spam vtičnik ter se poizkušajte omejiti na največ 15 vtičnikov.
Tudi ta plugin po koncu skeniranja odstranite.

Mobilni SEO, mobile (responsive) site in najpogostejše napake

SEO spletne strani in mobilne strani si je dokaj podoben, pa vendar se v nekaterih pomembnih točkah razlikuje.

Kaj potrebujete za odlično SEO uporabniško izkušnjo vaše mobilne strani?

Dizajn

Dizajn strani in mobilni – responsive design se med seboj razlikujeta, vendar to ne pomeni, da, če imate responsive web design, da je tudi uporabniška izkušnja le tega dobra.

Stran poenostavite, naj vsebuje resnično samo najpomembnejše podatke (ne naredite copy-paste web strani).
Po Google Mobile Playbook  57% uporabnikov pravi, da ne bi priporočilo podjetja s slabo mobilno stranjo, kar 40% pa se jih obrne k vaši konkurenci, če imate slabo mobilno stran.

Screen Shot 2015-04-08 at 14.52.21

Vir slike Google Mobile Playbook

Google vsekakor priporoča Responsive design. Zakaj?
Pravijo, da je manj onesnažen (če je narejen enostavno) ter da nima nikakršnega SEO tveganja, prav tako pa ga je lažje implementirat in je kopatibilen tudi z drugumi metodami.

Z responsive designom dosežemo tudi to, da je le ta prilagojen različnim mobilnim napravam kot tudi tablicam.
Velikosti pametnih telefonov se gibljejo nekje od 320 px do 400 px, velikosti tablic pa so nekej od 480 px do 800 px, vendar če jih postavimo vodoravno lahko merijo nekje do 1280 px.

Screen Shot 2015-04-09 at 09.57.28
Če vaš proračun ni velik, potem lahko v Google Analytics pogledate katere naprave največkrat uporabljajo vaše stranke.
Google Analytics – Audience – Mobile – Devices – Screen resolution.

Screen Shot 2015-04-09 at 10.33.34

Screen Shot 2015-04-09 at 10.34.51Sliki sta uporabljeni iz našega Google Analyticsa.

Povezave

Uporabite lahko tudi drugačen link kot link spletne strani (za mobile naj bo napr; m.ddddd.six za spletno stran pa ddddd.six).

Pri preusmeritvah bodite prav tako pozorni, da se desktop url pravilno pretvori v mobile url.
Napr. dddddd.six/infos naj gre v m.dddddd.si/info in ne v m.dddddd.si

Torej pri tem gre za drugačen pristop grajenja mobilne strani kot pri responsive.
Če se ne morete odločiti ali bi uporabili Responsive, Ločeno mobilno spletno stran ali Dinamično prikazovanje, vam bo morda pomagal sledeč vprašalnik:

Screen Shot 2015-04-09 at 10.23.32

Vir slike: https://www.distilled.net/static/images/mobileguide/Flowchart.png

Iskalnik in navigacija strani

Uporabite veliki iskalnik (saj je mali web iskalnik zelo zoprn za telefone), ki naj se nahaja desno zgoraj.

Uporabite enostavni meni strani – navigacijo, naj uporabnik takoj vidi tisto kar išče.
Nap. če prodajate domene in gostovanja, naj bo to uporabniko “pred nosom”.
Kategorije, podkategorije naj bodo prilagojene za t.i. “debele prste”.

Navigacija strani (nasveti):

  • ime podjetja naj se nahaja vedno zgoraj, pomeknjeno levo, sredino (če nimate desne vrstice)
  • iskalnik naj se nahaja vedno zgoraj desno
  • pod imenom ali nad imeno podjetja naj bo vedno naslov, telefonska številka, delovni čas, email
  • levo ali srednisko (če nimate dense vrstice) naj se nahajajo glavne kategorije (na desni strani lahko uporabite manj pomembne kategorije, če jih morate)
  • levo ali na sredini (če nimate desne vrstice) od glavne kategorije naj se nahaja besedilo
  • lahko pa naredite srednisko postavitev kategorije in ko uporabnik nanjo klikne se mu pod kategorijo prikaže podkategorijo ali/in besedilo
  • če uporabljate benerje naj se te nahajajo pod glavnimi kategorijami ali pod imenom podjetja

Seveda je navigacija strani in oblika odvisna le od vas, vendar predlagamo naj bo čim bolj enostavna in pregledna.

Za boljšo konverzijo

Za boljšo konverzijo takoj na začetku ponudite vaše storitve (povezano z navigacijo strani). Po Google Mobile Paybooku (spodnja slika) je kar 20% prodaje izgubljenje, ker uporabniki ne najdejo produkta zaradi katerega so zajadrali na vašo stran.
Uporabite velike gumbe z t.i. “call to action” in enostaven naročniški proces z dovolj velikimi polji, da uporabnik ne bo imel problema s pisanjem ali klikanjem.

Screen Shot 2015-04-08 at 14.47.04

Prav tako, pa naj bodo fonti prilagojeni, saj je za SEO najboljše, da uporabnik ne rabi uporabiti zooma (povečave).
Torej besedilo naj bo dovolj veliko, da bo takoj vidno.

Kje lahko preverite kakšno uporabniško izkušnjo nudi vaša stran:
https://developers.google.com/speed/pagespeed/insights/

Informacija in lokacija

Na vidno mesto postavite vašo telefonsko številko, naslov in delovni čas (tega uporabniki največkrat iščejo). Po Google Mobile Playbook (spodnja slika) raziskavi kar 94% uporabnikov pametnih telefonov išče lokacijo.
Zanjo lahko uporabite Google Maps za takojšno navigacijo do vaše trgovine.

Telefonska številka naj bo narejena tako, da nanjo uporabik lahko klikne in s tem tudi opravi klic – t.i. Click to Call (po raziskavi Google Mobile Playbook kar 48% mobilinih uporabnikov išče telefonsko številko in jo tudi pokliče, samo 29% pa opravi takojšen nakup).

Screen Shot 2015-04-08 at 14.40.32

Slike, video, animacije ter hitrost 

Optimizirajte slike na prave velikosti in uporabite čim manj flasha, saj imata ti dve strani pomembno vlogo pri hitrosti mobilne strani.
Slike naj bodo čiste in naj prikazujejo izdelek.
Za animacije uporabite HTML5.
Uporabite video embed, ki je kompatibilen z vsemi napravami.

Google je v svoj algoritem rangiranja strani uvrstil tudi hitrost spletne strani.
Počasna stran pomeni, da robotek lahko preišče manj spletne strani, kot mu je bilo dodeljeno in s tem se poveča negativni efekt, ki vpliva na indeksacijo.
Poleg tega pa ima počasnejša spletna stran slabši t.i. user experience, kar se kaže tudi v konverziji.

Kje lahko preverite kako hitra je vaša stran na različnih napravah:
https://developers.google.com/speed/pagespeed/insights/
ob analizi so vam na voljo tudi rešitve za hitrejšo stran.

Vsebina in naslovi

Optimizirajte svojo vsebino tako, da bo natančna, kratka in relevantna za uporabnika.
Če je vaš namen prodaja določenega izdelka, naj bo dolgotvezenja čim manj.

Napolnite vsebino z relevantnimi ključnimi besedami
(uporabite Google Keyword Tool – Keyword Planner – https://support.google.com/adwords/answer/2999770).

Za mobilne naprave prijazni Meta Tagi; Za vsebino je priporočljivo, da se uporabi nekje največ 90 znakov, medtem ko naslov naj ne vsebuje več kot 40 znakov.

Najpogostejše napake

Ne glede na to ali uporabite responsive ali drugi url za mobilno stran je za SEO najbolj pomembno to, da je stran pregledna in “easy-to-use”.
Najpogostejše napake, ki se pojavljajo pri mobilnih straneh so:

  • uporaba flasha.
  • nepomembne strani in informacije.
  • uporaba pop-upov.
  • blokiranje JavaScript, CSS in Image files. Dovolite Googlebotu, da dostopi do vaše Jvae, CSSja in Image file, saj ga bo le tako lahko videl kot uporabnik. Brez tega lahko vaša pozicija pade.
  • če video ali animacija ne delujeta je ne imeti na strani.
  • nepravilne preusmeritve urljev.
  • premajhne črke, kategorije in nakupni proces (tako da je potrebno uporabiti zoom).
  • neizpostavljenost kontakta, telefonske in naslova.
  • neuporaba iskalnika ali napačno postavljen iskalnik strani.

 

Viri in članki v katerih izveste še več podrobnosti:

Kako izboljšati hitrost WordPress strani v 10-tih korakih

1. Izberite pravo temo

Verjetno na to niste nikoli pomislili, vendar so teme, ki so hitre in tiste, ki se odzivajo počasneje. Najhitrejše teme so prednastavljene WP teme.

Prijavite se v svojo WP stran – Appearance (izgled) – Themes (teme).
Nekako so se od prednastavljenih tem najbolje izkazale Twenty teme.

Če vam te niso všeč, vam predlagamo, da izberete temo, ki je čista – preprosta.

2. Pomanjšajte slike

Velike in visoko kvalitetne slike se dolgo nalagajo in s tem upočasnijo vašo stran.

Predlagamo vam:

  • WP Smush.it plugin; zmanjša sliko, vendar ohrani kvaliteto. Deluje avtomatsko, torej vsakič ko boste sliko naložili se bo ta avtomatsko pomanjšala. Uporabno za .jpg formate.
  • EWWW Image Optimizer; prav tako avtomatsko optimizira vaše slike, ko jih nalagate na stran. Omogoča tudi, da enako storite z že naloženimi slikami. EWWW ohrani kvalitetno sliko. Uporabno predvsem za .png format (podpira tudi .jpg in .gif)

3. Izberite primerno gostovanje

Če računate na to, da bo vaša stran popularna in bo imela veliko prometa, vam odsvetujemo shared (deljeno) gostovanje.

Izberite gostovanje po vaši meri (VPS), tako bo WP stran hitra in ne bo se zgodilo, da bi zaradi preobremenjenosti ali izklopa zaradi ogoržanja drugih, postala nedosegljiva.

4. Optimizirajte MySQL in HTML ter CCS

5. Odstranite plugine, ki jih ne uporabljate.

Enako storite z neobjavljenimi članki, ki so v bazi, pa jih niti ne nameravate objaviti. Pri tem pa ne pozabite izprazniti tudi koša.

Prijavite se v svojo WP stran – Plugins (vtičniki) – Installed Plugins (nameščeni vtičniki) – Select (izberi) – Delete (izbriši) ali Select (izberi) – Bulk action (označi akcijo) – Apply (potrdi)

6. Posodobitve

Redno posodabljate WP in vse plugine.

Prijavite se v svojo WP stran – Dashboard (nadzorna plošča) – Updates (posodobitve)

7. Odstranite hotlinks

Z odstranitvijo hotlinkov se boste znebili tudi spamerjev.

Kaj sploh so hotlinki?
Naprimer, da je nekomu všeč slika na vaši strani in si jo želi tudi na svoji strani. Ta bo z veseljem uporabil celoten URL vaše slike na svoji strani, saj se bo slika vsakič, ko jo bo nekdo gledal na njegovi strani, naložila na vaši strani.  Kar pomeni, da porablja naš prenos in ne svojega.

8. Stisnite svojo stran

Stisnjena stran igra pomembno vlogo pri nalaganju strani. Dober ponudnik gostovanja za to poskrbi že sam – za kar smo prav tako poskrbeli pri Zabec.net.

Če za ta vaš ponudnik gostovanja ni poskrbel, vam predlagamo, da uporabite W3 Total Cache plugin.

9. Video naj gostuje drugje

Če imate stran, ki vsebuje veliko video posnetkov, to prav tako vpliva na hitrost vaše strani. Gostite vaše video vsebine na YouTube ali Vimeo.

10. Izklopite PingBack in TrackBack

Te WP uporablja avtomatsko. Z njimi obvesti bloge o povezavah.

Prijavite se v svojo WP stran in pošičite Dashboard – Settings – Discussion – odkljukajte Allow link notifications from other blogs (pingbacks and trackbacks) – kliknite Save changes.