This case study records work and measurements from the original project. The linked reports and screenshots are historical results, not a live assessment of the website today.
Optimointiprojekti kohteelle Mainostoimisto Keko sisältää niiden suorituskyvyn ja käyttökokemuksen parantamisen WordPress verkkosivusto. Painopiste on erilaisten strategioiden toteuttamisessa verkkosivuston nopeuden, välimuistin, hakukoneoptimoinnin, responsiivisuuden ja yleisen toimivuuden parantamiseksi.
Tämä optimointityö sisältää kuvien optimoinnin, koodin virtaviivaistamisen, SEO-sisällön kirjoittamisen ja tehokkaiden palvelinpuolen prosessien varmistamisen. Tavoitteena on luoda Mainostoimisto Kekolle virtaviivaisempi ja käyttäjäystävällisempi verkkonäkyvyys, mikä parantaa viime kädessä heidän verkkosivujensa suorituskykyä ja käyttäjätyytyväisyyttä.
Optimointiraportointi
GTmetrix on web-suorituskyvyn seuranta- ja analysointityökalu, joka arvioi verkkosivuston nopeutta ja suorituskykyä. Se tarjoaa näkemyksiä eri näkökohdista, kuten sivun latausajasta, sivun koosta ja verkkosivuston tekemien pyyntöjen määrästä. GTmetrix käyttää Googlen PageSpeed Insightsin ja YSlow:n yhdistelmää, joka tarjoaa käyttökelpoisia suosituksia verkkosivuston optimoimiseksi nopeuden ja käyttökokemuksen parantamiseksi. Se auttaa käyttäjiä tunnistamaan suorituskyvyn pullonkaulat ja tarjoaa ehdotuksia verkkosivuston yleisen suorituskyvyn parantamiseksi.
Seobility on SEO (Search Engine Optimization) -työkalu, joka auttaa verkkosivustojen omistajia ja digitaalisia markkinoijia parantamaan verkkosivustonsa näkyvyyttä hakukoneissa. Se tarjoaa ominaisuuksia, kuten sivun SEO-analyysin, käänteisen linkin valvonnan ja sijoitusten seurannan. Seobility etsii verkkosivustoja SEO-ongelmien varalta ja tarjoaa yksityiskohtaisia raportteja alueista, jotka kaipaavat parannusta. Käyttäjät voivat parantaa verkkosivustonsa hakukoneoptimointia tehostaakseen ongelmia, kuten rikkinäisiä linkkejä, puuttuvia sisällönkuvauskenttiä ja päällekkäistä sisältöä. Lisäksi Seobility tarjoaa näkemyksiä avainsanojen sijoituksista ja käänteislinkkiprofiileista, mikä auttaa käyttäjiä kehittämään tehokkaita SEO-strategioita.
WordPress-artikkelien SEO
Hakukoneoptimoinnin optimointi WordPress-artikkeleille edellyttää strategioiden toteuttamista sisällön näkyvyyden ja sijoituksen parantamiseksi hakukoneissa. Tämä sisältää tyypillisesti perusteellisen avainsanatutkimuksen osuvien ja paljon liikennettä tuovien termien tunnistamiseksi, integroimalla nämä avainsanat strategisesti artikkelin otsikkoon, otsikoihin ja koko sisältöön. Kuvaavien sisällönkuvauskenttien, kuten sisällönkuvausotsikoiden ja -kuvausten, käyttäminen on ratkaisevan tärkeää napsautusten houkuttelemiseksi hakukoneiden tuloksista.
Lisäksi kuvien optimointi, tiiviiden ja informatiivisten URL-osoitteiden käyttö sekä käyttäjäystävällisen rakenteen luominen selkeällä navigaatiolla edistävät parempaa hakukoneoptimointia. Sisällön säännöllinen päivittäminen ja laadukkaiden käänteisten linkkien edistäminen hyvämaineisista lähteistä tehostavat entisestään WordPress-artikkelin hakukoneen suorituskykyä. Laajennuksia, kuten Yoast SEO tai All in One SEO Pack, käytetään yleisesti virtaviivaistamaan ja automatisoimaan monia näistä optimointitehtävistä varmistaen, että WordPress-artikkelit ovat hyvässä asemassa hakukonesijoitusten parantamiseksi ja orgaanisen liikenteen lisäämiseksi.
Kuvat ja latausnopeus
Kuvakoon optimointi on tärkeä osa verkkosivuston suorituskykyä. Suuret kuvat voivat hidastaa sivun latausaikoja ja vaikuttaa negatiivisesti käyttökokemukseen ja hakukoneoptimointiin. Optimointi sisältää kuvatiedostojen koon pienentämisen laadusta tinkimättä, mikä varmistaa sivujen nopeamman latautumisen ja paremman verkkosivuston yleisen suorituskyvyn.
TinyPNG: TinyPNG on suosittu online-työkalu, joka on erikoistunut PNG- ja JPEG-kuvien tehokkaaseen pakkaamiseen. Se käyttää edistyneitä pakkaustekniikoita pienentääkseen merkittävästi tiedostokokoa säilyttäen samalla kuvanlaadun. Käyttäjät voivat ladata kuvia TinyPNG-verkkosivustolle, ja työkalu pakkaa ne automaattisesti tarjoten ladattavia, optimoituja versioita.
Kuvien optimointi WordPressissä:
- Plugin käyttö: WordPress-käyttäjät käyttävät usein lisäosia, kuten Smush tai Imagify, optimoidakseen kuvat automaattisesti latauksen yhteydessä. Nämä laajennukset pakkaavat kuvia, poistavat tarpeettomat tiedot ja varmistavat optimaalisen tiedostokoon laadusta tinkimättä.
- Manuaalinen pakkaus: Pakkaa ne manuaalisesti ennen kuvien lataamista ulkoisilla työkaluilla, kuten TinyPNG. Kun olet pakattu, lataa optimoidut kuvat WordPress-mediakirjastoon.
- Responsiiviset kuvat: Ota käyttöön responsiiviset kuvakäytännöt käyttämällä HTML:n srcset-attribuuttia. Tämä varmistaa, että käyttäjät saavat oikeankokoisia kuvia laitteensa ja näytön koon mukaan, mikä parantaa sekä suorituskykyä että käyttökokemusta.
- Laiska lataus: Ota kuvien laiska lataus käyttöön WordPressissä. Tämä lykkää kuvien lataamista, kunnes ne tulevat käyttäjän näyttöporttiin, mikä lyhentää sivun alkulatausaikoja.
Yhdistämällä näitä menetelmiä WordPress-käyttäjät voivat tehokkaasti optimoida kuvakoot, mikä nopeuttaa sivujen latautumista, parantaa verkkosivuston suorituskykyä ja parempaa yleistä käyttökokemusta.
CloudFlare CDN:n (Content Delivery Network) käyttö:
CloudFlare on laajalti käytetty CDN (Content Delivery Network), joka parantaa verkkosivustojen nopeutta, turvallisuutta ja luotettavuutta jakamalla sisältöä maailmanlaajuiseen palvelinverkkoon. CloudFlaren tärkeimmät ominaisuudet ovat:
- Sisällön jakelu: CloudFlare tallentaa verkkosivustojen sisällön välimuistiin palvelimilla, jotka sijaitsevat strategisesti eri puolilla maailmaa. Kun käyttäjä pyytää verkkosivua, CloudFlare toimittaa sisällön lähimmältä palvelimelta, mikä vähentää latenssia ja parantaa sivun latausaikoja.
- DDoS-suojaus: CloudFlare tarjoaa vankan suojan DDoS-hyökkäyksiä (Distributed Denial of Service) vastaan. Sen verkko on suunniteltu absorboimaan ja vähentämään haitallista liikennettä varmistaen, että verkkosivustot pysyvät saatavilla ja reagoivat hyökkäysten aikana.
- Web-sovellusten palomuuri (WAF): CloudFlare sisältää tehokkaan WAF:n, joka auttaa suojaamaan verkkosivustoja erilaisilta online-uhkilta, mukaan lukien SQL-injektio, sivustojen välinen komentosarja ja muut yleiset haavoittuvuudet.
- SSL/TLS-salaus: CloudFlare tarjoaa ilmaisia SSL/TLS-varmenteita, joiden avulla verkkosivustot voivat salata siirrettävän tiedon ja suojata yhteyksiä käyttäjien ja palvelimen välillä. Tämä on ratkaisevan tärkeää käyttäjien yksityisyyden säilyttämisen ja hakukonesijoituksen parantamisen kannalta.
- Suorituskyvyn optimointi: Ominaisuuksilla, kuten automaattinen kuvien optimointi, CSS/JS-tiedostojen minimointi ja HTTP/2:n käyttö, CloudFlare auttaa optimoimaan verkkosivuston suorituskyvyn, mikä nopeuttaa latausaikoja ja parantaa käyttökokemusta.
- Analyysit ja tilastot: CloudFlare tarjoaa analytiikkatyökaluja, joilla voit seurata verkkosivuston suorituskykyä, seurata liikennemalleja ja saada tietoa CDN:n tehokkuudesta. Näiden tietojen avulla verkkosivustojen omistajat voivat tehdä tietoihin perustuvia optimointipäätöksiä.
Kaiken kaikkiaan CloudFlare CDN on kattava ratkaisu verkkosivustojen nopeuden, turvallisuuden ja luotettavuuden parantamiseen, mikä tekee siitä suositun valinnan yrityksille ja yksityishenkilöille, jotka haluavat parantaa online-läsnäoloaan.
Optimoinnin tulokset
Projektin aloittamisen jälkeen olemme saavuttaneet seuraavat tulokset Yoast SEO -vinkeillä.
Yoast SEO on suosittu WordPress-laajennus, joka auttaa optimoimaan artikkeleita hakukoneille. Tehostaakseen hakukoneoptimointia käyttäjät voivat keskittyä avainelementteihin, kuten osuvan kohdeavainsanan valintaan, otsikon ja metakuvausten optimointiin, sisällön luettavuuden parantamiseen, oikeiden otsikoiden hyödyntämiseen sekä sisäisten ja ulkoisten linkkien sisällyttämisen varmistamiseen. Yoast tarjoaa reaaliaikaista palautetta ja hyödyllisen liikennevalojärjestelmän, joka ohjaa käyttäjiä luomaan sisältöä, joka todennäköisesti sijoittuu hyvin hakukoneiden tulossivuilla.
Artikkelin, luokan ja avainsanan optimointi
WordPress-artikkelien optimointi Yoast SEO:n avulla sisältää avainominaisuuksien hyödyntämisen, kuten osuvien kohdeavainsanojen valitsemisen, sisällön luettavuuden parantamisen, otsikoiden ja metakuvausten optimoinnin sekä oikeiden otsikoiden sisällyttämisen.
Laajennus antaa reaaliaikaista palautetta parantaakseen hakukoneoptimointia ja parantaakseen mahdollisuuksia sijoittua hakukoneissa.
Olemme myös optimoineet sivuston blogissa, sivuilla ja artikkeleissa käytetyt kategoriat ja avainsanat.
Kuvan optimointi
Smush on käyttäjäystävällinen, monipuolinen kuvanoptimointilaajennus WordPressille. WPMU DEV:n kehittämä Smush tarjoaa valikoiman työkaluja ja toimintoja kuvanoptimointiprosessin virtaviivaistamiseen.
Smushin avulla olemme optimoineet kaikki verkkosivuston 180 medialiitettä lyhentäen alkulatausaikaa.
Isompien kuvien kokoa on muutettu ja pakattu käyttämällä TinyPng.
Sisällönjakeluverkosto
Olemme vaihtaneet alkuperäiset palvelimen nimipalvelimet Hostingpalvelu.fi to CloudFlare CDN to enable CDN, content delivery network, and HTTPS-certificates. We’ve also checked the DNS settings and done the necessary DKIM, SPF and other email entries to support email authentication.
Välimuisti ja evästeet
Olemme ottaneet välimuistin käyttöön kaikilla osa-alueilla ja yhdistäneet CloudFlare CDN:n. Sivusto käyttää LiteSpeed-välimuisti, joka mahdollistaa nyt esimerkiksi objektien ja selaimen välimuistin.
Lokalisointi
Olemme myös lokalisoineet kaiken englanninkielisen tekstin nettisivujen suomen kielelle sopivaksi.
