Tekninen Hakukoneoptimointi eli Tekninen SEO

Tämän ymmärtäminen verkkosivustoista on tärkeää SEO-asiantuntijoille muutamasta syystä

Tämän verkkosivun kokoamisprosessin vaiheet voivat vaikuttaa sivun latausaikoihin, ja nopeus on tärkeää paitsi käyttäjien sivustolla pitämiseksi, myös yhtenä Googlen sijoitustekijöistä.

Google renderöi tietyt resurssit, kuten JavaScriptin, “toisella kierroksella”. Google katsoo ensin sivua ilman JavaScriptiä, sitten muutaman päivän tai viikon kuluttua se renderöi JavaScriptin, mikä tarkoittaa, että SEO-kriittiset elementit, jotka on lisätty sivulle JavaScriptin avulla, eivät välttämättä tule indeksoiduiksi.

Kuvittele, että verkkosivuston latausprosessi on työmatkasi. Valmistaudut kotona, keräät tavarasi toimistolle viemistä varten ja otat nopeimman reitin kodistasi työpaikallesi. Olisi hölmöä laittaa vain toinen kenkäsi jalkaan, ottaa pidempi reitti työhön, jättää tavarasi toimistolle ja palata heti kotiin hakemaan toista kenkääsi, eikö? Juuri niin tekevät tehottomat verkkosivustot. Tässä luvussa opit diagnosoimaan, missä verkkosivustosi saattaa olla tehoton, mitä voit tehdä virtaviivaistamiseksi ja mitä positiivisia vaikutuksia tämä virtaviivaistaminen voi saada aikaan sijoituksissasi ja käyttäjäkokemuksessa.

Ennen kuin verkkosivustoa voidaan käyttää, se on perustettava!

Domain-nimi ostetaan. Domain-nimet, kuten videotehdas.com, ostetaan domain-nimirekisteröijältä, kuten GoDaddy. Nämä rekisteröijät ovat vain organisaatioita, jotka hallinnoivat domain-nimien varauksia.

Domain-nimi linkitetään IP-osoitteeseen. Internet ei ymmärrä nimiä kuten “videotehdas.com” verkkosivustojen osoitteina ilman domain-nimipalvelinten (DNS) apua. Internet käyttää numerosarjaa, jota kutsutaan Internet-protokollan (IP) osoitteeksi (esim. 1234.0.0.1), mutta haluamme käyttää nimiä kuten videotehdas.com, koska ne ovat ihmisille helpommin muistettavia. Meidän on käytettävä DNS:ää linkittääksemme nuo ihmisille luettavat nimet koneellisesti luettaviin numeroihin.

Kuinka verkkosivusto pääsee palvelimelta selaimelle

Käyttäjä pyytää domainia. Nyt, kun nimi on linkitetty IP-osoitteeseen DNS:n kautta, ihmiset voivat pyytää verkkosivustoa kirjoittamalla domain-nimen suoraan selaimeensa tai klikkaamalla linkkiä verkkosivustolle.

Selain tekee pyyntöjä. Verkkosivupyynnön yhteydessä selain tekee DNS-hakupyynnön muuntaakseen domain-nimen sen IP-osoitteeksi. Sen jälkeen selain tekee pyynnön palvelimelle verkkosivusi koodista, kuten HTML, CSS ja JavaScript.

Palvelin lähettää resursseja. Kun palvelin on vastaanottanut pyynnön verkkosivustosta, se lähettää verkkosivuston tiedostot koottavaksi hakijan selaimessa.

Selain kokoaa verkkosivun. Selain on nyt vastaanottanut resurssit palvelimelta, mutta sen on vielä koottava kaikki yhteen ja renderöitävä verkkosivu, jotta käyttäjä voi nähdä sen selaimessaan. Selaimen jäsentäessä ja järjestäessä kaikkia verkkosivun resursseja, se luo dokumenttiobjektimallin (DOM). DOM on se, mitä näet, kun napsautat oikealla ja valitset “tarkastele elementtiä” verkkosivulla Chrome-selaimessasi (tutki elementtejä myös muissa selaimissa).

Selain tekee lopulliset pyynnöt. Selain näyttää verkkosivun vasta, kun kaikki sivun tarvittava koodi on ladattu, jäsentynyt ja suoritettu, joten tässä vaiheessa, jos selain tarvitsee lisäkoodia näyttääkseen verkkosivustosi, se tekee lisäpyynnön palvelimeltasi.

