{"id":369839,"date":"2023-04-26T09:33:00","date_gmt":"2023-04-26T06:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369839"},"modified":"2023-04-26T09:33:10","modified_gmt":"2023-04-26T06:33:10","slug":"mobiilipohine-disain-mis-see-on-ja-miks-see-on-oluline","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/mobiilipohine-disain-mis-see-on-ja-miks-see-on-oluline\/","title":{"rendered":"Mobiilip\u00f5hine disain \u2013 mis see on ja miks see on oluline"},"content":{"rendered":"\n<p>2018 aasta s\u00fcgis oli katsumusterohke periood veebiturundajatele, blogijatele, digiagentuuridele\u2026 p\u00f5him\u00f5tteliselt k\u00f5igile, kelle leib ja v\u00f5i p\u00e4rineb veebimaailmast. Miks? Sest just siis alustas otsingumootorihiiglane Google oma <strong>mobiilip\u00f5hist indekseerimist<\/strong>. See ei tulnud kindlasti \u00fcllatusena, sest juba 2015. aasta <strong><a href=\"https:\/\/searchengineland.com\/google-search-algorithm-adds-mobile-friendly-factors-app-indexing-ranking-215573\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u201eMobilegeddon&#8221;<\/a><\/strong> tutvustas mobiilseadmetes h\u00e4sti kuvatavate veebisaitide prioriseerimist. Mobiilip\u00f5hine disain oli juba asjakohane, kuid Google suutis siiski paanikat tekitada.<\/p>\n<p>Kuid astume hetkeks tagasi ja uurime, mida &#8220;k\u00f5igepealt mobiilne&quot; tegelikult t\u00e4hendab.<\/p>\n<h2>Mobile-First Design Explained<\/h2>\n<p>L\u00fchidalt \u00f6eldes on mobiilip\u00f5hine disain selline, mis <strong>eelistab mobiilseadmeid<\/strong>. \u00dcldiselt h\u00f5lmab see nutitelefone ja tahvelarvuteid v\u00f5i mis tahes v\u00e4iksema ekraaniga seadmeid. Selle kontseptsiooni \u00f5igeks m\u00f5istmiseks peame k\u00f5igepealt r\u00e4\u00e4kima tundlikust veebidisainist ehk <strong>RWB<\/strong> -st. P\u00f5him\u00f5tteliselt v\u00f5imaldame RWB-s veebi ja selle kogu kuju ja sisu sobitada v\u00e4iksematele ekraanidele ilma kvaliteeti kaotamata. Samuti tuleb seda teha nii, et see oleks inimestele mugav v\u00f5i mugav. Kui see on \u00f5igesti tehtud, t\u00e4hendab tundlik disain, et kasutaja ei pea saidi kogu sisu vaatamiseks ekraani sisse suumima, kerima ega panoraamima.<\/p>\n<p>Ilmselgelt on see, kuiv\u00f5rd mobiiliotsingud on lauaarvutite otsingutest m\u00f6\u00f6da saanud, t\u00e4iesti loomulik, et veebisait on tundlik. K\u00fcsimus pole isegi k\u00f5ige tugevama elluj\u00e4\u00e4mises. See on lihtsam kui see. Kui teie veebisait ei reageeri, v\u00f5ib see sama h\u00e4sti olla olematu. Inimestel ei ole aega ega kannatust mittereageerivate veebisaitide jaoks.<\/p>\n<p>Kuid siin on midagi enamat kui lihtsalt reageerimisv\u00f5ime. Toote v\u00e4ljat\u00f6\u00f6tamisel v\u00f5tsid disainerid l\u00e4htepunktiks lauaarvuti versiooni. Seej\u00e4rel loobusid nad p\u00e4rast selle konkreetse versiooni viimistlemist teatud elemendid, et toodet mobiili jaoks optimeerida.<\/p>\n<p>T\u00e4nap\u00e4eval on protsess teistsugune. <strong>&quot;Progressive areng&quot;<\/strong> on disainis laialdaselt kasutatav p\u00f5him\u00f5te, mille l\u00e4htepunktiks on mobiilne versioon. Ja just seda t\u00e4hendabki \u201ek\u00f5igepealt mobiilne&#8221;. Disain algab mobiilsest otsast ja laieneb seej\u00e4rel j\u00e4rk-j\u00e4rgult t\u00e4iustatud versioonidele.<\/p>\n<h2>Mobile-First indekseerimine<\/h2>\n<p>Nagu varem mainisime, algatas Google 2018. aastal saitide indekseerimiseks t\u00e4iesti uue viisi. Indekseerimine on oluline, kuna see on \u00fcks mehhanismidest, mida Google kasutab otsustamaks, kui k\u00f5rgele teie veebisait otsingumootori tulemuste lehtedel asetseb.<\/p>\n<p>P\u00f5him\u00f5tteliselt t\u00e4hendab mobiilip\u00f5hine indekseerimine seda, et kui Google oma roomamisrobotid juurutab, otsivad nad esmalt teie saidi mobiiliversiooni ja seej\u00e4rel t\u00f6\u00f6lauaversiooni. Pange t\u00e4hele, et mobiiliversioon ei ole ainus, mida indekseeritakse ja j\u00e4rjestatakse. Arvesse v\u00f5etakse ka teie t\u00f6\u00f6lauaversiooni, kuid alles p\u00e4rast mobiiliversiooni. Kui teie veebisaidil pole mobiiliversiooni, m\u00f5jutab see teie veebisaidi asetust m\u00e4rkimisv\u00e4\u00e4rselt negatiivselt. Mitte ainult seda. \u00dcks tegur on ka teie veebisaidi pakutava mobiilikogemuse kvaliteet.<\/p>\n<p>Ja seep\u00e4rast peaks iga veebisaidi omanik suhtuma mobiili-eelk\u00f5igesse v\u00e4ga-v\u00e4ga t\u00f5siselt.<\/p>\n<h2>Kuidas optimeerida esmalt mobiili jaoks<\/h2>\n<p>Nii et leidsite endale laheda <a href=\"https:\/\/themewp.inform.click\/et\/2022-aasta-15-parimat-tasuta-reageerivat-wordpressi-teemat\/\" title=\"tundliku teema\">tundliku teema<\/a>? Hea. Vastupidavus on \u00e4\u00e4rmiselt oluline. Kuid kas te ei m\u00f5tle hetkekski, et teie t\u00f6\u00f6 mobiili jaoks optimeerimisel l\u00f5peb sellega. See on keerulisem kui see.<\/p>\n<p>Olenemata sellest, kas teete oma vana WordPressi saiti kevadpuhastust v\u00f5i ehitate t\u00e4iesti uut, saate teha asju, et muuta see Google&#8217;i roomajatele ja mobiilip\u00f5hise indekseerimise jaoks atraktiivsemaks.<\/p>\n<ul>\n<li><strong>Optimeerige oma veebisaidi kiirust<\/strong><\/li>\n<\/ul>\n<p>Google vihkab aeglaseid veebisaite. Ei p\u00e4riselt. Sellel on eriline eelarvamus veebisaitide suhtes, mille laadimine on aeglane. Alates 2018. aasta suvest on Google ametlikult eelistanud kiireid veebisaite, nii et sellele tasub kindlasti m\u00f5elda.<\/p>\n<p>Isegi kui teie veebisait on veidi loid, \u00e4rge muretsege. Selle kiirendamiseks saate teha palju asju. N\u00e4iteks saate kasutada \u00fcht suurep\u00e4rast <a href=\"https:\/\/themewp.inform.click\/et\/parimad-wordpressi-vahemalu-pistikprogrammid-ja-nende-installimine\/\" title=\"vahem\u00e4llu salvestamise pistikprogrammi\">vahem\u00e4llu salvestamise pistikprogrammi<\/a>, mis loob teie saidist HTML-valmidusega versiooni, nii et see laaditakse kiiremini. Samuti saate k\u00f5ik failid tihendada, et need \u00fcles laadida v\u00f5imalikult v\u00e4ikeses ja kergemas suuruses. L\u00f5puks leidke aega, et oma veebisait l\u00e4bi vaadata ja otsida tehnilisi vigu, nagu katkised lingid, liiga t\u00e4is lehed jne.<\/p>\n<p>Kui tegemist on <strong>otsingumootori optimeerimisega (SEO)<\/strong>, siis eeldades, et rakendate juba k\u00f5iki selle valdkonna parimaid tavasid, tuleb meeles pidada veel paari asja.<\/p>\n<p>Esiteks peate tagama oma saidi versioonide sisu v\u00f5rdsuse. See kehtib eriti sisemiste linkide, struktureeritud andmete, siltide ja muu sellise kohta. Samuti veenduge, et teie serverid saaksid hakkama roomamiskiirusega. Varem oli see probleem mobiilip\u00f5hise indekseerimise esmakordsel kasutuselev\u00f5tul, kuid \u00fcllatavalt palju veebisaite pole ikka veel uue roomamistegevusega kohanenud.<\/p>\n<p>L\u00f5puks j\u00e4lgige regulaarselt oma indekseerimise olekut ja veenduge, et fail <strong>robots.txt<\/strong> on kinnitatud ja teie serveri logifailid korras.<\/p>\n<ul>\n<li><strong>Valige tundlik raamistik<\/strong><\/li>\n<\/ul>\n<p>Jah, me \u00fctlesime varem, et tundlikule raamistikule rajatud tundliku teema kasutamisest ei piisa \u00f5igeks mobiilip\u00f5hiseks optimeerimiseks. Kuid see j\u00e4\u00e4b \u00fcheks oluliseks teguriks, mist\u00f5ttu arvasime, et peaksime seda kordama.<\/p>\n<p>Bootstrap ja Foundation on praegu k\u00f5ige populaarsemad ja vaieldamatult k\u00f5ige paremini reageerivad raamistikud, seega valige teema, kasutades \u00fchte neist. Need sobivad ideaalselt teie veebisaidi kujunduse t\u00f5lkimiseks v\u00e4iksematele ekraanidele minimaalse t\u00f5rgete ja vigade ohuga. Lisaks teevad nad seda nii esi- kui ka tagaotsa tasemel, seega v\u00e4hendavad nad oluliselt arendaja t\u00f6\u00f6koormust.<\/p>\n<ul>\n<li><strong>Optimeerige oma navigeerimist, sisu ja suhtlust<\/strong><\/li>\n<\/ul>\n<p>T\u00e4iusliku tasakaalu leidmine ebapiisava sisu ja liiga palju sisu vahel on k\u00f5igi mobiiliveebisaitide tavaline vaev. Ometi on see lahing, mida peame lihtsalt j\u00e4tkama. K\u00fclastajad vajavad teavet ning nad peavad seda selgelt ja lihtsalt esitama. Segadus on vastuv\u00f5etamatu. <strong>Korraldage oma sisu<\/strong> nii, et saaksite \u00f6elda, mida teil on, strateegiaid tegevusele kutsuda ja mitte midagi muud.<\/p>\n<p>Kaaluge ka oma veebisaidil navigeerimist. Kui see on liiga keeruline, siis mobiili jaoks see lihtsalt ei sobi.<\/p>\n<p>J\u00e4rgmiseks, kui teie navigeerimisriba t\u00f6\u00f6laual on pikk, peate selle mobiiliversioonis palju l\u00fchemaks muutma. Kaaluge teksti suurendamist ja linkide muutmist nuppudeks, mida on lihtne puudutada.<\/p>\n<p>L\u00f5puks vaadake, kas teie paigutused on \u00f5igesti optimeeritud tavaliste k\u00e4eshoitavate toimingute jaoks, nagu koputamine ja p\u00fchkimine.<\/p>\n<p>See on \u00fcsna loogiline samm, kuid pole valus seda veel kord r\u00f5hutada. Peate alati oma saidil k\u00f5ike kontrollima ja testima. Isegi kui te pole hiljuti muudatusi teinud, kaaluge aeg-ajalt testi tegemist, et n\u00e4ha, kas k\u00f5ik t\u00f6\u00f6tab h\u00e4sti.<\/p>\n<p>Enamik inimesi kasutab t\u00e4nap\u00e4eval kaasaegseid v\u00f5i mobiilile optimeeritud brausereid. H\u00e4mmastav protsent internetikasutajatest kasutab aga endiselt vanemaid brauseriversioone ja nende peale tuleb ka m\u00f5elda. Soovite, et teie veebisait n\u00e4eks vanal iPhone 4s-l sama hea v\u00e4lja kui uuel Huawei P20-l.<\/p>\n<p>Testige lihtsalt oma veebisaidi kujunduse reageerimisv\u00f5imet ja \u00e4rge unustage A\/B jaotustesti, eriti oma sihtlehtede puhul. Loomulikult <a href=\"https:\/\/themewp.inform.click\/et\/kuidas-redigeerida-wordpressi-saidi-mobiiliversiooni\/\" title=\"kohandage enne k\u00f5ike muud oma saidi mobiiliversiooni\">kohandage enne k\u00f5ike muud oma saidi mobiiliversiooni<\/a> ja valmistage see kasutajate jaoks ette.<\/p>\n<p>Mobile-first on trend, mis j\u00e4\u00e4b m\u00f5neks ajaks p\u00fcsima ja see on reaalsus, millega me k\u00f5ik peame leppima. &quot;Meie&quot; all peame silmas k\u00f5iki, kes on seotud veebisaidi loomise ja haldamisega. Disainerid, arendajad, administraatorid, SEO eksperdid, toimetajad, tekstikirjutajad \u2013 k\u00f5ik peavad meeles pidama, et mobiiltelefon prioriteediks seada. See muidugi ei t\u00e4henda, et peaksime t\u00f6\u00f6lauaversioonid t\u00e4helepanuta j\u00e4tma. Lihtsalt mobiilip\u00f5hist disaini tuleb t\u00f5siselt v\u00f5tta.<\/p>\n<p>Loodame, et see artikkel oli teile kasulik. Kui teile see meeldis, vaadake ka m\u00f5nda neist artiklitest!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kas olete kunagi m\u00f5elnud, mida mobiilip\u00f5hine disain t\u00e4hendab ja miks see oluline on? Lugege edasi, et teada saada k\u00f5ike, mida peate selle olulise kontseptsiooni kohta teadma.<\/p>\n","protected":false},"author":1,"featured_media":364053,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[569],"tags":[842],"class_list":["post-369839","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressi-pohitoed","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/369839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=369839"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/369839\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/364053"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=369839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=369839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=369839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}