SEO ja Ajax voi aiheuttaa harmaita hiuksia

Yksi tärkeimmistä asioista hakukoneoptimoinnissa on sivujen nopea lataus. Tätä yritetäänkin parantaa kaikin mahdollisin tavoin ja yksi tapa on, että osa sisällöstä generoidaan sivun latauksen yhteydessä. Eli sivuille luodaan dynaamista sisältöä.

Joissakin tapauksissa hakubotit kokevat tällaisen sisällön hankalasti luettavaksi. Monesti ohjeistetaan, että klikkaamalla ”näytä sivun lähdekoodi” ikkuna auki, olisi tämä ainoa koodi, jota hakurobotti osaa tarkastella. Asia ei kuitenkaan ole aivan näin.

Googlen hakubotti on nykyisin hyvinkin kehittynyt ja osaa suorittaa jonkun verran javascriptia ja myös generoida Ajax-sisältöä. Paras tapa selvittää, että löytääkö botti sivusi sisällön, on käyttää Googlen Search Consolea.

En voi varmastikaan tarpeeksi mainostaa, kuinka suuressa asemassa Search Console on sivujen ylläpidossa, erityisesti SEO:n näkökulmasta. Tämän työkalun kautta voidaan hakea sivut, kuten Google ne botillaan hakee.  Kohdasta ”Crawl” > ”Fetch as Google” voidaan sivut crawlata läpi ja samalla valita Googlebotti piirtämään snapshot siitä, mitä botti näkee.

Jos botin näkemä sisältö vastaa sitä, mitä käyttäjän näkemä sisältö on, on hyvin mahdollista, että indeksoinnissa ei tule ongelmia. Samalla voidaan pyytää Google indexoimaan haluttu sivu. Indexointi ottaa sitten noin 4 pv – 4 viikkoa.

Jos botti taaseen ei pysty renderoimaan Ajax-sisältöä, on tähänkin olemassa apu. Esimerkiksi  Prerender-pavelu renderöi sivustasi Googlebotille html snapshotin, jolloinka botti näkee sivusi sisällön ja pystyy indeksoimaan kaiken tarvittavan.

Sivujen nopeus onkin yksi hyvä lähtökohta hakukoneoptimoinnissa, mutta joissakin tapauksissa siitä voi joutua maksamaan kalliin hinnan. Pitää muistaa, että sivut voidaan toteuttaa ilman dynaamista sisältöä, ja ne voivat silti olla hyvinkin nopeat.  Kannattaa siis miettiä, että onko ”ylimääräisten” scriptien käyttö sivujesi toimivuuden kannalta olennaista.

Google hakukoneoptimointikatsaus 25.6.2018

Hakukoneoptimointikatsaus, kuinka nopeasti saavutetaan tulosta?

Tilanne on nyt se, että aloitin tämän sivustoprojektin eilisiltana 24.6.2016 tehdäkseni tutkimusta hakukonesijoituksista ja kartuttaakesni lisää kokemusta hakukoneoptimaation saralla. Pelkällä hakukoneoptimaatio -sanalla ei sijoille vielä päästä, eikä tuo nyt olekkan mikään ihme. Mutta hakukoneoptimointi 101 -hakusana antaa jo sijan 18 orgaanisissa tuloksissa. Ihan hyvin siis omasta mielestäni.

Näitä vastaavia postauksia on jatkossa luvassa lisää, joissa seurataan sijoitusten nousua. Samalla päivitän sivujani aktiivisesti ja kirjoitan hakukoneoptimoinnista niin blogiin, kuin myös Hakukoneoptimointi 101 -sivulle.

Nettisivujen latausnopeus ja WordPress

Nykyisin hakukoneet arvostavat käyttäjäkokemusta enemmän, kuin hakusanoilla floodaamista, joka on minusta mahtava asia. Enää et saa hyviä tuloksia pelkästään kylvämällä hakusanoja ja tuottamalla käyttäjälle täysin hyödytöntö sisältöä. Kiitos tietokone oppiminen!

Tämä toki tuo myös mukanaa tuskan kyyneleitä sivujen ylläpitäjille, sillä sivustoilta odotetaan nykyisin pelottavaakin suorituskykyä, jotta saataisiin hyviä tuloksia hakukoneiden hakusijoituksissa. On oltava selkeää, uniikkia tekstiä ja nopeasti latautuva ulkoasu. Tähän vaikuttavat html, css ja javascriptin aiheuttamat render blokkaukset. Esimerkiksi sivun latautumisen alussa jokin skripti saattaa estää sivuston ulkoasun latautumisen ennen, kuin tämä skripti on suorittanut toimenpiteensä loppuun. Googlelle on tärkeää, että above-the-fold (ensimmäinen näkyvä kohta sivustasi, kun menet sinne) renderoituu ensin, jotta käyttäjäkokemus olis paras. Ja ymmärrän miksi, sillä suurin osa poistuu sivuilta, jos lataus kestää yli kolme sekuntia. Pitäkää mielessä!

Onneksi WordPressiin on olemassa monia hyviä plugineja, joilla näihin ongelmakohtiin voi puuttua hyvinkin mutkattomasti. Sinun ei tarvitse alkaa säätämään koodiviidakossa, jos se ei tunnu sinusta luontevalta. Myös mobiiliin on saatavilla  erinomainen apu, joka kulkee nimellä AMP (Accelerated Mobile Pages), jonka avulla voidaan sivut riisua turhasta koodista ja saada mobiiliversiota nopeutettua, mutta tästä kerron tarkemmin uudessa postauksessa.

Listaan tähän muutamia WP lisäosia, jota suosittelen käyttämään sivujasi nopeuttamaan:

Autoptimize optimoi html, css ja javascript koodia, pakkaamalla (minify) ja osaa siirtää tyylejä suoraan lähdekoodiin poistaen turhia tyylitiedostoja.

ShortPixel Image Optimizer pienentää jpg, png, gif ja pdf tiedostoja suoraan latausvaiheessa. Voit myös konvertoida kuvatiedostoja esimerkiksi jpg > png.

WP Rocket on todella suosittu lisäosa, jolla voidaan vaikuttaa kuvien latautumiseen, välimuistiin ja kooditiedostojen pakkaukseen.

Lue lisää hakukoneoptimointi 101 -sivulla kohdasta Verkkosivujen latausnopeus.