{"id":11360,"date":"2016-06-22T13:09:51","date_gmt":"2016-06-22T11:09:51","guid":{"rendered":"https:\/\/dev.optiweb.com\/?post_type=post&#038;p=11360"},"modified":"2018-09-03T13:09:56","modified_gmt":"2018-09-03T13:09:56","slug":"sliderji-na-spletni-strani","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/sliderji-na-spletni-strani\/","title":{"rendered":"Pet razlogov, zakaj sliderji na spletni strani niso najbolj\u0161a izbira"},"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-11360'><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>Slider je element spletne strani, ki prikazuje zanimivo vsebino, aktualne informacije ali prihajajo\u010de dogodke. Priro\u010den je, ker zapolni prazen prostor na spletni strani, hkrati pa z njim lahko na enem mestu podamo veliko razli\u010dnih informacij in slikovnega gradiva. Brez dvoma jih lastniki spletnih strani zelo radi uporabljajo, mi pa smo raziskali nekaj klju\u010dnih vpra\u0161anj: so sliderji res tako funkcionalni, kot si mislimo, so obiskovalcem spletnih strani v\u0161e\u010d in kako vplivajo na uporabni\u0161ko izku\u0161njo?<\/p>\n<p><span style=\"line-height: 1.5em;\">Predstavljamo vam 5 argumentov, zakaj uporaba sliderjev na spletni strani morda ni vedno najbolj\u0161a izbira.<\/span><\/p>\n<h3><b>1. Lahko upo\u010dasnijo delovanje va\u0161e spletne strani<\/b><\/h3>\n<p><b><\/b>Velikokrat so v sliderjih uporabljene prevelike slike, ali pa so sliderji napa\u010dno ume\u0161\u010deni v kodo spletne strani, kar lahko mo\u010dno upo\u010dasni njeno delovanje. Hitrost spletne strani vpliva na SEO in rangiranje v iskalnikih. Pri poplavi konkurence si nedvomno vsak lastnik spletne strani \u017eeli,\u00a0da bi bila njegova spletna stran kar najbolj vidna in visoko pozicionirana. Hitrost nalaganja strani lahko vpliva tudi na to, kako hitro ljudje zapustijo stran. Raziskave so pokazale, da v primeru, \u010de se spletna stran ne nalo\u017ei v <a title=\"Hitrost strani\" href=\"https:\/\/kinsta.com\/learn\/page-speed\/\" target=\"_blank\" rel=\"noopener\">5 sekundah<\/a>, jo 74 % obiskovalcev preprosto zapusti.<\/p>\n<h3><b><\/b><strong>2. Nekateri uporabniki jih lahko zamenjajo z oglasnimi sporo\u010dili<\/strong><\/h3>\n<p>Ve\u010dino uporabnikov motijo oglasi, ki se premikajo, utripajo in imajo po mo\u017enosti dodane \u0161e zvo\u010dne u\u010dinke. Na njih so se prilagodili tako, da jih preprosto spregledajo. Sliderji s premikajo\u010dim elementom lahko dajejo vtis oglasov in zaradi tega izgubijo pozornost uporabnika. Priporo\u010damo, da obiskovalce namesto s sliderji nagovorite s profesionalno fotografijo, ki iz\u017eareva kredibilnost va\u0161ega podjetja. Naslovno sliko opremite z mo\u010dnim in udarnim sloganom.<\/p>\n<p>Primer s fotografijo in udarnim sloganom si lahko pogledate <a href=\"http:\/\/www.zerjavi.eu\/\" target=\"_blank\" rel=\"noopener\">tukaj<\/a>.<\/p>\n<h3>\u00a03.\u00a0<b>Vti\u010dnik Flash lahko predstavlja problem<\/b><\/h3>\n<p>Flash Player je raz\u0161iritev za spletne brskalnike, ki omogo\u010da prikaz animirane vsebine in videa. Nekatere animacije, pa tudi sliderji so \u0161e vedno izdelani v \u010dedalje bolj zastareli tehnologiji Flash Playerja, ki posledi\u010dno predstavlja ve\u010dje varnostno tveganje in slab\u0161o uporabni\u0161ko izku\u0161njo, zato ga nekateri sistemi (npr. IOS) ne podpirajo ve\u010d, drugi (npr. YouTube) pa so preklopili na naprednej\u0161i HTML5. Za ogled Flash vsebin je tudi na najsodobnej\u0161ih telefonih potrebno namestiti ustrezen vti\u010dnik, kar predstavlja te\u017eavo pri strokovno manj podkovanih uporabnikih, ki bodo posledi\u010dno hitreje zapustili spletno stran in tako ne bodo videli vsebine, s tem pa tvegamo tudi slab\u0161o konverzijo (oddajo povpra\u0161evanja\/nakupa, izpolnitev kontaktnega obrazca, prijavo na e-novice,&#8230;) na spletni strani.<\/p>\n<p>Pri predvajanju sliderjev, izdelanih v HTML, CSS in Java script, teh te\u017eav ne bo, saj so podprti z osnovno platformo in za ogled vsebin ni potrebno name\u0161\u010dati nobenih dodatnih vti\u010dnikov. \u00a0Morda je \u010das, da razmislite o spremembi in preklopite na HTML5, ki omogo\u010da predvajanje animacije neposredno iz kode strani in ne potrebuje pomo\u017enih vmesnikov.<\/p>\n<h3>\u00a04.\u00a0<b>Klikov na slider je po navadi precej malo<\/b><\/h3>\n<p><span style=\"line-height: 1.5em;\">Izbrskali smo <a title=\"Kliki na slajderje\" href=\"http:\/\/searchengineland.com\/homepage-sliders-are-bad-for-seo-usability-163496\" target=\"_blank\" rel=\"noopener\">podatek o tem<\/a>,\u00a0<\/span>koliko uporabniki sploh klikajo na sliderje. Podatki se sicer razlikujejo glede na vsebino, ki jo sporo\u010dajo, vendar je povpre\u010dna vrednost pri vseh vsebinah manj\u0161a kot 1 %. Kaj to pomeni? Manj kot 1 % obiskovalcev spletne strani dejansko klikne na slider. Rezultat je le potrdil na\u0161a predvidevanja, da so sliderji za obiskovalce neprimerni, saj je na sliderjih obi\u010dajno vsebina s katero \u017eelimo nekaj sporo\u010diti. Preden obiskovalci preberejo sporo\u010dilo do konca, se vsebina \u017ee zamenja in se slider premakne na naslednjo stran. S tem obiskovalci izgubijo pozornost in posledi\u010dno je klikanost sliderja tudi slab\u0161a. Morda bi bilo smiselno pomembne informacije umestiti na tista mesta na strani, ki jim obiskovalci posve\u010dajo ve\u010d pozornosti. Namesto sliderja lahko uporabite tudi stati\u010dno sliko z jasnim sporo\u010dilom va\u0161ega podjetja, ter ga dopolnite z udarnim gumbom, ki uporabnika vodi k akciji. Ve\u010d alternativnih mo\u017enosti najdete v zapisu pod to\u010dko 5.<\/p>\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-11360'><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\/2016\/06\/31.png' alt='' title='31' height=\"300\" 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  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-11360'><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\" ><h3><b>5. Neprilagojenost za mobilne telefone<\/b><\/h3>\n<p>V dana\u0161njem \u010dasu med 70 in 80 % ljudi za iskanje informacij po spletu uporablja tabli\u010dne ra\u010dunalnike in pametne telefone. Pomembno je, da se vsebina in oblika spletne strani prilagodita napravi za brskanje po spletu in da zaradi te prilagoditve ne trpita videz in namembnost spletnega mesta.<\/p>\n<p>Vsi vemo, kako poteka brskanje prek mobilnega telefona &#8211; \u00a0s palcem drsimo po ekranu, ki je precej o\u017eji od zaslona na\u0161ega doma\u010dega ra\u010dunalnika. Zaradi tega je pomembno, da se zasnova spletne strani prilagodi tudi tej vrsti uporabnikov in vsebino prikazujmo v vertikalni smeri. \u017de v prvem odstavku smo omenili, da sliderji upo\u010dasnijo delovanje spletne strani, pri brskanju prek mobilcev pa je ta odzivnost lahko \u0161e veliko slab\u0161a.<\/p>\n<p>Kaj uporabiti namesto sliderjev? Mo\u017enosti imate neskon\u010dno, priporo\u010damo pa vam:<\/p>\n<ul>\n<li>video predstavitev (primer:\u00a0<a href=\"http:\/\/www.gorenc.si\" target=\"_blank\" rel=\"noopener\">www.gorenc.si<\/a>,\u00a0<a href=\"http:\/\/www.kompetenca.si\" target=\"_blank\" rel=\"noopener\">www.kompetenca.si<\/a>),<\/li>\n<li>sliko va\u0161ega produkta s sporo\u010dilom (primer:\u00a0<a href=\"http:\/\/www.balazicinox.si\" target=\"_blank\" rel=\"noopener\">www.balazicinox.si<\/a>),<\/li>\n<li>stati\u010dno sliko s klju\u010dno vsebino (primer:\u00a0<a href=\"http:\/\/www.gitas.si\" target=\"_blank\" rel=\"noopener\">www.gitas.si\u00a0<\/a>)<\/li>\n<li>naslovno sliko va\u0161e ekipe z udarnim sporo\u010dilom.<\/li>\n<\/ul>\n<p>\u010ce slider kljub vsemu \u017eelite uporabiti, ga pomaknite ni\u017eje, na spodnji del strani.<\/p>\n<p><strong>Kak\u0161na pa je va\u0161a izku\u0161nja z uporabo sliderjev na spletni strani? Veseli bomo vsakega va\u0161ega mnenja.<\/strong><\/p>\n<p>Imate v mislih nov <a href=\"https:\/\/dev.optiweb.com\/sl\/projekti\/\">spletni projekt<\/a>? Izpolnite na\u0161\u00a0<a href=\"https:\/\/dev.optiweb.com\/kontakt\/\">kontaktni obrazec<\/a>. Z veseljem se bomo z vami pogovorili o va\u0161i obstoje\u010di spletni strani, ter pogledali kak\u0161ne so mo\u017enosti izbolj\u0161ave.<\/p>\n<p>Viri:<\/p>\n<p><a href=\"https:\/\/thrivethemes.com\/why-sliders-suck\/\">https:\/\/thrivethemes.com\/why-sliders-suck\/<\/a><\/p>\n<p><a href=\"https:\/\/yoast.com\/opinion-on-sliders\/\">https:\/\/yoast.com\/opinion-on-sliders\/<\/a><\/p>\n<p><a href=\"http:\/\/searchengineland.com\/homepage-sliders-are-bad-for-seo-usability-163496\">http:\/\/searchengineland.com\/homepage-sliders-are-bad-for-seo-usability-163496<\/a><\/p>\n<p><a href=\"https:\/\/managewp.com\/slider-alternatives\">https:\/\/managewp.com\/slider-alternatives<\/a><\/p>\n<p><a href=\"http:\/\/blogs.adobe.com\/dreamweaver\/2016\/01\/15-web-design-trends-to-look-for-in-2016.html\">http:\/\/blogs.adobe.com\/dreamweaver\/2016\/01\/15-web-design-trends-to-look-for-in-2016.html<\/a><\/p>\n<\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>So sliderji res tako funkcionalni, kot si mislimo in kako vplivajo na uporabni\u0161ko izku\u0161njo? Raziskali smo u\u010dinkovitost uporabe sliderjev na spletnih straneh.<\/p>\n","protected":false},"author":1,"featured_media":15533,"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\/11360"}],"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=11360"}],"version-history":[{"count":7,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/11360\/revisions"}],"predecessor-version":[{"id":31587,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/11360\/revisions\/31587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media\/15533"}],"wp:attachment":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media?parent=11360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/categories?post=11360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/tags?post=11360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}