Intro
Mobiilioptimointi on tekniikka, jolla varmistetaan, että sivustosi kävijät, jotka tulevat sivustollesi matkapuhelimista, kohtaavat laitteelleen optimoidun verkkosivuston.
Ihmiset käyttävät matkapuhelimen käyttöön vuosittain yhä enemmän päivittäisiä työtunteja. Monia sivustoja ei ole kehitetty niin, että niissä otettaisiin huomioon eri näytön koot ja latausajat. Mobile SEO tarkastelee yleensä verkkosivuston ulkoasua, verkkosivuston koostumusta, verkkosivujen latausnopeuksia ja pyrkii tasoittamaan ne kaikki varmistaakseen, ettet käännä mobiililukijoita pois suunnittelullasi...
Parhaat SEO-taktiikat: Mobile Optimization
Jos sivustosi on hienosti optimoitu hakukoneille, kuten Yahoo, löydät vain muutamia muita kohteita, joita haluat miettiä, kun optimoit mobiililaitteille....
Verkkosivun nopeus
Komponenttien ja verkkoyhteysvaikeuksien vuoksi sivun nopeus on entistäkin tärkeämpi mobiiliasiakkaille kuin pöytäkoneiden käyttäjille. Valokuvien optimoinnin lisäksi haluat pienentää koodia, hallita selaimen välimuistitallennusta ja vähentää uudelleenohjausten määrää. .
Mobiilipohjainen CSS, JavaScript tai kuvat
Useita vuosia sitten monet matkapuhelimet eivät tukeneet tällaisia komponentteja. Siksi verkkosuunnittelijat estivät tietyt elementit. Tämä ei ole enää totta älypuhelinteknologia, kuten GoogleBot, haluaisi tarkastella ja käyttää sisältöä luokittelemaan sitä samassa muodossa kuin käyttäjät. Nämä elementit auttavat Googlea ymmärtämään sivustosi ja sen, onko se responsiivinen vai ei. .
Responsiivinen suunnittelu
CSS3-sivustot käyttävät responsiivisuutta tarjoamalla sisältöä sekä mobiililaitteille että pöytäkoneille. Responsiiviset muotoilut antavat erilaisia mediahakuja, jotta mobiilinäytöillä ja tableteilla olevat käyttäjät voivat tarkastella sivustoa niin kuin se on tarkoitettu. .
Internet-sivuston suunnittelu ja tyyli mobiililaitteille
Matkapuhelintekniikka näyttää sekä yksinkertaistavan että mullistavan todellisia tekniikoita, joista verkkosivut on tehty, ja näillä ideoilla, kuten "yläpuolella", ei ole enää mitään merkitystä. Sivustoilla pitäisi olla joustava muotoilu, jossa käytetään mediakyselyjä, ja niillä pitäisi olla responsiivinen muotoilu, joka mukautuu käyttäjän näyttöihin. Esim: CSS:n avulla selaimet voivat näyttää sisällön näytöllä, jonka leveys on 420 tai vähemmän pikseliä.
@media screen and (max-width: 420px) { .class { [styles class here] } }
Voit lisätä muita direktiivejä tähän koodiin tai tyylitaulukkoon noudattamalla alla olevaa koodia:
<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet"/>Älä käytä Flashia
Lisäosa ei ehkä ole käytettävissä kaikkien käyttäjien puhelimissa, joten saatat suunnitella tietoja, joista he eivät pääse nauttimaan. Jos haluat kehittää erityisiä sivutehosteita, käytä sen sijaan HTML5:tä.
Vältä ponnahdusikkunoita usein
Näiden tilojen poistaminen pienemmästä kannettavasta yksiköstä voi olla vaikeaa ja hankalaa. Tämä saattaa aiheuttaa korkean hyppyprosentin.
Kuvio tuolle ylimääräiselle rasvakädelle
Kosketusnäytön navigointi voi aiheuttaa satunnaisia hiiren napsautuksia, jos painikkeet ovat yleensä liian suuria, liian pieniä tai jos ne ovat vieritettävän sivun polun sisällä.
Optimoidut otsikot ja metakuvaukset
Älä unohda, että käytät paljon vähemmän näyttötilaa aina, kun henkilö tekee hakuja matkapuhelimella. Jos haluat näyttää parasta työtäsi SERP:ssä, ole mahdollisimman lyhyt (heikentämättä tietojesi laatua), kun keksit otsikoita, verkko-osoitteita ja metakuvauksia.
Hyödynnä Schema.org-tietoja
Koska näyttötila on rajallinen, kaikki hakutulokset, joissa on rikkaita tekstinsisältöjä, ovat myös lähes varmasti näkyvämpiä kuin työpöydällä.
Optimoi paikalliset hakutyökalut
Jos organisaatiollasi on paikallinen tekijä, varmista, että optimoit nykyiset mobiilitietosi niin, että ne sisältävät mahdollisuuksia paikalliseen hakuun. Sinun on vakioitava osoitteesi ja nimesi varmistaen, että kaupunki- ja osavaltiokohtaiset tiedot ovat mukana.
Matkapuhelinverkon rakentaminen
Yksi tärkeimmistä päätöksistä, jotka on tehtävä mobiililaitteille optimoitua verkkosivustoa aloitettaessa, on valita, onko konfiguraatiotyyppi. Molemmilla vaihtoehdoilla on etuja ja haittoja. Responsiivisesti suunnitellut verkkosivustot toimivat CSS3-mediakyselyjen avulla, jotta ne voivat tarjota samaa tai samankaltaista sisältöä sekä matkapuhelimen että työpöydän käyttäjille.
Erillinen mobiili-URL
Erillisen mobiilisivuston rakentaminen vaihtoehtona työpöytäsivuston optimoinnille mobiilikatsojia varten. Tämän lisäsivuston rakentaminen antaa yritykselle mahdollisuuden luoda erillinen ja täysin erilainen kokemus mobiilikäyttäjille. Mobiilisivustoilla on myös aliverkkotunnus, jota merkitään URL-osoitteessa olevalla m-kirjaimella. Rinnakkaisten sivustojen pitäisi rajoittaa useiden alustojen aiheuttamaa sekaannusta, mutta kävijät voivat silti päätyä väärään paikkaan.
Aktiivinen tarjonta
Jos sinulla ei ole erityisiä resursseja koko Internet-sivuston päivittämiseen, mutta haluat näyttää erillisiä sivustoja matkapuhelinkäyttäjille ja työpöydän käyttäjille, valitse URL-osoite, joka näyttää eri HTML- ja CSS-malleja, jotka määräytyvät sen mukaan, minkä tyyppistä laitetta vieras käyttää (kutsutaan myös paljastaviksi käyttäjävälineiksi).
Miten olisi pyynnön hyödyntäminen?
Puhelinsovelluksen kehittäminen on hyvä tapa mukauttaa tämä mobiilivieraita varten. Siitä huolimatta väliotsikkosivua voidaan käyttää mobiilikäyttäjien varoituksena. Se voi toimia myös estona SERP-hämähäkkien löytämiseksi.
