Näpunäiteid oma ajaveebi mobiilisõbralikumaks muutmiseks

4

Google teatas hiljuti, et nad kasutavad mobiilisõbralikku algoritmi värskendust, et kontrollida, kas kõik ajaveebid on mobiilisõbralikud, ja karistab neid, kes seda pole. Mis pani paljud blogijad mõtlema, kuidas muuta oma veebisaite mobiilisõbralikumaks ja kuidas isegi teada saada, kas teie ajaveeb on mobiilisõbralik või mitte. Seetõttu panime kokku kõige olulisema teabe selle kohta, miks on teie ajaveebi mobiilisõbralikumaks muutmine nii oluline ja kuidas seda tegelikult teha.

Tänapäeval kasutab suur osa ajaveebi külastajatest selleks arvuti asemel mobiilseadmeid. Ja kuna Google on lubanud tõsta mobiilseadmetes vaatamiseks sobivate saitide edetabelit, on olulisem kui kunagi varem veenduda, et teie ajaveeb või veebisait on mobiilseadmete jaoks sõbralik.

Muidugi ei puuduta see ainult seda, mida Google soovib. Oma ajaveebi mobiilisõbralikuks muutmine on ka teie ja teie lugejate huvides, sest kuna nii paljud inimesed kasutavad oma mobiilseadmeid internetis surfamiseks, muudab see teie ajaveebi lugemise nende jaoks mugavamaks. Pew Internet Projecti uuringu kohaselt kasutab enam kui kolmandik kõigist mobiiltelefonide omanikest Interneti-juurdepääsuks oma telefoni rohkem kui laua- või sülearvutit. Nii et kui soovite, et teie ajaveebi oleks hõlpsasti vaadatav mis tahes nutitelefonis ja see suurendaks teie ajaveebi lugejaskonda, peate mõtlema mobiilisõbralikkusele. Ja seda on tegelikult lihtsam saavutada, kui arvata võiks.

Mobiilisõbralikkuse testimine

Kuna Google mõtles välja selle mobiilisõbraliku algoritmi, võimaldas see igaühel testida oma ajaveebisid ja veebisaite selle mõõdiku jaoks, kasutades oma mobiilisõbralikku testimistööriista. Sisestage lihtsalt oma ajaveebi URL kasti "Sisesta testimiseks URL", klõpsake "Käivita test" ja tööriist ütleb teile, kas teie ajaveeb on mobiilisõbralik või mitte.

Kui teie veebisait on mobiilisõbralik, võite veidi lõõgastuda, sest te ei pea midagi tegema. Kui aga see Google'i tööriist tuvastab, et teie ajaveebi pole mobiilseadmes kõige lihtsam lugeda, peate selles osakonnas võimalikult kiiresti täiustusi tegema.

Neile, kes kasutavad oma ajaveebi pidamiseks sisuhaldustarkvara (CMS), nagu WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix jne, ei tohiks kohandamine olla probleem, kuna enamik neist tarkvarasüsteemidest pakkuda tööriistu, mis muudavad teie veebisaidi automaatselt mobiilisõbralikuks. Kuid kui kasutasite oma veebisaidi loomiseks vana kooli juurt, et mitte kasutada CMS-i tarkvara või kui kasutasite CMS-i, kuid teie veebisait ei vasta endiselt mobiilistandarditele, on siin mõned näpunäited selle parandamiseks. teie saidi mobiilisõbralikkust.

1 Värskendage CMS uusimale versioonile ja kasutage mobiiliteemasid

