{"id":6876,"date":"2015-04-23T08:33:20","date_gmt":"2015-04-23T06:33:20","guid":{"rendered":"https:\/\/dev.optiweb.com\/?p=6876"},"modified":"2018-09-04T12:22:15","modified_gmt":"2018-09-04T12:22:15","slug":"responsive-web-design","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/responsive-web-design\/","title":{"rendered":"Zakaj je dobro imeti prilagodljivo obliko spletne strani?"},"content":{"rendered":"<div id='av_section_1'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-0  el_before_av_section  avia-builder-el-first   container_wrap fullsize' style=' '  ><div class='container' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-6876'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>Zaradi spremembe Googlovega algoritma rangiranja spletnih strani v rezultatih iskanj, je sedaj ve\u010d poudarka na responsive oz. prilagodljivi obliki kot kadarkoli prej. Google bo rezultate iskanj iz mobilnih naprav prilagodil tako, da bo vi\u0161je postavil spletne strani, ki so ustrezno prilagojene na prikaz na mobilnih napravah (pametni telefoni, tablice \u2026).<\/p>\n<p><strong>Google bo, kot \u00bbmobile-frendly\u00ab ozna\u010dil stran, \u010de bo ustrezala spodnjim pogojem:<\/strong><\/p>\n<ul>\n<li>Stran ne uporablja tehnologij, ki se ne prikazujejo dobro na mobilnih napravah (npr. Flash).<\/li>\n<li>Prikazano besedilo je dovolj veliko, da ni potrebno bli\u017eanje (zoom).<\/li>\n<li>Vsebina je tako velika, da horizontalen drsnik ni potreben.<\/li>\n<li>Povezave in menijske postave so dovolj narazen, da se lahko s prstom dotaknete samo ene povezave.<\/li>\n<\/ul>\n<p>To so klju\u010dni elementi, ki so potrebni, da Google va\u0161o spletno stran ozna\u010di za prijazno mobilnim napravam. Vseeno je pa \u0161e kar nekaj drugih pogojev, ki pripomorejo k bolj\u0161emu prikazu strani \u2013 ve\u010d si lahko preberete\u00a0<a href=\"https:\/\/developers.google.com\/webmasters\/mobile-sites\/\">tukaj<\/a>.<\/p>\n<p>V zadnjem \u010dasu dobimo veliko vpra\u0161anj v smislu: \u00bbAli lahko mojo spletno stran spravite v responsive obliko?\u00ab. Odgovor na tako vpra\u0161anje se glasi: \u00bbDa, lahko, vendar bi bilo veliko bolj smiselno postaviti dizajn \u010disto na novo.\u00ab.<\/p>\n<p>Glede na to, da je prilagodljiva odzivna oblika aktualna \u017ee nekaj let, so strani, ki te tehnologije ne uporabljajo, mogo\u010de \u017ee kar malce zastarele. Poleg tega pa je ogrodje spletnih strani, ki se prilagajajo glede na naprave, zasnovano na \u010disto druga\u010den na\u010din (\u0161irine niso fiksne, vsak blok lahko preprosto premaknemo \u2026). To je razlog, da je prilagajanje tak\u0161nih dizajnov dolgotrajen proces.<\/p>\n<p><strong>Poleg responsive oblike, sta \u0161e dve alternativi, ki jih Google upo\u0161teva:<\/strong><\/p>\n<ol>\n<li><b>Dinami\u010dni prikaz vsebine<\/b>\u00a0\u2013 uporabi se isti URL naslov na vseh napravah, vendar se generira druga verzija strani, glede na to, preko katere naprave spletno stran obi\u0161\u010demo.<\/li>\n<li><b>Lo\u010den URL naslov<\/b>\u00a0\u2013 uporabi se \u010disto druga koda in drug URL naslov za posamezne naprave. Tak\u0161na konfiguracija posku\u0161a odkriti uporabnikovo napravo, preko katere je obiskal spletno stran, in ga nato preusmeri na ustrezno stran.<\/li>\n<\/ol>\n<\/div><\/section>\n\n<\/div><\/div><\/main><!-- close content main element --><\/div><\/div><div id='av_section_2'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-2  el_after_av_section  el_before_av_section  galimgsec  container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-6876'><div class='entry-content-wrapper clearfix'>\n<div  class='avia-image-container  av-styling-    avia-builder-el-3  avia-builder-el-no-sibling  avia-align-center '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='avia-image-overlay-wrap'><img class='avia_image' src='https:\/\/dev.optiweb.com\/wp-content\/uploads\/2015\/04\/tabela-1.jpg' alt='' title='tabela' height=\"417\" width=\"850\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_3'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-4  el_after_av_section  el_before_av_section   container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-6876'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock  '   itemprop=\"text\" ><h2>Zakaj pa je responsive oblika\u00a0 najbolj\u0161a odlo\u010ditev?<\/h2>\n<ul>\n<li><strong>Ker jo obiskovalci strani obo\u017eujejo<\/strong><\/li>\n<\/ul>\n<p>Uporabniki spletnih strani so nad prilagodljivo obliko navdu\u0161eni zato, ker se spletna stran sama prilagodi napravi, na kateri odpirajo povezavo. Tak\u0161en na\u010din oblikovanja predstavlja enotno izku\u0161njo, \u010deprav med brskanjem zamenjamo napravo.<\/p>\n<ul>\n<li><strong>Ker je tudi Google navdu\u0161en nad njo\u00a0<\/strong><\/li>\n<\/ul>\n<p>Tak\u0161en pristop Google zanima predvsem zaradi manj\u0161e porabe resursov, ki jih potrebuje Googlebot, ko preiskuje va\u0161o stran. Ni mu namre\u010d potrebno pregledati ve\u010d razli\u010dnih spletnih mest, ki je vsako posebej prilagojeno za razli\u010dne naprave, ampak pregleda samo eno spletno mesto. Ravno tako pa to pomaga k izbolj\u0161anju prepoznave vsebine strani in bolj relevantne zadetke.<\/p>\n<ul>\n<li><strong>Ker je v\u0161e\u010d tudi tr\u017enikom in lastnikom spletnih mest<\/strong><\/li>\n<\/ul>\n<p>Tudi urejevalci spletnih strani raje uporabljajo pristop prilagodljivega oblikovanja spletnih strani, saj jim to omogo\u010da vna\u0161anje vsebine na samo enem mestu, s \u010dimer prihranijo na \u010dasu.<\/p>\n<ul>\n<li><strong>Ker jo seveda uporabljamo tudi na optiweb.com\u00a0<\/strong><\/li>\n<\/ul>\n<h2>Nekaj najpogostej\u0161ih napak, ki jih Google gleda pri spletnih straneh:<\/h2>\n<ol>\n<li>blokirane JavaScript, CSS in slikovne datoteke,<\/li>\n<li>vsebina, ki ima te\u017eave s prikazovanjem,<\/li>\n<li>nepravilne preusmeritve,<\/li>\n<li>prikazovanje izgubljenih strani na mobilnih napravah (Napaka 404),<\/li>\n<li>vmesne strani za prenos mobilne aplikacije,<\/li>\n<li>nerelevantne navzkri\u017ene povezave,<\/li>\n<li>po\u010dasnost mobilnih strani.<\/li>\n<\/ol>\n<\/div><\/section>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_4'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-6  el_after_av_section  el_before_av_section  galimgsec  container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-6876'><div class='entry-content-wrapper clearfix'>\n<div  class='avia-image-container  av-styling-    avia-builder-el-7  avia-builder-el-no-sibling  avia-align-center '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='avia-image-overlay-wrap'><img class='avia_image' src='https:\/\/dev.optiweb.com\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-22-at-16.07.30-1.png' alt='' title='Screen-Shot-2015-04-22-at-16.07.30' height=\"281\" width=\"669\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_5'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-8  el_after_av_section  avia-builder-el-last   container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-6876'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock  '   itemprop=\"text\" ><h2>Za konec<\/h2>\n<p>Spremembe algoritmov se navadno prikazujejo kot nekak\u0161na apokalipsa. Vendar je moderniziranje va\u0161ih spletnih mest, da bodo prilagojena za razli\u010dne vrste naprav, pravzaprav dobra stran te spremembe. Tako bodo <a href=\"https:\/\/dev.optiweb.com\/sl\/storitve\/marketing\/seo-optimizacija-spletnih-strani\/\">spletna mesta optimizirana<\/a> na na\u010din, da bodo bolje zadovoljila potrebe va\u0161ih potencialnih strank na vseh kanalih, kjer nakupujejo.<\/p>\n<p>To na koncu lahko vodi k pove\u010danemu \u0161tevilu konverzij in vi\u0161jim prihodkom. Kar je tudi va\u0161 glavni cilj.<\/p>\n<h5>VIRI:<\/h5>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/webmasters\/mobile-sites\/\">https:\/\/developers.google.com\/webmasters\/mobile-sites\/<\/a><\/li>\n<li><a href=\"http:\/\/blog.hubspot.com\/marketing\/google-algorithm-change-mobile-friendly?utm_campaign=blog-rss-emails&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=17117689\">http:\/\/blog.hubspot.com\/marketing\/google-algorithm-change-mobile-friendly?utm_campaign=blog-rss-emails&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=17117689<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/webmasters\/mobile-sites\/mobile-seo\/overview\/select-config\">https:\/\/developers.google.com\/webmasters\/mobile-sites\/mobile-seo\/overview\/select-config<\/a><\/li>\n<\/ul>\n<\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Zaradi spremembe Googlovega algoritma rangiranja spletnih strani v rezultatih iskanj, je sedaj ve\u010d poudarka na responsive oz. prilagodljivi obliki kot kadarkoli prej. <\/p>\n","protected":false},"author":1,"featured_media":15693,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1030],"tags":[],"_links":{"self":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/6876"}],"collection":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/comments?post=6876"}],"version-history":[{"count":5,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/6876\/revisions"}],"predecessor-version":[{"id":31662,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/6876\/revisions\/31662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media\/15693"}],"wp:attachment":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media?parent=6876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/categories?post=6876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/tags?post=6876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}