Mobiilioptimointi on keskeinen osa nykyaikaista verkkosuunnittelua, sillä suuri osa käyttäjistä käyttää verkkosivustoja mobiililaitteilla. Saumattoman mobiilikokemuksen varmistaminen on tärkeää paitsi käyttäjätyytyväisyyden kannalta, myös sillä on merkittävä vaikutus hakukoneoptimointiin (SEO). Mobiilioptimoinnin keskeisiä osa-alueita ovat responsiivinen suunnittelu, Accelerated Mobile Pages (AMP), sivunopeuden parantamiskeinot sekä paikallisen SEO:n kehittäminen.

• Google PageSpeed

• GT Metrix

• Pingdom Tools

1. Responsiivinen suunnittelu

• Mahdollistaa verkkosivustojen mukautumisen eri näyttökokoihin, varmistaen sisällön luettavuuden ja visuaalisen houkuttelevuuden mobiili-, tabletti- ja työpöytälaitteilla;
• Poistaa tarpeen erillisille työpöytä- ja mobiiliversioille, parantaen käytettävyyttä;
• Esimerkki: blogikirjoituksen kuvat ja teksti mukautuvat automaattisesti mobiilinäytöille, mikä luo käyttäjäystävällisemmän kokemuksen.

2. Käyttäjäkokemus (UX)

• Navigoinnin tulee olla intuitiivista, ja valikot, painikkeet ja linkit helposti käytettävissä pienemmillä näytöillä;
• Tekstin tulee olla luettavaa ilman zoomausta;
• Mobiiliystävälliset lomakkeet helpottavat esimerkiksi kassaprosessin suorittamista;
• Esimerkki: mobiilioptimoitu verkkokauppa sisältää selkeät "Lisää ostoskoriin" -painikkeet ja sujuvat kassatoiminnot.

3. Accelerated Mobile Pages (AMP)

• Korostaa nopeutta ja suorituskykyä luomalla kevyitä sivuja, jotka latautuvat nopeasti;
• Poistaa tarpeettomat skriptit ja keskittyy ydinsisältöön;
• AMP-sivut sijoittuvat usein korkeammalle mobiilihaun tuloksissa;
• Esimerkki: uutisartikkeli, joka on rakennettu AMP:lla, varmistaa nopean latauksen ja korostaa pääsisältöä.

4. Sivunopeuden optimointi

• Välttämätöntä poistumisprosentin pienentämiseksi ja sijoitusten parantamiseksi;
• Tekniikat:
  • Kuvien pakkaus;
  • Koodin minimointi;
  • Selaimen välimuistin hyödyntäminen;
• Työkalut: Google PageSpeed Insights auttaa tunnistamaan kehityskohteet, varmistaen nopeamman ja sujuvamman käyttäjäkokemuksen.

5. Paikallinen SEO mobiilikäyttäjille

• Monet mobiilikäyttäjät hakevat sijaintiin perustuvilla hakutarkoituksilla, kuten "pizza lähelläni";
• Optimoi sisältö sijaintiin perustuvilla avainsanoilla, tarkoilla yritystiedoilla ja työkaluilla, kuten Google My Business, parantaaksesi näkyvyyttä paikallisissa hakutuloksissa.

6. Testaus ja ylläpito

• Säännöllinen testaus eri laitteilla ja näyttökooilla varmistaa, että mobiilioptimointitoimenpiteet pysyvät tehokkaina ja ajantasaisina.

Välimuistin käyttöönotto suoraan palvelimella

Apache-palvelimille

• Muokkaa .htaccess-tiedostoa ja lisää säännöt, joilla määritellään, kuinka kauan tiedostoja säilytetään selaimen välimuistissa:

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    ExpiresByType text/javascript "access plus 1 month"
    ExpiresByType application/x-javascript "access plus 1 month"
    ExpiresDefault "access plus 1 day"
</IfModule>

Nginx-palvelimille

• Päivitä konfiguraatio seuraavasti:

location ~* \.(jpg|jpeg|png|gif|webp|svg)$ {
    expires 1y;
    add_header Cache-Control "public, max-age=31536000, immutable";
}

location ~* \.(css|js)$ {
    expires 30d;
    add_header Cache-Control "public, max-age=2592000, immutable";
}

Lisäosan käyttäminen (WordPress-käyttäjille)

• Asenna välimuistilisäosa, kuten W3 Total Cache tai WP Super Cache;
• Siirry lisäosan asetuksiin ja ota käyttöön selaimen välimuisti. Lisäosa hoitaa teknisen asetuksen puolestasi.