Kui kasutate CMS-i, peate võib-olla värskendama oma tarkvara või muutma ajaveebi jaoks kasutatavat teemat. Enamik CMS-e juba pakub kõiki tööriistu saidi mobiilisõbralikuks muutmiseks, kuid peate veenduma, et teie CMS-i värskendatakse uusimale versioonile. Näiteks Joomla on varustatud mobiilitugi ainult siis, kui see on värskendatud tarkvara uusimale versioonile. Muu tarkvara aga võib nõuda oma veebisaidi teema muutmist, et muuta see mobiilisõbralikuks, kuna mõned vanemad teemad lihtsalt ei näe mobiilseadmetes head välja ja seetõttu ei sobi need ka neile. Selleks minge oma CMS-i halduspaneelile, leidke armatuurlaual teemade vahekaart ja muutke oma ajaveebi teema selliseks, mis on tundlik ja mobiilisõbralik. Näiteks WordPress pakub sadu erinevaid teemasid, ja suur osa neist on tasuta ja reageerivad. Kahjuks, kui kasutate CMS-i, mis ei paku mobiilset tuge, on vaja rohkem täiustusi ja võib-olla oleks nutikam lihtsalt sisuhaldustarkvara vahetada.

2 Kasutage alampealkirju

Mobiilikasutajatele mugava ajaveebisisu puhul on rusikareegel lasta neil teksti sisse võtta väiksemate lõikudena, mitte aga kirjutada teie artiklit ühes pikas tekstis. Seega peaks teie blogipostituse tekst olema hästi struktureeritud, et lugeja saaks tekstis hõlpsalt orienteeruda. Seda saab hõlpsasti teha alampealkirjade abil. Alapealkirjade kasutamisel jaguneb tekst automaatselt paljudeks alapeatükkideks ning lugejal on väiksem võimalus artiklit lugedes oma kohta kaotada. Ja kuna oma koha kaotamine nutitelefonis midagi lugedes on paljude mobiilseadmete kasutajate jaoks üsna tavaline probleem, kuna mobiilne kerimine muudab pikkade monotoonsete tekstide lugemise keeruliseks, lahendage see pealkirjade abil.

Pealkirju saab hõlpsasti sisestada pealkirjasiltide abil. Suurima ja kõige olulisema pealkirja silt on

, mis on vaevumärgatav pealkiri, kuid aitab teil siiski sisu jagada ja hõlbustada lugemist.
3 Valige piltide jaoks sobiv suurus

Blogijad valivad tavaliselt oma ajaveebipostitustes kasutatavate piltide suuruse vastavalt tavalisele arvutiekraani suurusele, kuid kui ajaveebi postitusi vaadatakse väiksemal ekraanil, näiteks mobiiltelefoni ekraanil, lõppevad pildid üldiselt olla sama suur. See tähendab, et mobiilseadmete kasutajad ei näe pilte sobivas proportsioonis. Seega tehke oma pildid nii, et need poleks mitte ainult väiksemate mõõtmetega, tavaliselt on parimad pildid suurusega alla 1500 x 2500 pikslit, vaid ka väiksema suurusega – soovitatav on alla 500 KB. Lisaks mobiilseadmesõbralikele fotodele võimaldab piltide failisuuruse vähendamine kasutajatel lehti kiiremini laadida, kuna väiksemate piltide laadimiseks kulub vähem andmemahtu.

Piltide faili suuruse ja mõõtmete vähendamiseks kasutage mis tahes olemasolevat fotoredaktorit, sest selleks pole vaja Photoshopi. Soovitame kasutada kas JPEGmini või Pixlr, sest nende fototöötlusprogrammidega saate vähendada oma piltide suurust nende kvaliteeti kahjustamata.

4 Kasutage tundlikku disaini

Responsive disain ajaveebi või veebisaidi jaoks annab võimaluse vaadata seda paljudelt erinevatelt platvormidelt ja erinevate ekraanisuurustega seadmetelt mugavamalt, kuna see kohandab teie veebisaiti automaatselt brauseriakna laiusega. Ja et ajaveebi külastajatele oleks mugav lugemine, muutub selle kohandamise käigus tavaliselt ajaveebi kujundus, näiteks tõmbuvad pildid kokku, veerud reastuvad vertikaalselt ja muutub ka menüü. Aga kui need muutused iseenesest ei toimu, on olemas tööriistad, mida saate ise kasutada.

