{"id":248073,"date":"2023-10-30T08:02:00","date_gmt":"2023-10-30T05:02:00","guid":{"rendered":"https:\/\/inform.click\/napunaiteid-oma-ajaveebi-mobiilisobralikumaks-muutmiseks\/"},"modified":"2023-10-30T08:21:00","modified_gmt":"2023-10-30T05:21:00","slug":"napunaiteid-oma-ajaveebi-mobiilisobralikumaks-muutmiseks","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/napunaiteid-oma-ajaveebi-mobiilisobralikumaks-muutmiseks\/","title":{"rendered":"N\u00e4pun\u00e4iteid oma ajaveebi mobiilis\u00f5bralikumaks muutmiseks"},"content":{"rendered":"<p>\n  Google teatas hiljuti, et nad kasutavad mobiilis\u00f5bralikku algoritmi v\u00e4rskendust, et kontrollida, kas k\u00f5ik ajaveebid on mobiilis\u00f5bralikud, ja karistab neid, kes seda pole. Mis pani paljud blogijad m\u00f5tlema, kuidas muuta oma veebisaite mobiilis\u00f5bralikumaks ja kuidas isegi teada saada, kas teie ajaveeb on mobiilis\u00f5bralik v\u00f5i mitte. Seet\u00f5ttu panime kokku k\u00f5ige olulisema teabe selle kohta, miks on teie ajaveebi mobiilis\u00f5bralikumaks muutmine nii oluline ja kuidas seda tegelikult teha.\n<\/p>\n<p>\n  T\u00e4nap\u00e4eval kasutab suur osa ajaveebi k\u00fclastajatest selleks arvuti asemel mobiilseadmeid. Ja kuna Google on lubanud t\u00f5sta mobiilseadmetes vaatamiseks sobivate saitide edetabelit, on olulisem kui kunagi varem veenduda, et teie ajaveeb v\u00f5i veebisait on mobiilseadmete jaoks s\u00f5bralik.\n<\/p>\n<p>\n  Muidugi ei puuduta see ainult seda, mida Google soovib. Oma ajaveebi mobiilis\u00f5bralikuks 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\u00f5igist mobiiltelefonide omanikest Interneti-juurdep\u00e4\u00e4suks oma telefoni rohkem kui laua- v\u00f5i s\u00fclearvutit. Nii et kui soovite, et teie ajaveebi oleks h\u00f5lpsasti vaadatav mis tahes nutitelefonis ja see suurendaks teie ajaveebi lugejaskonda, peate m\u00f5tlema mobiilis\u00f5bralikkusele. Ja seda on tegelikult lihtsam saavutada, kui arvata v\u00f5iks.\n<\/p>\n<p>\n  Mobiilis\u00f5bralikkuse testimine\n<\/p>\n<p>\n  Kuna Google m\u00f5tles v\u00e4lja selle mobiilis\u00f5braliku algoritmi, v\u00f5imaldas see iga\u00fchel testida oma ajaveebisid ja veebisaite selle m\u00f5\u00f5diku jaoks, kasutades oma mobiilis\u00f5bralikku testimist\u00f6\u00f6riista. Sisestage lihtsalt oma ajaveebi URL kasti &#8220;Sisesta testimiseks URL&#8221;, kl\u00f5psake &#8220;K\u00e4ivita test&#8221; ja t\u00f6\u00f6riist \u00fctleb teile, kas teie ajaveeb on mobiilis\u00f5bralik v\u00f5i mitte.\n<\/p>\n<p>\n  Kui teie veebisait on mobiilis\u00f5bralik, v\u00f5ite veidi l\u00f5\u00f5gastuda, sest te ei pea midagi tegema. Kui aga see Google'i t\u00f6\u00f6riist tuvastab, et teie ajaveebi pole mobiilseadmes k\u00f5ige lihtsam lugeda, peate selles osakonnas v\u00f5imalikult kiiresti t\u00e4iustusi tegema.\n<\/p>\n<p>\n  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\u00fcsteemidest pakkuda t\u00f6\u00f6riistu, mis muudavad teie veebisaidi automaatselt mobiilis\u00f5bralikuks. Kuid kui kasutasite oma veebisaidi loomiseks vana kooli juurt, et mitte kasutada CMS-i tarkvara v\u00f5i kui kasutasite CMS-i, kuid teie veebisait ei vasta endiselt mobiilistandarditele, on siin m\u00f5ned n\u00e4pun\u00e4ited selle parandamiseks. teie saidi mobiilis\u00f5bralikkust.\n<\/p>\n<h5>\n  1 V\u00e4rskendage CMS uusimale versioonile ja kasutage mobiiliteemasid<br \/>\n<\/h5>\n<p>\n  Kui kasutate CMS-i, peate v\u00f5ib-olla v\u00e4rskendama oma tarkvara v\u00f5i muutma ajaveebi jaoks kasutatavat teemat. Enamik CMS-e juba pakub k\u00f5iki t\u00f6\u00f6riistu saidi mobiilis\u00f5bralikuks muutmiseks, kuid peate veenduma, et teie CMS-i v\u00e4rskendatakse uusimale versioonile. N\u00e4iteks Joomla on varustatud mobiilitugi ainult siis, kui see on v\u00e4rskendatud tarkvara uusimale versioonile. Muu tarkvara aga v\u00f5ib n\u00f5uda oma veebisaidi teema muutmist, et muuta see mobiilis\u00f5bralikuks, kuna m\u00f5ned vanemad teemad lihtsalt ei n\u00e4e mobiilseadmetes head v\u00e4lja ja seet\u00f5ttu 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\u00f5bralik. N\u00e4iteks 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\u00e4iustusi ja v\u00f5ib-olla oleks nutikam lihtsalt sisuhaldustarkvara vahetada.\n<\/p>\n<h5>\n  2 Kasutage alampealkirju<br \/>\n<\/h5>\n<p>\n  Mobiilikasutajatele mugava ajaveebisisu puhul on rusikareegel lasta neil teksti sisse v\u00f5tta v\u00e4iksemate l\u00f5ikudena, mitte aga kirjutada teie artiklit \u00fches pikas tekstis. Seega peaks teie blogipostituse tekst olema h\u00e4sti struktureeritud, et lugeja saaks tekstis h\u00f5lpsalt orienteeruda. Seda saab h\u00f5lpsasti teha alampealkirjade abil. Alapealkirjade kasutamisel jaguneb tekst automaatselt paljudeks alapeat\u00fckkideks ning lugejal on v\u00e4iksem v\u00f5imalus artiklit lugedes oma kohta kaotada. Ja kuna oma koha kaotamine nutitelefonis midagi lugedes on paljude mobiilseadmete kasutajate jaoks \u00fcsna tavaline probleem, kuna mobiilne kerimine muudab pikkade monotoonsete tekstide lugemise keeruliseks, lahendage see pealkirjade abil.\n<\/p>\n<p>\n  Pealkirju saab h\u00f5lpsasti sisestada pealkirjasiltide abil. Suurima ja k\u00f5ige olulisema pealkirja silt on\n<\/p>\n<h6>\n  , mis on vaevum\u00e4rgatav pealkiri, kuid aitab teil siiski sisu jagada ja h\u00f5lbustada lugemist.<br \/>\n<\/h6>\n<h5>\n  3 Valige piltide jaoks sobiv suurus<br \/>\n<\/h5>\n<p>\n  Blogijad valivad tavaliselt oma ajaveebipostitustes kasutatavate piltide suuruse vastavalt tavalisele arvutiekraani suurusele, kuid kui ajaveebi postitusi vaadatakse v\u00e4iksemal ekraanil, n\u00e4iteks mobiiltelefoni ekraanil, l\u00f5ppevad pildid \u00fcldiselt olla sama suur. See t\u00e4hendab, et mobiilseadmete kasutajad ei n\u00e4e pilte sobivas proportsioonis. Seega tehke oma pildid nii, et need poleks mitte ainult v\u00e4iksemate m\u00f5\u00f5tmetega, tavaliselt on parimad pildid suurusega alla 1500 x 2500 pikslit, vaid ka v\u00e4iksema suurusega \u2013 soovitatav on alla 500 KB. Lisaks mobiilseadmes\u00f5bralikele fotodele v\u00f5imaldab piltide failisuuruse v\u00e4hendamine kasutajatel lehti kiiremini laadida, kuna v\u00e4iksemate piltide laadimiseks kulub v\u00e4hem andmemahtu.\n<\/p>\n<p>\n  Piltide faili suuruse ja m\u00f5\u00f5tmete v\u00e4hendamiseks kasutage mis tahes olemasolevat fotoredaktorit, sest selleks pole vaja Photoshopi. Soovitame kasutada kas JPEGmini v\u00f5i Pixlr, sest nende fotot\u00f6\u00f6tlusprogrammidega saate v\u00e4hendada oma piltide suurust nende kvaliteeti kahjustamata.\n<\/p>\n<h5>\n  4 Kasutage tundlikku disaini<br \/>\n<\/h5>\n<p>\n  Responsive disain ajaveebi v\u00f5i veebisaidi jaoks annab v\u00f5imaluse vaadata seda paljudelt erinevatelt platvormidelt ja erinevate ekraanisuurustega seadmetelt mugavamalt, kuna see kohandab teie veebisaiti automaatselt brauseriakna laiusega. Ja et ajaveebi k\u00fclastajatele oleks mugav lugemine, muutub selle kohandamise k\u00e4igus tavaliselt ajaveebi kujundus, n\u00e4iteks t\u00f5mbuvad pildid kokku, veerud reastuvad vertikaalselt ja muutub ka men\u00fc\u00fc. Aga kui need muutused iseenesest ei toimu, on olemas t\u00f6\u00f6riistad, mida saate ise kasutada.\n<\/p>\n<p>\n  N\u00e4iteks 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\u00f5imaliku kombinatsiooni ise kodeerimine. Muidugi saate seda teha ka kasutades CSS3 uusi suhtelise pikkuse \u00fchikuid, nagu vaateava laius (vw), vaateava k\u00f5rgus (vh), vaateava k\u00f5rguse ja laiuse minimaalne v\u00e4\u00e4rtus (vmin) ning maksimaalne k\u00f5rgus ja laius (vmax). Kodeerimine n\u00f5uab aga nii oskust kui ka aega ja kui sa pole kogenud programmeerija, siis soovitan valida endise variandi.\n<\/p>\n<h5>\n  5 Kasutage lihtsaid kujundusi<br \/>\n<\/h5>\n<p>\n  Mobiilikasutajad eelistavad lihtsat saidikujundust, sest suured ja keerulise kujundusega veebisaidid muutuvad mobiilseadmes aeglaseks. Lihtne kujundus v\u00f5imaldab ka h\u00f5lpsalt hoida lugeja t\u00e4helepanu sisul, selle asemel, et neid v\u00e4ljam\u00f5eldud kujundusega h\u00e4irida, sest statistiliselt on enamikul mobiilikasutajatest \u00fcsna l\u00fchike t\u00e4helepanu.\n<\/p>\n<p>\n  See t\u00e4hendab, et muuta oma saidi paigutus lihtsaks ja arusaadavaks. Kui kasutate teenusepakkuja pakutavat teemat, saate selle lihtsalt lihtsamaks muuta. N\u00e4iteks pakub WordPress palju elegantseid ja lihtsaid kujundusi, mis ei koorma mobiilseadmeid, kuid n\u00e4evad siiski head v\u00e4lja ka t\u00f6\u00f6laual. Kuid kui olete oma veebisaidi loonud HTML-i abil, saate alla laadida lihtsa malli, mis muudab teie saidi suurep\u00e4raseks ja on ka mobiilis\u00f5bralik. N\u00e4iteks pakub Envato Market palju erinevaid lihtsaid kujundusi, mille hulgast saate valida ja oma saidil kasutada.\n<\/p>\n<h5>\n  6 Kasutage standardseid fonte<br \/>\n<\/h5>\n<p>\n  Huvitavad fondid v\u00f5ivad muuta ajaveebi loovamaks, kuid need fondid v\u00f5ivad h\u00e4irida ka ajaveebi mobiililugejaid, sest mitte k\u00f5ik mobiilseadmed ei toeta uhkeid t\u00f6\u00f6lauafonte. Nii et sisu n\u00e4gemiseks peavad mobiilseadmete kasutajad oma telefoni uusi fonte alla laadima, mis on t\u00fclikas, mis pole paljudele seda v\u00e4\u00e4rt. Peale selle, isegi kui k\u00f5ik fondid on eelinstallitud, v\u00f5ib m\u00f5ningaid loomingulisemaid fonte olla nutitelefonis v\u00e4iksema suuruse t\u00f5ttu raske lugeda.\n<\/p>\n<p>\n  Seega valige traditsioonilised fondid, nagu Times New Roman, Verdana, Comic Sans MS, WildWest v\u00f5i Bedrock. Ja kontrollige ka kasutatava fondi loetavust, veendumaks, et tekst ei muutuks nutitelefoni v\u00e4iksemal ekraanil vaadates loetamatuks. \u00dcldine rusikareegel on, et veebisaidil peaks iga tekst olema v\u00e4hemalt 14 pikslit, sest nii on tekst piisavalt suur, et seda oleks lihtne lugeda ka v\u00e4ga v\u00e4ikese ekraaniga mobiilseadme kasutamisel.\n<\/p>\n<h5>\n  7 Minimeeri sisu lehek\u00fclje kohta<br \/>\n<\/h5>\n<p>\n  Kui leht laaditakse mis tahes seadmesse, olgu see siis arvuti, tahvelarvuti v\u00f5i nutitelefon, laadib seade alla kogu lehe sisu. Tavaliselt ei tekita see probleeme, kui kasutate arvutit, kuid suured andmemahud v\u00f5ivad mobiilseadmeid \u00fcle koormata. Selle v\u00e4ltimiseks peaksite iga lehe sisu minimeerima, kuna see tagab, et teie ajaveeb t\u00f6\u00f6tab k\u00f5igis mobiilseadmetes.\n<\/p>\n<p>\n  Soovitatav on v\u00e4hendada oma lehe sisu alla 5 MB lehe kohta. Saate h\u00f5lpsasti kontrollida oma lehe sisu suurust mis tahes brauseris. Kasutage lihtsalt \u00fchte paljudest veebis saadaolevatest veebilehe suuruse kontrollimise t\u00f6\u00f6riistadest. Kui see on \u00fcle 5 MB, v\u00e4hendage lehe teksti, piltide ja muude komponentide suurust ja hulka k\u00e4sitsi v\u00f5i kasutage ajaveebi v\u00e4ljav\u00f5tteid, et k\u00fclastajatel oleks teie ajaveebi vaatamine lihtsam.\n<\/p>\n<h5>\n  8 Kasutage YouTube'i videoid<br \/>\n<\/h5>\n<p>\n  Kui kipute oma ajaveebi artiklitesse palju videoid postitama, peate meeles pidama, et need n\u00e4evad mobiilseadmes palju teistsugused v\u00e4lja kui arvutis. Veelgi enam, m\u00f5ned mobiilseadmed ei toeta isegi teatud videovorminguid, nii et v\u00e4ltimaks v\u00f5imalust, et kasutaja ei saa teie saidil videot esitada, kasutage manustatud YouTube'i. Manuskood, mille YouTube pakub igale nende videole, on juba tundlik, mis t\u00e4hendab, et saate videot vaadata peaaegu igas seadmes ja te ei pea enam videote suuruste ja vormingute p\u00e4rast muretsema.\n<\/p>\n<p>\n  YouTube'i video manustamiskoodi saate hankida, kl\u00f5psates nupul &#8220;Jaga&#8221;, mis asub nupu &#8220;Telli&#8221; all, seej\u00e4rel kl\u00f5psake vahekaarti &#8220;Manusta&#8221; ja kopeerige pakutud kood oma saidile. Ja teie postituses on t\u00e4iusliku suurusega video, ilma et peaksite seda isegi teisendama v\u00f5i muul viisil kohandama.\n<\/p>\n<h5>\n  9 Asendage lingid puudutatavate nuppude ja men\u00fc\u00fcdega<br \/>\n<\/h5>\n<p>\n  Sageli on veebisaidil olevad lingid liiga v\u00e4ikesed, et mobiilikasutaja saaks lihtsalt ja t\u00e4pselt s\u00f5rmega puudutada. Ja see v\u00f5ib ajaveebi lugeja jaoks olla v\u00e4ga t\u00fc\u00fctu, kui ta ei saa sisu t\u00e4pselt puudutada, vaid soovib seda vaadata. Seet\u00f5ttu peaksite k\u00f5ik veebisaidil olevad lingid asendama nuppudega, mille suurus on v\u00e4hemalt 44 \u00d7 44 pikslit.\n<\/p>\n<p>\n  Kui kasutate CMS-i, n\u00e4iteks WordPressi, saate nende nuppude loomiseks kasutada lihtsalt pistikprogramme. Minge oma CMS-i juhtpaneelile, leidke sobiv pistikprogramm, installige see ja j\u00e4rgige selle \u00f5igeks kasutamiseks juhiseid. Kui oled aga kodulehe ise kodeerinud, v\u00f5id kasutada \u00fcht v\u00f5i tasuta linkide nuppude generaatorit, mis s\u00e4\u00e4stab aega, mida kuluksid ise nuppude kodeerimisel.\n<\/p>\n<h5>\n  10 J\u00e4tkake testimist<br \/>\n<\/h5>\n<p>\n  L\u00f5puks, kui olete k\u00f5ik t\u00e4iustused teinud ja arvate, et teie ajaveeb on v\u00f5imalikult mobiilis\u00f5bralik, testige oma ajaveebi uuesti Google'i testimist\u00f6\u00f6riistaga v\u00f5i m\u00f5ne muu mobiilis\u00f5bralikkuse testimise t\u00f6\u00f6riistaga, mille leiate Internetist. Kui n\u00fc\u00fcd on k\u00f5ik korras ja t\u00f6\u00f6riist kinnitab, et su blogi ei saa trahvi, kuna see pole mobiilis\u00f5bralik, siis v\u00f5id l\u00f5\u00f5gastuda ja j\u00e4tkata oma veebisaidi kasvatamist, luues suurep\u00e4rast sisu. Kuid kindluse m\u00f5ttes soovitan teil testida oma veebisaiti mitmes erinevas seadmes.\n<\/p>\n<p>\n  Paluge s\u00f5pradel v\u00f5i pereliikmetel oma ajaveebi oma telefonist ja tahvelarvutist vaadata. Testige oma saiti Android- ja IOS-seadmes, samuti seadmes, millel v\u00f5ib olla t\u00e4iesti erinev operatsioonis\u00fcsteem. Ja vaadake nendes seadmetes l\u00e4bi k\u00f5ik oma ajaveebi peamised lehed. Ainult oma ajaveebi mobiilis\u00f5bralikkust p\u00e4riselus testides v\u00f5ite olla kindel, et teie saiti on tegelikult k\u00f5igist vidinatest lihtne vaadata ja lugeda.\n<\/p>\n<p>\n  Mobiilis\u00f5bralikkus ei t\u00e4henda ainult kena saidikujundust, vaid ka kasutajakogemuse parandamist teie veebisaidil. Seet\u00f5ttu on ajaveebi mobiilis\u00f5bralikumaks muutmisel rohkem inimesi valmis teie veebisaidile tagasi tulema, sest seda on lihtne vaadata ja m\u00f5ista. Ja kuna nende inimeste arv, kes kasutavad oma mobiiltelefone veebis surfamiseks peamise seadmena, kasvab iga j\u00e4rgmise aastaga, on ainult teie huvides veenduda, et teie veebisait on nendele nutitelefonikasutajatele s\u00f5bralik ja kuvab sisu neid mugavalt ja h\u00f5lpsasti loetaval viisil.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/02\/24\/make-blog-more-mobile-friendly\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google teatas hiljuti, et nad kasutavad mobiilis\u00f5bralikku algoritmi v\u00e4rskendust, et kontrollida, kas k\u00f5ik ajaveebid on mobiilis\u00f5bralikud, ja karistab neid, kes seda pole. Mis pani paljud blogijad m\u00f5tlema, kuidas muuta oma veebisaite mobiilis\u00f5bralikumaks ja kuidas isegi teada saada, kas teie ajaveeb on mobiilis\u00f5bralik v\u00f5i mitte. Seet\u00f5ttu panime kokku k\u00f5ige olulisema teabe selle kohta, miks on teie ajaveebi mobiilis\u00f5bralikumaks muutmine nii oluline ja kuidas seda tegelikult teha. T\u00e4nap\u00e4eval kasutab suur osa ajaveebi k\u00fclastajatest selleks arvuti asemel mobiilseadmeid. Ja kuna Google\u2026<\/p>\n","protected":false},"author":1,"featured_media":166915,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[195,52,779],"tags":[],"class_list":["post-248073","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebikujundus","category-web-ja-wordpress","category-vordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/248073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=248073"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/248073\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/166915"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=248073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=248073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=248073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}