Verkkosivusto ilmestyy selaimessa. Huh! Kaiken tämän jälkeen verkkosivustosi on nyt muunnettu (renderöity) koodista siihen, mitä näet selaimessasi.

Nyt kun tiedät, miten verkkosivusto näkyy selaimessa, keskitymme siihen, mistä verkkosivusto koostuu — toisin sanoen, koodiin (ohjelmointikielet), joita käytetään näiden verkkosivujen rakentamiseen.

Kolme yleisintä ovat:

• HTML – Mitä verkkosivusto sanoo (otsikot, sisältöteksti jne.)
• CSS – Miltä verkkosivusto näyttää (väri, fontit jne.)
• JavaScript – Miten se toimii (interaktiivinen, dynaaminen jne.)

HTML tarkoittaa hypertekstin merkintäkieltä, ja se toimii verkkosivuston perustana. Elementit, kuten otsikot, kappaleet, listat ja sisältö, määritellään kaikki HTML:ssä.

CSS tarkoittaa “cascading style sheets” eli porrastettuja tyylitiedostoja, ja juuri se saa verkkosivusi näyttämään tietyiltä fonteilta, väreiltä ja asetteluilta. HTML luotiin sisällön kuvaamiseen, ei sen tyylittelyyn, joten kun CSS tuli mukaan kuvioihin, se oli merkittävä muutos. CSS:n avulla verkkosivuja voitiin “kaunistaa” ilman, että tyylejä tarvitsi koodata manuaalisesti jokaisen sivun HTML:ään — mikä on työläs prosessi, erityisesti suurilla sivustoilla.

JavaScript voi tehdä melkein mitä tahansa sivulle. Esimerkiksi se voi luoda ponnahdusikkunan tai pyytää kolmannen osapuolen resursseja, kuten mainoksia, näytettäväksi sivullasi.

Kuinka hakukoneet ymmärtävät verkkosivustoja

Kuvittele olevasi hakukoneen indeksoija, joka skannaa läpi 10 000 sanan artikkelin siitä, kuinka leipoa kakku. Kuinka tunnistat kirjoittajan, reseptin, ainesosat tai tarvittavat vaiheet kakun leipomiseen? Tässä tulee mukaan skeeman merkintä. Se mahdollistaa hakukoneille tarkempien luokittelujen tarjoamisen siitä, millaista tietoa sivullasi on.

Skeema on tapa merkitä tai järjestää sisältöäsi, jotta hakukoneet ymmärtävät paremmin, mitä tietyt elementit verkkosivuillasi ovat. Tämä koodi antaa rakenteen tiedoillesi, minkä vuoksi skeemaa kutsutaan usein “rakenteelliseksi tiedoksi”. Tiedon rakenteellistamisprosessia kutsutaan usein “merkinnäksi”, koska merkitset sisältöäsi järjestävällä koodilla.

JSON-LD on Googlen suosima skeeman merkintätapa, jota myös Bing tukee. Nähdäksesi täydellisen luettelon tuhansista saatavilla olevista skeeman merkinnöistä, vieraile Schema.org-sivustolla tai katso Google Developersin johdatus rakenteelliseen tietoon saadaksesi lisätietoja rakenteellisen tiedon toteuttamisesta. Toteutettuasi verkkosivuillesi parhaiten sopivan rakenteellisen tiedon, voit testata merkintääsi Googlen Rakenteellisen Tiedon Testaustyökalulla.

Skeeman merkinnän avulla ei ainoastaan auteta, esimerkiksi Googlea, ymmärtämään, mistä tietyn sisällön kappale kertoo, vaan se voi myös mahdollistaa erikoisominaisuuksien liittämisen sivuillesi SERP-tuloksissa. Näitä erikoisominaisuuksia kutsutaan “rikkaiksi katkelmiksi”, ja olet todennäköisesti nähnyt ne toiminnassa. Ne ovat asioita kuten:

• Top Stories -karusellit
• Arvostelutähdet
• Sitelink-hakulaatikot
• Reseptit

Muista, että rakenteellisen tiedon käyttäminen voi auttaa mahdollistamaan rikkaan katkelman esiintymisen, mutta se ei takaa sitä. Muita rikkaita katkelmia lisätään todennäköisesti tulevaisuudessa, kun skeeman merkinnän käyttö lisääntyy.

Joitakin viimeisiä neuvoja skeeman menestykseen:

Voit käyttää useita skeeman merkintätyyppejä sivulla. Jos kuitenkin merkitset yhden elementin, kuten tuotteen esimerkiksi, ja sivulla on listattu muita tuotteita, sinun on myös merkittävä nuo tuotteet.

