Loading...
Vsebina, prilagojena za mobilne naprave, je tista, ki jo je na telefonu preprosto berljiva, se na povprečni povezavi hitro naloži in prikazuje iste informacije kot različica za namizne računalnike. To pomeni kratke odstavke, jasne naslove, odzivno postavitev, ustrezno velike slike in nobenega skritega ali manjkajočega besedila. Google vaše strani zdaj presoja skozi oči pametnega telefona, zato to ni več le oblikovalska podrobnost. To je osnovni pogoj, da boste sploh uvrščeni v indekse.
Ta vodnik obravnava obe platí naloge: kako pisati za majhne zaslone in katere tehnične odločitve odločajo o tem, ali bo vaše besedilo dejansko dosegalo bralce in iskalnike.
Google se je začel usmerjati k mobilnim napravam leta 2015, leta 2016 pa je začel z usmerjenim pregledovanjem in indeksiranjem z mobilnimi napravami na prvem mestu, kot pojasnjuje Googlov pregled usmerjenosti v mobilno indeksiranje na prvem mestu. Do srede leta 2024 je bil ta prehod v bistvu zaključen: Google je sporočil, da skoraj vsa spletna mesta pregleduje in indeksira s pajkom za pametne telefone, ob tem pa opozoril, da so spletna mesta, ki na mobilnih napravah še vedno niso dostopna, vse manjša skupina, je razvidno iz njegove objave iz junija 2024.
Praktični pomen tega je preprost. Google za indeksiranje in uvrščanje uporablja mobilno različico vaše vsebine, kot navaja njegova dokumentacija o indeksiranju z mobilnimi napravami na prvem mestu. Če so odstavek, tabela, slika ali povezava na voljo samo v namizni postavitvi, lahko domnevate, da jih Google morda nikoli ne bo videl.
Obstaja pa tudi človeški vidik. Ljudje berejo na vlakih, v čakalnicah in v postelji – z eno roko, na zaslonu, ki naenkrat prikaže morda šest do deset vrstic besedila. Stran, ki je na 27-palčnem monitorju videti povsem v redu, se lahko na takem zaslonu zdi kot nepregleden zid besedila. Dobra mobilna vsebina najprej spoštuje položaj bralca in šele nato pajka iskalnika, v praksi pa se oba cilja ujemata.
Prvi sklop namigov se nanaša na besede. Tu lahko večina piscev izboljša stran, ne da bi se sploh dotaknila izvorne kode.
Telefon prikaže zelo malo vsebine, preden se bralec odloči, ali bo ostal ali odšel. Odgovor, obljubo ali glavno ugotovitev postavite v prva dva stavka. Preskočite uvodni odstavek o tem, kako se je svet spremenil. Če je bralec vnesel vprašanje, mu morajo uvodne vrstice odgovoriti, preostali del strani pa naj doda globino.
Petvrstični odstavek na namizju postane na telefonu blok z desetimi vrsticami. Prizadevajte si za dva do tri stavke na odstavek in eno samo idejo na odstavek. Enostavkovni odstavki so povsem primerni, kadar nosijo poudarek, ki si ga zasluži izpostavljenost. Cilj je belina oziroma prazen prostor: premor med bloki omogoča bralcu, da med drsenjem zadrži svojo pozicijo.
Mobilni bralci vsebino najprej preletijo in šele nato berejo. Poskrbite, da bo vsak naslov H2 in H3 v preprostih besedah opisoval tisto, kar sledi, tako da bo nekdo, ki hitro drsi mimo, zlahka našel svoj razdelek. Naslov, kot je Koliko stane popravilo, je veliko boljši od Premisleki. Naslovi naj bodo dovolj kratki, da se na širini telefona prikažejo v eni ali dveh vrsticah.
Dolgi naslovi so v rezultatih iskanja odrezani in se na strani neustrezno lomijo. Najpomembnejše besede postavite na začetek, ostanite pod mejo približno 60 do 70 znakov in se izogibajte kopičenju ključnih besed. Enako velja za besedilo povezav in oznake gumbov: naj bodo kratke, specifične in preproste za dotik.
Seznami s kazalkami in oštevilčeni seznami se na majhnih zaslonih obnesejo odlično, saj je vsak element v svoji vrstici. Široke tabele so bolj tvegane. Primerjava s petimi stolpci se bo ali skrčila v neberljivo besedilo ali pa bo zahtevala drsenje v levo in desno. Tabele po možnosti omejite na dva ali tri stolpce ali pa podatke preoblikujte v seznam kratkih vnosov.
Vsak stavek stane nekaj razdalje pri drsenju. Odstranite ponavljajoče se točke, šibke uvode v razdelke in odvečne pridevnike. Pri tem ne gre za to, da bi bila stran prazna. Mobilna stran je lahko dolga in temeljita, če ima vsak del svoj smisel in je z jasno strukturo preprosta za krmarjenje.
Vse, kar je odvisno od lebdenja z miško (kot so pasice z namigi ali meniji, ki se odprejo ob premiku kazalca), na zaslonu na dotik ne deluje. Definicije razložite neposredno v besedilu, povezave pa razmaknite dovolj narazen, da s palcem ne boste pritisnili napačne. Stavek, poln petih povezav, je na telefonu neuporaben, zato povezujte le tam, kjer to zares koristi, in nič več.
Največja tehnična past pri indeksiranju z mobilnimi napravami na prvem mestu je ujemanje vsebine. Googlova navodila pravijo, da za indeksiranje uporablja mobilno različico, zato lahko vse, kar na mobilni napravi skrajšate zaradi varčevanja s prostorom, tiho izgine iz iskalnika. Pogosti krivci vključujejo:
Zlaganje vsebine v zihre zložljive elemente (harmonike) ali zavihke zaradi boljše uporabniške izkušnje je običajna praksa in je na splošno sprejemljiva, če je vsebina dejansko v HTML-kodi strani. Nevarnost se skriva v vsebini, ki se naloži šele po uporabnikovi potezi, ki je iskalnikov pajek ne bo izvedel. Če ste v dvomih, si oglejte upodobljeno kodo HTML v orodju URL Inspection v storitvi Search Console in se prepričajte, da je besedilo, ki vas zanima, res tam.
Najpreprostejši način za zagotovitev enakovrednosti je, da vsem obiskovalcem postrežete popolnoma enako stran.
Google priporoča odzivno spletno oblikovanje (responsive web design), ker vsem napravam posreduje enako kodo HTML na istem URL-naslovu ter spreminja le način prikaza strani, kot je opisano v dokumentaciji o indeksiranju z mobilnimi napravami na prvem mestu. Dinamično prilagajanje in ločeni mobilni URL-naslovi so sicer podprti, vendar jih je težje vzdrževati, hkrati pa povečujejo verjetnost napak pri ujemanju vsebine.
Odzivna postavitev temelji na nekaj osnovah, ki so opisane v osnovah odzivnega spletnega oblikovanja na portalu web.dev:
maximum-scale=1, preprečujejo uporabnikom, da bi s prsti raztegnili zaslon, kar ustvarja oviro za dostopnost. Cilj je oblikovati stran tako, da povečevanje nikoli ni nujno potrebno, in ne prepovedati ga tistim, ki to potrebujejo.Če uporabljate urejevalnik vsebine (CMS), kot so WordPress, HubSpot ali Squarespace, je najhitrejša pot pogosto izbira sodobne odzivne predloge in nato testiranje lastnih prilagojenih blokov, saj so vdelani gradniki, široke tabele in oglasi s fiksno širino običajni viri prekomerne širine.
Organizacija W3C opozarja, da se številne omejitve mobilnih naprav – kot so majhni zasloni, nestabilne hitrosti omrežja in neroden vnos – prekrivajo z ovirami, s katerimi se srečujejo invalidi. Njihova tabela skupnih spletnih izkušenj to prikazuje vzporedno. Dobro oblikovanje za eno skupino običajno pomaga tudi drugi.
Konkreten primer je prelom besedila (reflow). Smernice WCAG 2.2 pričakujejo, da se vsebina prilega ožjemu vidnemu polju brez vodoravnega drsenja, stran Razumevanje preloma besedila pa pojasnjuje, da so od tega odvisni ljudje z okvarami vida, ki vsebino povečujejo. Pravilo, ki ga upoštevate za telefone, torej pokriva tudi bralce, ki na prenosnem računalniku vsebino povečajo na 400 %. Druge navade, ki koristita obema skupinama:
Lepo napisana stran, ki se naloži šele po osmih sekundah, izgubi bralca, preden ta sploh prebere prvi stavek. Google izkušnjo strani delno meri prek kazalnikov Core Web Vitals. Kot pojasnjuje portal web.dev v članku o tem, kako so bile določene mejne vrednosti, velja stran za »dobro«, če vsaj 75 % obiskov dosega naslednje vrednosti:
| Metrika | Kaj meri | Dobra mejna vrednost |
|---|---|---|
| LCP (Largest Contentful Paint) | Kako hitro se prikaže glavna vsebina | 2,5 sekunde ali manj |
| INP (Interaction to Next Paint) | Kako hitro se stran odzove na dotike in klike | 200 ms ali manj |
| CLS (Cumulative Layout Shift) | Koliko se postavitev med nalaganjem premika | 0,1 ali manj |
Enake mejne vrednosti veljajo za namizne in mobilne naprave, vendar se večina spletnih mest ravno na telefonih s počasnejšimi procesorji in omrežji bori za doseganje teh ciljev. Za širši pregled povezave med hitrostjo nalaganja in uspešnostjo v iskalnikih ter konverzijami si ob spodnjem kontrolnem seznamu preberite tudi ta članek o hitrejšem spletnem mestu.
srcset in sizes, stisnite datoteke in uporabljajte sodobne zapise.Realističen pogled iz Googlove lastne dokumentacije o izkušnji strani: dobre vrednosti Core Web Vitals so priporočljive za odlično uporabniško izkušnjo, vendar popolni rezultati ne zagotavljajo najvišjih uvrstitev. So le en signal med mnogimi. Prizadevajte si za stran, ki se resnični osebi zdi hitra, in ne le za zeleno značko zaradi nje same.
Če želite preveriti svoj položaj, si oglejte poročilo Core Web Vitals v orodju Search Console, ki prikazuje dejanske podatke uporabnikov, in razmislite o dodajanju lastnega merjenja dejanskih uporabnikov, kot predlaga web.dev v svojem vodniku za merjenje spletnih kazalnikov.
Pojavna okna, ki prekrijejo vsebino takoj po kliku iz iskalnika, lepljive pasice, ki zavzemajo tretjino zaslona, in obvestila o piškotkih z drobnimi gumbi – vse to vas na telefonu stane bralcev. Če potrebujete poziv k prijavi na e-novice, ga odložite, dokler se bralec ne pomakne po strani navzdol ali na njej preživi nekaj časa, gumb za zapiranje pa naj bo velik in preprost za pritiskanje. Lepljivi elementi naj ostanejo tanki. Na majhnem zaslonu je vsaka pika (slikovna pika), ki je bralec ne more uporabiti za branje, izguba.
Uporabite ga pred objavo:
Večina strani, ki jih danes vidimo, začne svojo pot kot osnutek, ustvarjen z umetno inteligenco, kar pa spremeni naravo mobilnih izzivov. Jezikovni modeli imajo radi dolge, enolične odstavke, nakopičene pogojnike in splošne naslove. Na prenosnem računalniku je to preprosto dolgočasno. Na telefonu pa je to mučno, zato bralci zapustijo stran.
Zato mobilno berljivost obravnavamo kot del prizadevanja, da osnutek zveni človeško. Delo obsega preoblikovanje: razbijanje blokov, spreminjanje dolžine stavkov, začetek z bistvom in zamenjavo nejasnih naslovov s specifičnimi. To je tisto, za kar smo zasnovali orodje Semihuman – preoblikuje besedilo, ustvarjeno z umetno inteligenco, tako da zveni naravno, in vključi ključne besede, za katere želite zares doseči uvrstitve, pri čemer pa ohrani prvotni pomen. Vendar je orodje le izhodišče. Končni pregled pripada človeku, ki drži telefon v roki in se sprašuje, ali bi si to želel brati, ko stoji na peronu.
Naše zlato pravilo: če določenega odstavka ne bi poslali prijatelju v besedilnem sporočilu, je predolg za mobilno napravo.
Prepričani smo tudi, da je merilo kakovosti pomembnejše od vira besedila. Bralci in iskalniki nagrajujejo strani, ki so koristne, točne in jasne, kar se splača imeti v mislih med urejanjem. Naši prispevki o Googlovem pristopu h koristen vsebini in o usklajevanju vsebine z namerami uporabnikov to področje podrobneje obravnavajo.
— Tilen
Če ustvarjate vsebino v velikih količinah, je najpočasnejši del prilagajanja mobilnim napravam ravno preoblikovanje besedila. Semihuman preoblikuje besedilo, ustvarjeno z umetno inteligenco, v bolj naravno, berljivo prozo in pomaga vplesti ciljne ključne besede; začnete lahko z brezplačnimi, osnovnimi in profesionalnimi paketi. Ekipe, ki želijo ta korak vključiti neposredno v svoj cevovod objavljanja, si lahko ogledajo pakete API za razvijalce in podjetja. Ne glede na izbrano pot pa na koncu vedno opravite preverjanje na telefonu, opisano zgoraj.
Vsebina, prilagojena mobilnim napravam, z objavo ni nikoli dokončana. Vsak mesec preverite nekaj kazalnikov:
Za ideje o tem, katere številke je smiselno spremljati in kako se povezujejo z rezultati, si oglejte naš pregled vsebinskih metrik za tržnike. Če mobilno urejanje povezujete s širšim delom na področju SEO, naš vodnik o nasvetih za vsebino v digitalnem trženju zajema vsebinsko plat, članek o trendih vizualnega pripovedovanja zgodb pa pomaga pri slikah in videoposnetkih, ki so vredni svojega prostora.
Vzemimo običajen blogovski zapis, ki je na namizju videti povsem v redu. Na telefonu je uvodni odstavek dolg devet vrstic, prvi naslov se glasi »Pregled«, štiristolpčna primerjalna tabela se pomika v levo in desno, glavna slika pa je datoteka širine 3000 slikovnih pik z vklopljenim počasnim nalaganjem.
Evo, kaj bi urejevalnik storil po vrsti:
Nobeden od teh korakov ne zahteva prenove. Gre za lektoriranje in urejanje, ki skupaj spremenita občutek ob brskanju po strani bolj kot katera koli posamezna tehnična prilagoditev.
Začnite z odgovorom, odstavke omejite na dva ali tri stavke, uporabljajte specifične naslove in dajite prednost seznamom pred širokimi tabelami. Nato preberite stran na pravem telefonu in izrežite vse, zaradi česar morate drsati brez prave koristi. Jasno pisanje in jasna struktura sta pomembnejša od katerega koli posameznega trika.
Začnite z odzivno postavitvijo in pravilno metaoznako vidnega polja (viewport), nato pa poskrbite, da mobilna stran vsebuje isto besedilo, slike in povezave kot namizna. Stisnite in velikostno prilagodite slike, rezervirajte prostor za vdelane vsebine in se izognite vsiljivim pojavnim oknom. Na koncu preverite kazalnike Core Web Vitals v storitvi Search Console in odpravite skupine URL-naslovov, ki so označene kot slabe.
Google za indeksiranje in uvrščanje uporablja mobilno različico vaše vsebine, zato je vaša mobilna stran dejansko tista, ki se presoja. Izkušnja strani, vključno s kazalniki Core Web Vitals, je en sam signal med mnogimi, Google pa opozarja, da popolni rezultati ne zagotavljajo najvišjih uvrstitev. Koristna vsebina, ki dobro deluje na telefonu, je najvarnejša izbira.
Ohranite vsebino enako na vseh napravah, uporabljajte odzivno oblikovanje in dosegajte dobre mejne vrednosti za LCP, INP in CLS. Pišite naslove in uvodne vrstice, ki ustrezajo tistemu, kar iskalci iščejo, naslove pa ohranjajte jedrnate, da se v celoti prikažejo. Uspešnost mobilnih naprav po napravah vsak mesec pregledujte v storitvi Search Console.
Začetek
humanizirati
brezplačno!
Počloveči