Seuraava artikkeli auttaa sinua: Johdatus mobiilihakuun
Mobiili on SEO:lle sama kuin lasite Krispy Kremelle. Et voi saada yhtä ilman toista. Se on Googlen hakemiston selkäranka.
Tietysti mobiiliensimmäinen indeksi otettiin käyttöön vasta vuonna 2018, mutta Google on jättänyt ei-niin vähän vihjeitä viime vuosina.
Vuonna 2015 Google ilmoitti mobiilihaut ylittivät työpöytähaut. Sitten vuonna 2016 mobilegeddon 2.0 järkytti SEO-maailmaa. Ja vuonna 2017 Google esitteli meille Mobile-first-indeksin.
Mutta kysymys on edelleen:
Millainen mobiilistrategiani pitäisi olla?
Ei riitä, että sinulla on mobiiliystävällinen sivusto.
Sekä Googlen että Microsoftin teknologiset edistysaskeleet merkitsevät suuria muutoksia mobiili-, puhe- ja visuaalisen haun optimoinnissa.
Tämä viesti kertoo sinulle kaiken, mitä sinun tulee tietää aloittaaksesi mobiilihakukoneoptimoinnin.
Astu tulevaisuuteen mobiilihakukoneoptimoinnin perusteiden avulla.
Miten Google käsittelee mobiilihakua
Jos se ei ole vielä selvää, Google suosii selvästi mobiilihakua.
Mutta voi olla melko hämmentävää ymmärtää, kuinka Google käsittelee mobiilihakua.
Joten tässä on muutamia yleisiä mobiilihakua ja Googlea koskevia usein kysyttyjä kysymyksiä.
Minkä URL-osoitteen Google indeksoi, jos sinulla on erilliset mobiili- ja työpöytä-URL-osoitteet?
Google näyttää työpöydän URL-osoitteen työpöytähauissa.
Ja mobiilihaut saavat mobiili-URL-osoitteet.
Mutta indeksoitu sisältö (iso chalupa, joka määrittää sijoituksesi) tulee mobiilista.
URL-osoitteet haussa: Mobile-first-indeksoinnin avulla indeksoimme mobiiliversion. Kun tunnistamme erilliset mobiili-URL-osoitteet, näytämme mobiili-URL-osoitteen mobiilikäyttäjille ja työpöydän URL-osoitteen työpöytäkäyttäjille – molemmissa tapauksissa indeksoitu sisältö on mobiiliversio.
– Google Webmasters (@googlewmc) 14. kesäkuuta 2018
Menetänkö sijoituspaikkani Mobile-First-indeksillä?
Mobiili-ensin indeksi ei vaikuta sijoituspaikkaasi.
Mutta mobiiliystävällisyys on sijoitus, joten käyttökokemuksesi on edelleen tärkeä.
Mobiiliystävällisyys tarkistetaan sivu sivulta, mikä tarkoittaa, että sinun kannattaa ensin päivittää rahasivusi.
Sijoituksesta: Mobiili-ensimmäinen indeksi ei muuta sijoituksen kannalta muuta kuin mobiilisisällön käyttöä. Mobiiliystävällisyys on mobiililaitteissa sijoitustekijä, mutta mobiili-ensimmäisenä indeksissä oleminen ei ole.
– Google Webmasters (@googlewmc) 14. kesäkuuta 2018
Sallikaa minun paljastaa pieni salaisuus:
Google haluaa, että sekä tietokoneella että mobiilisivustollasi on sama sisältö.
Jos sinulla on sama sisältö (kuten responsiivinen ulkoasu), et näe mobiiliensi-hakemiston vaikutusta.
Plussaa on, että Google lähettää ilmoituksia, jotka kertovat verkkovastaaville, että sivustosi indeksointi on vähentynyt.
Onko sivustosi mobiiliystävällinen?
Tässä on joitain suosikkityökaluistani, jotta voit selvittää, onko sivustosi mobiiliystävällinen.
Mobiilihakukoneoptimoinnin parhaat käytännöt
Selvitetään, kuinka voit optimoida sivustosi mobiilihakua varten.
Aloitamme tutkimalla muutamia mobiilihakukoneoptimoinnin parhaita käytäntöjä ja tekniikoita, jotka koskevat kaikkia mobiilisivustoja.
Mobiilisisältö
Mobiilihakukoneoptimoinnin yhteenveto: haluat täsmälleen saman sisällön työpöydältäsi mobiilisivustollesi.
Kaikkien sisältömuotojen (teksti, videot, kuvat jne.) tulee olla indeksoitavissa ja indeksoitavissa mobiililaitteella.
Google päivitti sovelluksensa ja mobiilituloksensa muotoon näytä merkit kuvahakua varten.
Tämä tarkoittaa, että huomiotta jättämäsi kuvan alt-attribuutit tulevat entistäkin osuvammiksi mobiilihaussa.
Tarkoitan, että jos Google voi jo tunnistaa koira- ja kissarodut valokuvien perusteella, voitko kuvitella, mitä seuraavaksi?
Myös puhehaun lisääntyessä sinun kannattaa harkita sisällön yhdenmukaistamista.
Suosittelen esimerkiksi optimoimaan metaotsikot mobiilihakua varten, koska ne ovat lyhyempiä.
Muista, että puhehaku suoritetaan mobiililaitteesta, joten mobiilisivustosi on järkevää optimoida.
Puhehaku = mobiililaite.
Tämä tarkoittaa sitä, että markkinoijat tekevät avainsanatutkimusta uudelleen.
Pitkän muotoiset kyselyt ja kysymykset hallitsevat SERP:itä, minkä vuoksi esimerkiksi esitellyillä katkelmilla on suuri vaikutus.
Nyt on kyse käyttäjien aikeista.
Mobiilisivuston suorituskyky
Top Gunia lainatakseni: “Tunnen nopeuden tarpeen.”
Kyllä, Google tuntee nopeuden tarpeen, kun virallinen mobiili “Speed Update” saapui paikalle.
Tästä syystä Google esitteli Accelerated Mobile Pages Projectin parantaakseen mobiilisisällön sivuston nopeutta ja latausaikoja.
AMP mahdollistaa sisällön tallentamisen välimuistiin ja tarjoamisen suoraan SERP:ssä (sen sijaan, että käyttäjä lähettäisi alkuperäiselle verkkosivustolle).
Tämä on myös syy, miksi teollisuus alkaa nähdä AMP-sivut integroituvat PWA:iden kanssa.
Suosittelen käyttämään responsiivista suunnittelua sekä AMP-sivuja.
Esimerkiksi AMP-sivujen käyttäminen blogitekstien ja palvelusivujen näyttämiseen, jos olet hakukoneoptimointitoimisto, voi olla harkittava asia.
Ja jos haluat päästä todella syvälle sivun nopeuteen, kuuntele tämä podcast Bastian Grimmin ja Brent Csutorasin kanssa, kun he keskustelevat maalausajoista.
Tee verkkosivustostasi mobiiliystävällinen
On kolme päätapaa tehdä verkkosivustostasi mobiiliystävällinen:
- Responsiivinen muotoilu
- Mukautuva verkkosivusto
- Erillinen mobiilisivusto
Näin voit optimoida kukin.
1. Responsiivisen suunnittelun optimointi mobiilihakuun
Virheellisesti uskotaan, että jos sivustosi on responsiivinen, se on automaattisesti mobiiliystävällinen.
Anna minun selittää.
Responsiivinen suunnittelu ylläpitää samaa verkkosivuston sisältöä pöytäkoneista mobiililaitteille. Se vaatii samat URL-osoitteet, HTML:n, kuvat jne.
Responsiivinen suunnittelu ei kuitenkaan tarkoita sitä, että mobiilivierailijoiden tarpeet täytetään.
Responsiivinen suunnittelu on vielä optimoitava käyttökokemuksen kannalta.
Google on sanonut tämän responsiivinen suunnittelu on heidän suosikkivaihtoehtonsa mobiilihakukoneoptimoijalle, mutta on vahvistanut, että on olemassa ei sijoituksen nousua hyötyä responsiivisesta sivustosta.
Ja perustuen Appticlesin Smashing Magazinessa julkaistuun tutkimukseen, että responsiiviset verkkosivustot ovat yleisin mobiiliystävällinen sivusto, joka pitää sitä alhaalla. 51,11 prosenttia.
Tässä on mitä sinun tulee tietää responsiivisen suunnittelusi optimoinnista mobiilihakukoneoptimointia varten:
Skaalaa kuvat
Kuvat skaalautuvat jo responsiivisella suunnittelulla. Mutta ne eivät välttämättä ole välttämättömiä mobiilikäyttäjillesi. Näytän sinulle esimerkin.
Tässä on Navy Federal Credit Unionin kotisivu pöytäkoneilla ja mobiililaitteilla.
Nyt tässä on Bank of American kotisivu pöytäkoneilla ja mobiililaitteilla.
Jos olisit mobiilikäyttäjä, mikä verkkosivusto saisi sinut napsauttamaan?
Bank of America, eikö?
Navy Federalin työpöytäkuva ottaa mobiilisivuston haltuunsa ilman toimintakehotusta. Toisaalta Bank of American CTA:t ovat edessä ja keskellä.
Avaimen nouto: Skaalaa kuvia mobiilikäyttäjille, jos käytät responsiivista suunnittelua. Pyydä kehittäjääsi luomaan vaihtoehtoisia kuvia eri kuvaportteihin. Älä unohda päivitä metanimi = “viewport”.
Puhdas navigointi
Napsautettavan, helposti katseltavan navigointivalikon luominen on välttämätöntä mobiilikäyttäjille.
Suosittelen seuraamaan mobiilikäyttäjien käyttäytymistäsi, jotta ymmärrät, mitä he etsivät sivustostasi.
Räätälöi sitten navigointisi heidän tarpeisiinsa.
Esimerkiksi Best Buy pitää navigointinsa ylhäällä ja pääsivut sekä hampurilaismenun keskellä.
Sivupalkki: Google on vahvistanut tämän hampurilaismenut ovat “hyviä” käytettäväksi mobiilisuunnittelussa.
Avaimen nouto: Pidä mobiilinavigointisi yksinkertaisena ja puhtaana. Rajoita pääsivut 4-8. Jos tarvitset enemmän, käytä hampurilaismenua.
Poista mobiili-ponnahdusikkunat
Google haluaa mobiilikäyttäjien löytävän tarvitsemansa nopeasti ja nopeasti.
Auttaakseen mobiilikäyttäjiään Google esitteli vuonna 2017 uuden signaalin, että totesi:
“Sivut, joiden sisältö ei ole helposti mobiilihakutuloksista siirtyvän käyttäjän saatavilla, eivät välttämättä sijoittuisi yhtä korkealle.”
Tämä ei tarkoita, että kaikki ponnahdusikkunat olisivat huonoja.
Tässä on esimerkki huonosta ponnahdusikkunasta:
Uutiskirje vie koko näytön ilman, että käyttäjät voivat lukea sen takana olevaa sisältöä.
Tässä on esimerkki hyvästä ponnahdusikkunasta:
Kuva ei vie koko näyttöä ja vierailijat näkevät silti sisällön.
Avaimen nouto: Toimi varoen ponnahdusikkunoiden suhteen. On näyttöä siitä, että ponnahdusikkunat toimivat. Itse asiassa Sumo näki a 9,28 prosenttia ponnahdusikkunoiden muuntoprosenttia. Kulje vain kevyesti.
Lyhennä kopiota
Työpöytäkopio ei useinkaan muutu hyvin mobiilikopioksi.
Paljon tekstiä mobiilisivustolla voi tunkeutua mobiilikäyttäjiin.
Haluan pitää asiat yksinkertaisina vähentämällä tekstiä. Anna kun näytän sinulle.
Tässä on Mint.comin työpöytäsivusto:
Tässä on heidän mobiilisivustonsa:
Kopio on pienennetty taitoksen yläpuolelle, jotta toimintakehotus pysyy selkeänä ja ytimekkäänä.
He työnsivät pidemmän lomakkeen kopion alas, jotta käyttäjät voivat oppia lisää vieriessään.
Avaimen nouto: Vähemmän on enemmän. Pidä konversiot korkealla vähentämällä sivun yläpuolella olevien kopioiden määrää. Houkuttele käyttäjät vierittämään aloitustekstillä ja anna heille sitten koko kuukausi vierityksen jälkeen.
Suunnittele CTA:t
iAcquire ja SurveyMonkey huomasivat sen 70 prosenttia mobiilihakuista johtaa toimintaan verkkosivustoilla tunnin sisällä.
Mutta, mobiilikonversiot ovat pienemmät kuin työpöytäkonversiot.
Miksi?
Toimintakehotus ei ole selvä.
Tässä on mitä tarkoitan:
Katso Close.io:n mobiilisivusto:
Ne edellyttävät, että käyttäjä vierittää nähdäkseen toimintakehotuspainikkeen.
On todennäköistä, että he menettävät mobiilikonversioita.
Tässä on esimerkki vauhtipyörästä.
Voit nähdä, että he haluavat käyttäjien “rekisteröidyn ilmaiseksi” käyttääkseen tuotettaan.
Avaimen nouto: Tee mobiilihakijalle selväksi, mikä on hänen seuraava askeleensa. Lisää selkeä toimintakehotuspainike sivun yläosaan, jotta käyttäjä klikkaa.
2. Mukautuvan verkkosivuston optimointi mobiilihakuun
Mukautuva (tai RESS/dynaamisesti palveleva) sivusto käyttää samaa URL-osoitetta, mutta palvelin lähettää eri version HTML:stä (ja CSS:stä) sen mukaan, minkä tyyppinen laite sivua pyytää.
Sinulla on käytännössä kolme eri versiota verkkosivustostasi:
Amazon on loistava esimerkki mukautuvasta web-suunnittelusta:
Joten miksi Amazon päätti käyttää mukautuvaa verkkosuunnittelua reagoivan sijaan?
Mobiilimarkkinoija kertoi, että Amazon valitsi mukautuvan suunnittelun lisätäkseen sivun nopeuksia mobiilissa 40 prosenttia.
Jos olet pieni yritys, suosittelen valitsemaan responsiivisen suunnittelun suosion.
Mukautuvat verkkosivustot vaativat enemmän resursseja.
Tässä on mitä sinun tulee tietää mukautuvan verkkosivustosi optimoinnista mobiilihakukoneoptimointia varten:
Naamiointi
Google alentaa sivustosi arvoa, jos näytät yhtä asiaa hakukoneelle ja jotain erilaista käyttäjälle.
Tämä on naamiointia.
Pyydä isännöitsijääsi korjaamaan tämä ongelma käytä Vary-HTTP-otsikkoa.
Tämä ohjaa mobiiliin indeksointirobotin erilliseen mobiilisisältöön ja ilmoittaa palvelimelle, miltä laitteelta käyttäjä on tulossa.
Mukauta suunnittelua
Mukautuvan suunnittelun ansiosta kehittäjät voivat täysin hallita asettelua, näyttöä ja grafiikkaa.
Jos verkkosivustosi on räätälöity useille maille, voit vaihtaa suunnitteluelementit alueen mukaan.
Tämän haittapuolena on, että sinun on päivitettävä jokainen sivuston versio manuaalisesti.
Voit esimerkiksi tarjota mukautettuja sisällönkuvausotsikoita ja -kuvauksia, jotka on kohdistettu mobiilikäyttäjille.
Yhdistä Adaptive ja Responsive
On olemassa vaihtoehto ennen polveen siirtymistä mukautuvaan.
Voit hyödyntää responsiivista suunnittelua mukautuvalla logiikalla.
Kehittäjät voivat muokata mobiilikäyttäjille asiakaspuolen JavaScriptin avulla.
3. Erillisen mobiilisivuston optimointi mobiilihakua varten
Erillinen mobiilisivusto (tai m-dot) on täysin eri sivusto.
Samat hakukoneoptimoinnin perusperiaatteet pysyvät samoina pöytäkoneillasi, tableteillasi ja mobiililaitteillasi, mutta niissä on muutamia eroja.
Tässä on mitä sinun tulee tietää erillisen mobiilisivustosi optimoinnista mobiilihakukoneoptimointia varten:
Erilliset URL-osoitteet
Jokaisen työpöydän URL-osoitteen tulee näyttää mobiili-URL-osoite.
Jos esimerkiksi työpöydän URL-osoite on www.example.com, mobiili-URL-osoitteen tulee olla m.example.com.
Sinun on lisättävä ensisijaisen URL-osoitteen rel=”canonical” -tunniste mobiilisivustoon, joka osoittaa työpöydän URL-osoitteeseen. Kuten tämä:
href=”http://m.esimerkki.fi/sivu-1″>
Tämä voidaan tehdä myös sivustokartoissa.
Ota käyttöön mobiilivaihdetunnisteet
Vaihtotaulutunnisteet ovat samankaltaisia kuin ensisijaiset tunnisteet, ja ne kertovat Googlelle, että mobiili-URL-osoite on olemassa rel=alternate-tunnisteen kanssa.
Ilman kytkintaulutunnisteita Google ei välttämättä indeksoi URL-osoitteesi mobiiliversioita.
Sinun on lisättävä rel=”alternate”-tunniste työpöydän URL-osoitteeseen, joka osoittaa mobiili-URL-osoitteeseen. Kuten tämä:
Tämä voidaan tehdä myös sivustokartoissa.
Tunnista käyttäjäagentin merkkijonot
Tarkista uudelleenohjaukset varmistaaksesi, että työpöydän URL-osoitteesi koordinoivat oikeaa mobiili-URL-osoitetta uudelleenohjauksen aikana.
Esimerkiksi www.example.com/about pitäisi ohjata osoitteeseen m.example.com/about.
Muuten voit luoda virheellisen uudelleenohjauksen (ei hyvä).
Onneksi Google Search Console havaitsee nämä vialliset uudelleenohjaukset puolestasi.
Search Console -vahvistus
Varmista, että vahvistat verkkosivustosi mobiiliversion Google Search Consolessa.
Strukturoitu data
Sisällytä aina samat jäsennellyt tiedot mobiili- ja työpöytäsivustoillesi.
Mobiilisivujen strukturoiduissa tiedoissa olevien URL-osoitteiden tulee olla mobiili-URL-osoitteita.
Hreflang
Jos olet kansainvälinen yritys, joka käyttää rel=hreflanga, varmista, että mobiili-URL-osoitteesi, joissa on hreflang viittaa maasi mobiiliversioon.
XML-sivustokartat ja Robots.txt
Kaikkien sivustokarttojen linkkien tulee olla saatavilla sivuston mobiiliversiosta.
Tämä sisältää myös robots.txt-tiedostosi.
Bonus: Jos tämä koko erillinen mobiilisivusto kuulostaa uuvuttavalta, Google jakaa neuvoja kuinka siirtyä mdotista responsiiviseen.
Johtopäätös
Kaikista myöhäisillan kannettavan tietokoneeni kirouksesta ja stressin syömisestä, jonka mobiili-SEO on aiheuttanut minulle muutaman viime vuoden aikana, myönnän ensimmäisenä, että mobiili-ensimmäinen indeksi tuntui melko iljeltä.
Suurin osa sivustoista, joilla työskentelen, ovat jo responsiivisia.
Mutta jos elät erillisen mobiilisivustosi puolesta, en lakkaa pomppamasta siitä, kuinka tärkeä yhtenäinen URL-osoite voi olla.
Lopullinen tavoite pysyy samana:
- Salli indeksointirobottien käyttää, lukea ja sulattaa sisältöäsi.
- Optimoi UX kaikille laitteille.
- Jatka testausta saadaksesi parempia tuloksia.
Mobiilihaku ei ole enää SEO:n tulevaisuus.
Se on täällä.
Onko sinulla tarvikkeita selviytyäksesi siitä hengissä?