Älä merkitse sisältöä, joka ei ole näkyvissä vierailijoille, ja noudata Googlen laatuohjeita. Esimerkiksi, jos lisäät arvostelurakenteisen merkinnän sivulle, varmista, että nuo arvostelut ovat todella näkyvissä kyseisellä sivulla.

Jos sinulla on kaksoiskappaleita sivuja, Google pyytää, että merkitset jokaisen kaksoiskappaleen sivun rakenteellisella merkinnälläsi, ei vain kanonista versiota.

Tarjoa alkuperäistä ja päivitettyä (tarvittaessa) sisältöä rakenteellisen tiedon sivuillasi.

Rakenteellisen merkinnän tulisi olla tarkan heijastus sivustasi.

Pyri käyttämään sisällöllesi mahdollisimman täsmällistä skeeman merkintätyyppiä.

Merkitsevien arvostelujen ei tulisi olla yrityksen kirjoittamia. Niiden tulisi olla aitoja, palkattomia yritysarvosteluja todellisilta asiakkailta.

Kerro hakukoneille suosimistasi sivuista kanonisoinnin avulla

Kun Google indeksoi samaa sisältöä eri verkkosivuilla, se ei joskus tiedä, mitä sivua indeksoida hakutuloksiin. Tämän vuoksi rel=”canonical” -tagi keksittiin: auttamaan hakukoneita paremmin indeksoimaan suositellun version sisällöstä eikä kaikkia sen duplikaatteja.

Rel=”canonical” -tagi mahdollistaa sinun kertoa hakukoneille, missä alkuperäinen, pääversio sisällöstä sijaitsee. Käytännössä sanot: “Hei hakukone! Älä indeksoi tätä; indeksoi sen sijaan tämä lähdesivu.” Joten, jos haluat julkaista sisällön uudelleen, oli se sitten täsmälleen sama tai hieman muokattu, muttet halua riskeerata duplikaattisisällön luomista, kanoninen tagi on täällä pelastamassa päivän.

Mistä löytää rel=canonical sivun lähdekoodista?

Oikeaoppinen kanonisointi varmistaa, että jokaisella verkkosivustosi ainutlaatuisella sisällöllä on vain yksi URL. Estääkseen hakukoneita indeksoimasta useita versioita yhdestä sivusta, Google suosittelee, että jokaisella sivustosi sivulla on itseensä viittaava kanoninen tagi. Ilman kanonista tagia, joka kertoo Googlelle, mikä versio verkkosivustostasi on suositeltu, https://www.example.com voisi tulla indeksoiduksi erikseen osoitteesta https://example.com, luoden duplikaatteja.

Mitä tulisi välttää teknisessä SEOssa?

“Vältä duplikaattisisältöä” on internetin tosiasia, ja hyvästä syystä! Google haluaa palkita sivustoja, joilla on ainutlaatuista, arvokasta sisältöä – ei sisältöä, joka on otettu muista lähteistä ja toistettu useilla sivuilla. Koska hakukoneet haluavat tarjota parhaan hakukokemuksen, ne harvoin näyttävät useita versioita samasta sisällöstä, valiten sen sijaan näyttää vain kanonisoidun version, tai jos kanonista tagia ei ole, minkä version ne katsovat todennäköisimmin alkuperäiseksi.

Videot teknisessä SEOssa

Yksi elementti jota erityisesti Google arvostaa on videot. Embeddaa sivuillesi videoita. Voit hostata niitä YouTubessa tai käyttää jo olemassa olevia videoita. Omien videoiden avulla saat kuitenkin suuremman hyödyn, koska pystyt myös tekemään teknistä optimointia YouTubesta sivullesi. 

YouTube hostauksen riski nettisivun videoille on kilpailijoiden mahdollinen mainonnan kohdentaminen niihin. Se on kuitenkin hyvä tapa aloittaa videoiden hyödyntäminen, mutta VideoTehdas suosittelee kuitenkin maksullisia hostaus palveluita videoiden upottamista varten. Osa meidän asiakkaista on tehnyt videoiden embeddauksen tuotesivuille niin, että ne ei ole suoraan nähtävissä, vaan ne ovat “piilotettu” jonkin tabin taakse. SEO hyöty on silloin saavutettu, mutta toki hieno video olisi kiva myös näyttää ihmisille.

Katso tästä linkistä lisää tietoa miten videoita voi hyödyntää markkinoinnissa