Bounce - skupinsko delo na spletni strani
Dodano: Četrtek, 1. Julij 2010Tole je odlična aplikacija za skupinsko delo pri popravkih na spletni strani: http://www.bounceapp.com/
Google font directory
Dodano: Četrtek, 20. Maj 2010http://code.google.com/webfonts
Končno enostavna rešitev za uporabo fontov, ki niso “web-safe“! Nabor pisav je zaenkrat še malo omejen, upam da ga bodo postopoma razširili. V kolikor brskalnik ne podpira Google Font API, potem se prikaže naslednji font, ki je definiran v CSSju.
Lepo bi bilo, da bi se ta rešitev uveljavila, saj je trenutni nabor pisav za splet zelo omejen, razni dinamični text-to-image ali text-to-flash vtičniki pa večinoma samo zakomplicirajo zadeve razvijalcem in po nepotrebnem podaljšajo čas izdelave.
Kako v Joomla! CMS dodamo gumb “Like / Recommend” s Facebooka
Dodano: Petek, 23. April 2010Facebook po novem ponuja gumb Like/Recommend za objavo na spletni strani. S klikom na ta gumb lahko obiskovalec na lastnem Facebook profilu priporoči vašo spletno stran.
Spodaj je košček kode, ki s pomočjo API knjižnic CMS sistema Joomla! dobi trenutni naslov podstrani, na kateri je obiskovalec, in gumb “Recommend / Like” poveže z obiskovalčevim Facebook profilom. Ukaz za izpis trenutnega URL je <?php echo JURI::current(); ?>
Predlagam, da kodo vnesete v svoj modul, ker potem lahko določate pojavnost gumba (pozicija, prikaz le na določenih straneh in člankih). Seveda pa se kodo lahko tudi vpiše direktno v predlogo (template).
Več opcij in generator kode je na voljo na uradni Facebook strani za razvijalce:
http://developers.facebook.com/docs/reference/plugins/like
In na strani Facebook for web sites:
http://developers.facebook.com/docs/guides/web
<!– Facebook like / recommend gumb –>
<iframe src=”http://www.facebook.com/widgets/like.php?href=<?php echo JURI::current(); ?>”
scrolling=”no” frameborder=”0″
style=”border:none; width:450px; height:80px”></iframe>
<!– Facebook like / recommend gumb –>
Preprečevanje podvajanja vsebine na iskalnikih
Dodano: Sreda, 17. Junij 2009Pri optimizaciji spletnih strani, podprtih s CMS orodji, se lahko pojavijo težave pri podvajanju poti (URL) do vsebine. Kot primer bom omenil stran, ki še vedno teče na CMS Joomla!, različice 1.0.XX., ker je navedene primere lahko razumeti.
Do težav sicer prihaja tudi v večini drugih CMS sistemov (npr Wordpress, Drupal, Typo3, …) in v nekaterih custom-made rešitvah.
Primer:
1. Po namestitvi sistema Joomla! 1.0.XX dostopamo do podstrani preko naslova:
http://www.vasaXYdomena.com/index.php?option=com_content&task=blogcategory&id=15&Itemid=762. Po vklopu “SEF” povezav v nastavitvah, se ta URL spremeni v
http://www.vasaXYdomena.com/content/view/15/76/3. Po namestitvi SEO komponente, se URL lahko spremeni v karkoli, npr.:
http://www.vasaXYdomena.com/prijazennaslov/4. Dodaten URL nastane, če enačimo dostope do domene z in brez WWW:
http://www.vasaXYdomena.com = http://vasaXYdomena.com.
Ker so v nekaterih primerih aktivne 2 od 3 možnosti, iskalniki preko 4 različnih naslovov dostopajo do iste vsebine, kar zaradi (nenamernega) podvajanja vsebin lahko povzroči slabšo uvrstitev med zadetki.
Mislili bi, da če v sitemap vedno vpišemo samo “aktualne” URL naslove, do problema s podvajanjem ne bo prišlo. V praksi pa se žal izkaže, da stari naslovi kljub spremembam še dolgo ostanejo v iskalnikovem indeksu in povzročajo neželjeno podvajanje vsebine.
Rešitev omenjenega problema je “canonical tag“. Gre za relativno nov pristop, aktiven od februarja 2009. Podpirajo ga pri vseh večjih iskalnikih. V praksi pa se še ni povsem uveljavil.
Na srečo je implementacija preprosta. Med znački <HEAD> in </HEAD> vpišemo značko z oznako canonical in vanjo vstavimo URL, ki enolično označuje naslov podstrani.
<link rel=”canonical” href=”http://www.vasadomenaXY.com/prijazennaslov/” />
Princip delovanja te značke je podoben, kot pri 301 preusmeritvi. Kljub več aktivnim URL naslovom za dostop do vsebine bo iskalnik v indeks vpisal le URL iz značke canonical.
Za več informacij o temi obiščite Google webmaster blog.
10 pogostih in motečih napak na spletnih straneh
Dodano: Sreda, 10. Junij 2009V tem prispevku bom izpostavil nekaj motečih zadev, ki jih redno srečujem pri analizah predstavitvenih spletnih strani. Da ne bo spisek predolg, sem zaenkrat izbral samo 10 začetniških napak. Te napake najpogosteje naredijo izdelovalci spletnih strani, ki se ne znajo postaviti v kožo povprečnega uporabnika, ki je prvič obiskal njihovo spletno stran.
1.Flash intro
Flash vstopne strani (introti) lahko izgledajo čudovito in impresionirajo direktorja naročniškega podjetja, a motijo večino obiskovalcev. Do informacij želijo priti čimprej, zato jih moti čakanje na prenos in predvajanje flash vsebine. Če je flash intro zahteva pri izdelavi nove strani in brez njega ne gre, mora vsaj ponujati možnost takojšnjega preskoka na glavno stran. Druga rešitev je uporaba pretočnih tehnologij, kjer se flash vsebina nalaga sproti in brez čakanja (npr pri predvajanju videa).
2.Nezdružljivost spletne strani s starejšimi brskalniki, posebno z Internet Explorerjem 6
Ne glede na to, da izdelovalci spletnih strani nimamo najbljšega mnenja o IE6, je potrebno spletne strani prilagoditi tudi zanj. Velik delež uporabnikov starejše populacije ga namreč še vedno uporablja. Zna se zgoditi, da bo stran izgubila ključni del obiskovalcev zaradi „sesute“ oblike v IE6. Predvsem so problematični elementi za navigacijo (npr javascript drop-down menuji), ki lahko postanejo za uporabnike z IE6 nedostopni. Na srečo se število uporabnikov IE6 vztrajno manjša, a zaenkrat še vedno predstavlja nezanemarljiv delež med obiskovalci večine spletnih strani. Za pregled združljivosti lahko uporabimo storitvi Browser Shots ali Adobe browser lab.
3.Uporaba privzetih predlog v odprtokodnih sistemih CMS
nakazuje, da lastnik spletne strani pretirano varčuje na obliki. Z uporabo standardnih predlog se znižuje „imidž“ podjetja. Napredni uporabniki bodo opazili, da je spletna stran zelo podobna stranem raznih društev in posameznikov in obstaja možnost, da si bodo na tej osnovi ustvarili negativno mnenje o podjetju. Podoba spletne strani naj bo v skladu z grafično podobo podjetja in kadar se le da, naj jo naredi oblikovalec.
Uporaba privzete predloge Joomla! CMS za spletno stran podjetja.
4.Nedelujoče povezave (404 error)
Obiskovalec bo izgubil zaupanje v spletno stran takoj, ko naleti na nedelujoče povezave. To velja tudi za povezave na zunanje spletne strani. Dobro jih je vsake toliko pregledati. Obstajajo različna brezplačna orodja, ki to samodejno naredijo za nas. Eno takih orodij je Broken link checker.
5.Kaj podjetje ponuja, komu to nudi in kakšen je sploh namen spletne strani?
Uporabniku morajo biti že ob prvem obisku spletne strani takoj jasne osnovne informacije o dejavnosti, ponudbi in lokaciji podjetja, ter namen spletne strani. Gre za katalog, spletno trgovino, spletno vizitko? Je podjetje izvajalec, zastopnik, serviser, proizvajalec, trgovina? Ima sedež v Kopru, Ljubljani, Mariboru, … ? Te zadeve je dobro izpostaviti nekje na prvi strani.
6.Neažurnost novic
Novice morajo biti aktualne in redno dopolnjene. To, da ima neka spletna stran na vstopni strani objavljene leto dni stare novice, ne vzbuja zaupanja v podjetje.
Primer neažurnosti novic enega izmed domačih podjetij.
7.Predolga besedila o podjetju in premalo koristnih informacij za stranke
V prvi točki sem že napisal – do željenih informacij želijo obiskovalci priti kar najhitreje. Večina jih bo na spletno stran prišla zato, ker jih zanima konkreten odgovor na njihovo vprašanje oz. potrebo. Pretirano nakladanje o superiornosti, dolgoročni vziji in ciljih podjetja bo doseglo ravno nasproten učinek od željenega. Obiskovalci bodo dobili občutek, da jim hočete „prodajati meglo“. Informacije o podjetju morajo biti kratke in jedrnate, bistvo besedil in celotne spletne predstavitve pa naj temelji na ponudbi, storitvah in ugodnostih, ki jih podjetje nudi potencialnim strankam.
8.Podnivoji v menijih in prezahtevna navigacija
Fraza „dva klika do vseh informacij“ dejansko drži. Lastna spletna stran se lastniku zagotovo zdi povsem logično zgrajena. Kako pa se na njej znajde obiskovalec, ki jo prvič vidi? Bo znal poiskati določeno informacijo? Priporočilo je, da se uporablja le en podnivo v menijih in preprost način navigacije med podstranmi. Če se nikakor ne da poenostaviti menijev na 2 nivoja, je priporočena vsaj uporaba t.i. „breadcrumb“ sistema, ki nakazuje trenutno lokacijo na spletni strani in omogoča hitro vrnitev na višji nivo.
Breadcrumb na domači strani NUK
9.Premalo izpostavljen kontakt podjetja
Kontaktne informacije morajo biti vidne in hitro najdljive. Nič ne bo škodilo, če se jih vključi v nogo ali v glavo strani in se prikazujejo na vseh podstraneh. Večina obiskovalcev bo za več informacij in kontakt uporabila e-pošto ali telefon, zato jim moramo ta podatek ponuditi na dobro vidnem mestu.
Mobitel ima pomembne kontaktne podatke v nogi vseh podstrani.
10.Odsotnost zemljevida z lokacijo podjetja
V kolikor je za posel pomembno, da obiskovalci pridejo tudi osebno do podjetja, je zemljevid nujen dodatek k spletni strani. Lokacija podjetja mora biti jasno označena na zemljevidu. Še boljše pa je, če se poleg zemljevida v nekaj alinejah na kratko opiše pot do podjetja.
Računovodski servis Replika ima poleg zemljevida tudi opis lokacije in link na zemljevid.najdi.si
Na kratko bi to bilo zaenkrat vse. Želim si povratnih komentarjev o mojem izboru in še omembo katere izmed osnovnih napak, ki jih sam nisem vključil v seznam.