Näiteks Foundation 3, Skeleton ja Bootstrap. Need raamistikud kohandavad teie ajaveebi automaatselt, nii et seda on lihtne lugeda igas seadmes. Nende kasutamine on palju lihtsam kui iga võimaliku kombinatsiooni ise kodeerimine. Muidugi saate seda teha ka kasutades CSS3 uusi suhtelise pikkuse ühikuid, nagu vaateava laius (vw), vaateava kõrgus (vh), vaateava kõrguse ja laiuse minimaalne väärtus (vmin) ning maksimaalne kõrgus ja laius (vmax). Kodeerimine nõuab aga nii oskust kui ka aega ja kui sa pole kogenud programmeerija, siis soovitan valida endise variandi.

5 Kasutage lihtsaid kujundusi

Mobiilikasutajad eelistavad lihtsat saidikujundust, sest suured ja keerulise kujundusega veebisaidid muutuvad mobiilseadmes aeglaseks. Lihtne kujundus võimaldab ka hõlpsalt hoida lugeja tähelepanu sisul, selle asemel, et neid väljamõeldud kujundusega häirida, sest statistiliselt on enamikul mobiilikasutajatest üsna lühike tähelepanu.

See tähendab, et muuta oma saidi paigutus lihtsaks ja arusaadavaks. Kui kasutate teenusepakkuja pakutavat teemat, saate selle lihtsalt lihtsamaks muuta. Näiteks pakub WordPress palju elegantseid ja lihtsaid kujundusi, mis ei koorma mobiilseadmeid, kuid näevad siiski head välja ka töölaual. Kuid kui olete oma veebisaidi loonud HTML-i abil, saate alla laadida lihtsa malli, mis muudab teie saidi suurepäraseks ja on ka mobiilisõbralik. Näiteks pakub Envato Market palju erinevaid lihtsaid kujundusi, mille hulgast saate valida ja oma saidil kasutada.

6 Kasutage standardseid fonte

Huvitavad fondid võivad muuta ajaveebi loovamaks, kuid need fondid võivad häirida ka ajaveebi mobiililugejaid, sest mitte kõik mobiilseadmed ei toeta uhkeid töölauafonte. Nii et sisu nägemiseks peavad mobiilseadmete kasutajad oma telefoni uusi fonte alla laadima, mis on tülikas, mis pole paljudele seda väärt. Peale selle, isegi kui kõik fondid on eelinstallitud, võib mõningaid loomingulisemaid fonte olla nutitelefonis väiksema suuruse tõttu raske lugeda.

Seega valige traditsioonilised fondid, nagu Times New Roman, Verdana, Comic Sans MS, WildWest või Bedrock. Ja kontrollige ka kasutatava fondi loetavust, veendumaks, et tekst ei muutuks nutitelefoni väiksemal ekraanil vaadates loetamatuks. Üldine rusikareegel on, et veebisaidil peaks iga tekst olema vähemalt 14 pikslit, sest nii on tekst piisavalt suur, et seda oleks lihtne lugeda ka väga väikese ekraaniga mobiilseadme kasutamisel.

7 Minimeeri sisu lehekülje kohta

Kui leht laaditakse mis tahes seadmesse, olgu see siis arvuti, tahvelarvuti või nutitelefon, laadib seade alla kogu lehe sisu. Tavaliselt ei tekita see probleeme, kui kasutate arvutit, kuid suured andmemahud võivad mobiilseadmeid üle koormata. Selle vältimiseks peaksite iga lehe sisu minimeerima, kuna see tagab, et teie ajaveeb töötab kõigis mobiilseadmetes.

Soovitatav on vähendada oma lehe sisu alla 5 MB lehe kohta. Saate hõlpsasti kontrollida oma lehe sisu suurust mis tahes brauseris. Kasutage lihtsalt ühte paljudest veebis saadaolevatest veebilehe suuruse kontrollimise tööriistadest. Kui see on üle 5 MB, vähendage lehe teksti, piltide ja muude komponentide suurust ja hulka käsitsi või kasutage ajaveebi väljavõtteid, et külastajatel oleks teie ajaveebi vaatamine lihtsam.

