Mobile-first-indeksointi tarkoittaa, että hakukoneet sijoittavat sivustosi mobiiliversion perusteella, eivät tietokoneversion. Yli puolet kaikista hauista tehdään puhelimilla. Mobiilisivustosi on nykyään pääsivustosi. Tietokoneversio on toissijainen. Jos sivustosi näyttää mobiilissa huonolta tai latautuu puhelimilla hitaasti, menetät sijoituksia ja liikennettä. Opi optimoimaan mobiilille, jotta sijoitut laitteilla, joilla useimmat ihmiset hakevat.
Suurin osa liikenteestäsi tulee mobiililaitteilta. Hakukoneet tietävät tämän. Ne asettavat mobiilikokemuksen tietokonekokemuksen edelle. Sivusto, joka toimii tietokoneella loistavasti mutta mobiilissa huonosti, menettää sijoituksia ja liikennettä.
Mobiilioptimointi ei ole mobiilivalikon lisäämistä. Se on jokaisen elementin suunnittelua sen mukaan, miten ihmiset oikeasti käyttävät puhelimia. Pienet näytöt. Kosketuskäyttö. Hitaat yhteydet. Optimoi näille todellisuuksille, niin voitat mobiilihaussa.
Mobile-first-indeksointi tarkoittaa, että mobiili on pääsivustosi
Hakukoneet käyvät läpi mobiilisivustosi ensin. Ne indeksoivat mobiilisivustosi ensisijaisena versiona. Tietokoneversiosi on toissijainen. Tämä muutos tapahtui vuosia sitten, mutta moni sivusto pitää mobiilia yhä jälkikäteen mietittävänä asiana.
Jos mobiiliversiossasi on vähemmän sisältöä kuin tietokoneversiossa, hakukoneet indeksoivat vähemmän sisältöä. Jos mobiiliversiosi latautuu hitaammin, hakukoneet näkevät hitaamman sivuston. Jos mobiilinavigointisi on rikki, hakukoneet näkevät rikkinäisen sivuston. Mobiilikokemuksesi määrittää sijoituksesi kaikilla laitteilla.
Responsiivinen suunnittelu mukautuu mihin tahansa näyttökokoon
Sivustosi pitäisi mukautua automaattisesti tietokoneen, tabletin ja puhelimen näytöille. Responsiivinen suunnittelu käyttää joustavia asetteluja, jotka pienenevät ja suurenevat näyttökoon mukaan. Sisältö pysyy luettavana. Kuvat skaalautuvat oikein. Navigointi toimii kaikilla laitteilla.
Testaa sivustosi usealla laitteella. Näyttääkö se hyvältä 320 pikselin puhelinnäytöllä? Toimiiko se 10 tuuman tabletilla? Toimiiko se 27 tuuman näytöllä? Responsiivinen suunnittelu hoitaa nämä kaikki rikkoutumatta.
Mobiilikäyttäjät käyttäytyvät eri tavalla kuin tietokoneen käyttäjät
Mobiilikäyttäjät hakevat eri tavalla. He käyttävät "lähellä minua" -hakuja. He hakevat lyhyemmillä hakusanoilla. He haluavat nopeita vastauksia. He odottavat tuloksia heti. Heillä on vähän kärsivällisyyttä hitaalle latautumiselle.
Tietokoneen käyttäjät selvittävät asioita. Mobiilikäyttäjät tarvitsevat vastauksen nyt. Optimoi mobiilikäyttäytymiselle. Tee sivustostasi nopea. Tee tärkeimmät tiedot heti näkyviin. Tee painikkeista ja linkeistä helppoja napauttaa. Tee lomakkeista lyhyitä. Mobiilikäyttäjät hylkäävät hitaat, monimutkaiset sivustot sekunneissa.
Varmista, että napautuskohteet ovat tarpeeksi suuria
Ihmiset napauttavat sormilla, eivät hiirellä. Painikkeiden pitää olla vähintään 48 pikseliä leveitä ja 48 pikseliä korkeita. Linkkien ympärillä tarvitaan tilaa, jotta vahingossa tehty napautus osuu oikeaan linkkiin. Älä ahdista elementtejä liian lähelle toisiaan.
Testaa sivustosi oikealla puhelimella. Napauta painikkeita. Pystytkö napauttamaan niitä osumatta väärään? Jos se on sinulle vaikeaa, se on mahdotonta ihmisille, joilla on isommat sormet tai heikompi näkö. Tee kaikesta helposti napautettavaa.
Pienennä sivun kokoa mobiiliverkkoja varten
Mobiiliyhteydet ovat hitaampia kuin kiinteä laajakaista. Jokaisella kilotavulla on merkitystä. Pakkaa kuvat. Poista tarpeeton koodi. Lataa taitteen alapuolella olevat kuvat vasta tarvittaessa. Lykkää ei-kriittisen JavaScriptin lataamista.
5 Mt:n sivu, joka latautuu mobiilissa 10 sekuntia, on liikaa. Mobiilikäyttäjät odottavat näkevänsä sisältöä 2-3 sekunnissa. Optimoi tiedostokoot sinnikkäästi.
Testaa oikeilla mobiililaitteilla ja -verkoilla
Selaimesi emulaattorit ovat hyödyllisiä mutta puutteellisia. Testaa oikeilla puhelimilla. Testaa hitailla verkoilla. Rajoita yhteytesi 4G-nopeuteen. Katso, miten sivustosi oikeasti toimii oikeille käyttäjille.
Lighthouse ja PageSpeed Insights auttavat. Mutta ne mittaavat laboratorio-olosuhteita. Oikeilla käyttäjillä oikeissa verkoissa on erilaisia kokemuksia. Testaa molemmat.
Usein kysytyt kysymykset
Vaikuttaako mobiilioptimointi tietokoneversion sijoituksiin?
Kyllä. Hakukoneet käyttävät mobiilisivustoasi ensisijaisena versiona sekä mobiili- että tietokonetulosten sijoittamiseen. Jos mobiilisivustosi kokemus on huono, kärsivät sekä mobiili- että tietokonesijoituksesi. Mobiilin optimointi hyödyttää molempia versioita. WEMASYn Sivustonrakentajalla voit tehdä tämän suoraan verkkosivustollasi.
Minkä kokoiselle mobiilinäytölle kannattaa optimoida?
Suunnittele vähintään 320 pikselin leveydelle, jotta tuet vanhempia puhelimia ja pieniä näyttöjä. Useimmat nykyaikaiset puhelimet ovat 375-480 pikseliä leveitä. Tabletit ovat 768 pikseliä tai leveämpiä. Optimoi ensin mobiilille 320 pikselillä ja skaalaa sitten isommille näytöille. Tämä mobile-first-tapa varmistaa, että sivustosi toimii kaikkialla.
Pitäisikö minulla olla erillinen mobiilisivusto vai käyttää responsiivista suunnittelua?
Käytä responsiivista suunnittelua. Erilliset mobiilisivustot ovat vanhentuneita ja aiheuttavat ylläpidon päänvaivaa. Responsiivinen suunnittelu tarjoaa saman sisällön kaikille laitteille, mukauttaa asettelun automaattisesti ja on helpompi ylläpitää. Hakukoneet suosivat responsiivista suunnittelua.
Miten testaan mobiilioptimoinnin?
Käytä Googlen Mobile-Friendly Test -työkalua perustason mobiiliyhteensopivuuden tarkistamiseen. Käytä PageSpeed Insightsia mobiilin suorituskyvyn mittaamiseen. Testaa oikeilla laitteilla todellisissa mobiiliverkoissa. Rajoita selaimesi 4G-nopeuteen. Käytä eri valmistajien ja eri ikäisiä oikeita puhelimia. Laboratoriotestit ovat hyödyllisiä, mutta oikea testaus on tärkeintä.
Minkä kokoisia painikkeiden pitäisi olla mobiilissa?
Painikkeiden pitäisi olla vähintään 48x48 pikseliä, jotta niitä on helppo napauttaa. Painikkeiden ympärillä olevalla tilalla on väliä. Jätä niiden väliin riittävästi tilaa, jotta käyttäjät eivät napauta vahingossa väärää painiketta. Jos käyttöliittymä tuntuu puhelimessa ahtaalta, painikkeet ovat liian pieniä.
Tarvitsenko mobiilisovelluksen SEO:ta varten?
Et. Mobiilioptimoitu verkkosivusto sijoittuu hakukoneissa paremmin kuin sovellus. Hakukoneet eivät pysty indeksoimaan sovelluksia. Verkkosivustot ne pystyvät indeksoimaan. Jos haluat hakuliikennettä mobiilissa, optimoi verkkosivustosi. Sovelluksilla on muita tarkoituksia, mutta ne eivät auta SEO:ssa.