{"id":631,"date":"2019-09-08T14:45:03","date_gmt":"2019-09-08T14:45:03","guid":{"rendered":"http:\/\/localhost\/webx\/?p=631"},"modified":"2019-09-08T14:45:03","modified_gmt":"2019-09-08T14:45:03","slug":"odzivna-mobilna-spletna-stran","status":"publish","type":"post","link":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/","title":{"rendered":"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna?"},"content":{"rendered":"

Internet je en izmed najpomembnej\u0161ih izumov modernega \u010dasa. Prakti\u010dno \u010dez no\u010d je skoraj popolnoma uni\u010dil smiselnost po\u0161iljanja pisem, spremenil je na\u010din potro\u0161nje, komuniciranja in ve\u010dina si ne zna ve\u010d predstavljati \u017eivljenja brez njega.<\/span><\/p>\n

\u010ceprav je internet dokaj nova stvar, se je na\u010din kako nanj dostopamo v zadnjih 20 letih mo\u010dno spremenil in verjetno se bo konstantno spreminjal vsaj \u0161e par desetletij. Ena izmed stvari, ki je internet in\u00a0izdelavo spletnih strani<\/a>\u00a0v zadnjem \u010dasu mo\u010dno spremenila je prihod pametnih mobilnih naprav.<\/p>\n

Leta 2018 se je v Sloveniji prvi\u010d zgodil preskok; na splet ve\u010d uporabnikov dostopa preko mobilnih naprav, kot namiznih ali prenosnih ra\u010dunalnikov.<\/strong><\/p>\n

Pred prihodom pametnih telefonov so bile vse spletne strani narejene za namizne ra\u010dunalnike in ko so ra\u010dunalni\u0161ki monitorji za\u010deli postajati ve\u010dji, nih\u010de ni niti pomislil, da bo v bli\u017enji prihodnosti ve\u010dina ljudi po spletu brskala s pametnimi telefonu, ki imajo ekran \u0161irok zgolj par centimetrov.<\/p>\n

S prihodom pametnih telefonov z manj\u0161imi ekrani pa je nastal problem; Strani narejene izklju\u010dno za namizne naprave se manj\u0161im zaslonom niso prilagajale in brskanje po spletu preko mobilnih telefonov ni bila najprijetnej\u0161a izku\u0161nja.<\/p>\n

\"\"<\/p>\n

Ste kdaj brskali po spletu z mobilnim telefonom in naleteli na spletno stran, ki se va\u0161i napravi ni prilagajala? Verjetno ste morali uporabljati dva prsta, parkrat pove\u010dati besedilo, da so drobne \u010drke dobile pravo velikost, potem spet zmanj\u0161ati, ker ste besedilo preve\u010d pove\u010dali, premikati ste se morali levo in desno in \u010dakati, da se nalo\u017eijo (prevelike) slike. \u0160e ve\u010dja verjetnost pa je, da ste spletno stran takoj zapustili in informacije poiskali na spletni strani z odzivnim dizajnom.<\/p>\n

Ko je vse ve\u010d uporabnikov spleta nanj za\u010delo dostopati prek mobilnih naprav, je pri\u0161el \u010das za spremembo in rodila sta se dva nova pojma; mobilna spletna stran in spletna stran z odzivnim dizajnom.<\/p>\n

Kak\u0161na je razlika?<\/strong><\/p>\n

Mobilna stran je unikatna verzija strani, ki se prika\u017ee samo obiskovalcem, ki na spletno stran dostopajo preko mobilnih naprav. Uporabniki, ki na splet dostopajo preko osebnih ra\u010dunalnikov vidijo eno verzijo spletne strani, uporabniki, ki nanjo dostopajo preko mobilnih naprav, pa eno.<\/p>\n

Spletna stran z odzivnim dizajnom pa je \u017ee v osnovi narejena tako, da se njena oblika prilagaja vsem napravam, ne glede na velikost zaslona.<\/p>\n

Ne glede na to, ali ima spletna stran lo\u010deno mobilno verzijo, ali pa odziven dizajn, je bistveno to, da je prilagojena mobilnim napravam.<\/p>\n

Tak\u0161na spletna stran ne potrebuje pove\u010dave zaslona. \u010crke, gumbi, slike in ostale vsebine so avtomatsko prilagojene na velikost katero lahko beremo s prostim o\u010desom, po spletni strani se premikamo zgolj z enim prstom; navzdol in navzgor. Tak\u0161na stran ponuja vse kar od nje pri\u010dakujejo uporabniki, ki na splet dostopajo z mobilnimi napravami.<\/p>\n

Zakaj je odziven dizajn tako pomemben?<\/h2>\n

V prvi vrsti je odziven (mobilni) dizajn edini, ki na pametnih telefonih in tablicah zagotavlja optimalno uporabni\u0161ko izku\u0161njo.<\/strong><\/p>\n

\u010ce ima spletna stran odziven dizajn, premikanje s prstom levo in desno na majhnem touch ekranu odpade. Prav tako odpade potreba po pove\u010davi besedila in slik, ker se vse vsebine na spletni strani prilagajajo tako manj\u0161im, kot ve\u010djim zaslonom. Tak\u0161na spletna stran mobilnim uporabnikom zagotavlja najbolj\u0161o uporabni\u0161ko izku\u0161njo in v procesu izgubi najmanj obiskovalcev.<\/p>\n

Google sovra\u017ei strani, ki nimajo odzivnega dizajna<\/strong><\/p>\n

Google je najve\u010dji spletni iskalnik na svetu in verjetno ga vsi dodobra poznamo. Cilj Googla je, da svojim uporabnikom med rezultati predlaga najbolj\u0161e mo\u017ene spletne strani, zato je par let nazaj za\u010del dajati prednost stranem, ki se prilagajajo mobilnim napravam.<\/p>\n

Nih\u010de na mobilnih napravah no\u010de brskati po straneh, ki za manj\u0161e zaslone niso prilagojene, zato je Googlova odlo\u010ditev, da prednost podeli stranem z odzivnim dizajnom edina logi\u010dna.<\/p>\n

Imate spletno stran, ki ni prilagojena mobilnim napravam, va\u0161a konkurenca pa tak\u0161no spletno stran ima? Potem bo Google spletne strani konkurence uvrstil vi\u0161je in tako boste zamudili ogromno poslovnih prilo\u017enosti.<\/p>\n

Kako lahko preverim, \u010de je moja spletna stran prilagojena mobilnim napravam?<\/h2>\n

To lahko preverite z\u00a0Googlovim \u201cMobile friendly\u201d orodjem<\/a>.<\/p>\n

Vpi\u0161ite naslov svoje spletne strani, pritisnite na gumb \u201ctest url\u201d in \u010de se vam po parih sekundah odpre stran z zelenim napisom, potem je va\u0161a spletna stran mobilnim telefonom \u017ee prilagojena.<\/p>\n

\"\"<\/p>\n

\u010ce pa se pojavi podstran z rde\u010dim naslovom \u201cPage is not mobile friendly\u201d, potem je \u010das za posodobitev va\u0161e spletne strani.<\/p>\n

\"\"<\/p>\n

Spletne strani izdelane pri nas so \u017ee v osnovi prilagojene vsem napravam. Uporabljamo odzivne dizajne, kar pomeni, da na\u0161e spletne strani ponujajo optimalno uporabni\u0161ko izku\u0161njo vsem obiskovalcem, ne glede na napravo s katero na njih dostopajo.<\/p>\n","protected":false},"excerpt":{"rendered":"

Internet je en izmed najpomembnej\u0161ih izumov modernega \u010dasa. Prakti\u010dno \u010dez no\u010d je skoraj popolnoma uni\u010dil smiselnost po\u0161iljanja pisem, spremenil je na\u010din potro\u0161nje, komuniciranja in ve\u010dina si ne zna ve\u010d predstavljati \u017eivljenja brez njega. \u010ceprav je internet dokaj nova stvar, se je na\u010din kako nanj dostopamo v zadnjih 20 letih mo\u010dno spremenil in verjetno se bo […]<\/p>\n","protected":false},"author":2,"featured_media":3545,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"yoast_head":"\nMobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna? - Webx<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna? - Webx\" \/>\n<meta property=\"og:description\" content=\"Internet je en izmed najpomembnej\u0161ih izumov modernega \u010dasa. Prakti\u010dno \u010dez no\u010d je skoraj popolnoma uni\u010dil smiselnost po\u0161iljanja pisem, spremenil je na\u010din potro\u0161nje, komuniciranja in ve\u010dina si ne zna ve\u010d predstavljati \u017eivljenja brez njega. \u010ceprav je internet dokaj nova stvar, se je na\u010din kako nanj dostopamo v zadnjih 20 letih mo\u010dno spremenil in verjetno se bo […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/\" \/>\n<meta property=\"og:site_name\" content=\"Webx\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-08T14:45:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"639\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"webxroot\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webxroot\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/\",\"url\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/\",\"name\":\"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna? - Webx\",\"isPartOf\":{\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg\",\"datePublished\":\"2019-09-08T14:45:03+00:00\",\"author\":{\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/#\/schema\/person\/a2c1c7c3b8090e3119eb14ee24e8c58f\"},\"breadcrumb\":{\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#primaryimage\",\"url\":\"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg\",\"contentUrl\":\"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg\",\"width\":960,\"height\":639},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dev231.webx.si\/webxfix\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/#website\",\"url\":\"https:\/\/dev231.webx.si\/webxfix\/\",\"name\":\"Webx\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dev231.webx.si\/webxfix\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/#\/schema\/person\/a2c1c7c3b8090e3119eb14ee24e8c58f\",\"name\":\"webxroot\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dev231.webx.si\/webxfix\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/321ab00a4f11aed745f9f244e7fda69b8d157f522d56fc6250119a7fcb1b6039?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/321ab00a4f11aed745f9f244e7fda69b8d157f522d56fc6250119a7fcb1b6039?s=96&d=mm&r=g\",\"caption\":\"webxroot\"},\"url\":\"https:\/\/dev231.webx.si\/webxfix\/author\/webxroot\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna? - Webx","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna? - Webx","og_description":"Internet je en izmed najpomembnej\u0161ih izumov modernega \u010dasa. Prakti\u010dno \u010dez no\u010d je skoraj popolnoma uni\u010dil smiselnost po\u0161iljanja pisem, spremenil je na\u010din potro\u0161nje, komuniciranja in ve\u010dina si ne zna ve\u010d predstavljati \u017eivljenja brez njega. \u010ceprav je internet dokaj nova stvar, se je na\u010din kako nanj dostopamo v zadnjih 20 letih mo\u010dno spremenil in verjetno se bo […]","og_url":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/","og_site_name":"Webx","article_published_time":"2019-09-08T14:45:03+00:00","og_image":[{"width":960,"height":639,"url":"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg","type":"image\/jpeg"}],"author":"webxroot","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webxroot","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/","url":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/","name":"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna? - Webx","isPartOf":{"@id":"https:\/\/dev231.webx.si\/webxfix\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#primaryimage"},"image":{"@id":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#primaryimage"},"thumbnailUrl":"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg","datePublished":"2019-09-08T14:45:03+00:00","author":{"@id":"https:\/\/dev231.webx.si\/webxfix\/#\/schema\/person\/a2c1c7c3b8090e3119eb14ee24e8c58f"},"breadcrumb":{"@id":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#primaryimage","url":"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg","contentUrl":"https:\/\/dev231.webx.si\/webxfix\/wp-content\/uploads\/2019\/08\/phone-brow.jpg","width":960,"height":639},{"@type":"BreadcrumbList","@id":"https:\/\/dev231.webx.si\/webxfix\/odzivna-mobilna-spletna-stran\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev231.webx.si\/webxfix\/"},{"@type":"ListItem","position":2,"name":"Mobilna spletna stran in odzivni dizajn \u2013 zakaj sta potrebna?"}]},{"@type":"WebSite","@id":"https:\/\/dev231.webx.si\/webxfix\/#website","url":"https:\/\/dev231.webx.si\/webxfix\/","name":"Webx","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev231.webx.si\/webxfix\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dev231.webx.si\/webxfix\/#\/schema\/person\/a2c1c7c3b8090e3119eb14ee24e8c58f","name":"webxroot","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dev231.webx.si\/webxfix\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/321ab00a4f11aed745f9f244e7fda69b8d157f522d56fc6250119a7fcb1b6039?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/321ab00a4f11aed745f9f244e7fda69b8d157f522d56fc6250119a7fcb1b6039?s=96&d=mm&r=g","caption":"webxroot"},"url":"https:\/\/dev231.webx.si\/webxfix\/author\/webxroot\/"}]}},"_links":{"self":[{"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/posts\/631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/comments?post=631"}],"version-history":[{"count":0,"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/posts\/631\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/media\/3545"}],"wp:attachment":[{"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/media?parent=631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/categories?post=631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev231.webx.si\/webxfix\/wp-json\/wp\/v2\/tags?post=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}