8 Kasutage YouTube'i videoid

Kui kipute oma ajaveebi artiklitesse palju videoid postitama, peate meeles pidama, et need näevad mobiilseadmes palju teistsugused välja kui arvutis. Veelgi enam, mõned mobiilseadmed ei toeta isegi teatud videovorminguid, nii et vältimaks võimalust, et kasutaja ei saa teie saidil videot esitada, kasutage manustatud YouTube'i. Manuskood, mille YouTube pakub igale nende videole, on juba tundlik, mis tähendab, et saate videot vaadata peaaegu igas seadmes ja te ei pea enam videote suuruste ja vormingute pärast muretsema.

YouTube'i video manustamiskoodi saate hankida, klõpsates nupul "Jaga", mis asub nupu "Telli" all, seejärel klõpsake vahekaarti "Manusta" ja kopeerige pakutud kood oma saidile. Ja teie postituses on täiusliku suurusega video, ilma et peaksite seda isegi teisendama või muul viisil kohandama.

9 Asendage lingid puudutatavate nuppude ja menüüdega

Sageli on veebisaidil olevad lingid liiga väikesed, et mobiilikasutaja saaks lihtsalt ja täpselt sõrmega puudutada. Ja see võib ajaveebi lugeja jaoks olla väga tüütu, kui ta ei saa sisu täpselt puudutada, vaid soovib seda vaadata. Seetõttu peaksite kõik veebisaidil olevad lingid asendama nuppudega, mille suurus on vähemalt 44 × 44 pikslit.

Kui kasutate CMS-i, näiteks WordPressi, saate nende nuppude loomiseks kasutada lihtsalt pistikprogramme. Minge oma CMS-i juhtpaneelile, leidke sobiv pistikprogramm, installige see ja järgige selle õigeks kasutamiseks juhiseid. Kui oled aga kodulehe ise kodeerinud, võid kasutada üht või tasuta linkide nuppude generaatorit, mis säästab aega, mida kuluksid ise nuppude kodeerimisel.

10 Jätkake testimist

Lõpuks, kui olete kõik täiustused teinud ja arvate, et teie ajaveeb on võimalikult mobiilisõbralik, testige oma ajaveebi uuesti Google'i testimistööriistaga või mõne muu mobiilisõbralikkuse testimise tööriistaga, mille leiate Internetist. Kui nüüd on kõik korras ja tööriist kinnitab, et su blogi ei saa trahvi, kuna see pole mobiilisõbralik, siis võid lõõgastuda ja jätkata oma veebisaidi kasvatamist, luues suurepärast sisu. Kuid kindluse mõttes soovitan teil testida oma veebisaiti mitmes erinevas seadmes.

Paluge sõpradel või pereliikmetel oma ajaveebi oma telefonist ja tahvelarvutist vaadata. Testige oma saiti Android- ja IOS-seadmes, samuti seadmes, millel võib olla täiesti erinev operatsioonisüsteem. Ja vaadake nendes seadmetes läbi kõik oma ajaveebi peamised lehed. Ainult oma ajaveebi mobiilisõbralikkust päriselus testides võite olla kindel, et teie saiti on tegelikult kõigist vidinatest lihtne vaadata ja lugeda.

Mobiilisõbralikkus ei tähenda ainult kena saidikujundust, vaid ka kasutajakogemuse parandamist teie veebisaidil. Seetõttu on ajaveebi mobiilisõbralikumaks muutmisel rohkem inimesi valmis teie veebisaidile tagasi tulema, sest seda on lihtne vaadata ja mõista. Ja kuna nende inimeste arv, kes kasutavad oma mobiiltelefone veebis surfamiseks peamise seadmena, kasvab iga järgmise aastaga, on ainult teie huvides veenduda, et teie veebisait on nendele nutitelefonikasutajatele sõbralik ja kuvab sisu neid mugavalt ja hõlpsasti loetaval viisil.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More