Poslusaj.net

• Naslov: www.poslusaj.net
• Tehnologije: PHP, HTML, CSS, AJAX, WordPress
• Opis dela: Multimedijski glasbeni portal Poslusaj.net smo postavili na osnovi open source CMS sistema WordPress. Namestili smo popolnoma unikatno podobo, nekaj na spletu prosto dostopnih vtičnikov za razširitev funkcionalnosti ter nekaj lastnih. Portal Poslusaj.net omogoča objavo vsebin na izbranih mestih, uporabniku pa prijazno izkušnjo.

Ponakupih.si

• Naslov: www.ponakupih.si
• Tehnologije: PHP, HTML, CSS, AJAX
• Opis dela: Spletni trgovski center Ponakupih.si smo postavili na sistemu Magento, ki slovi kot najmočnejši sistem namenjen malim in velikim trgovinam. Na robustno osnova Magenta smo namestili popolnoma unikatno podobo in stran optimizirali za boljše rezultate na spletnih iskalnikih.

Pejmodejmo.com

• Naslov: www.pejmodejmo.com
• Tehnologije: PHP, HTML, CSS, AJAX
• Opis dela: Za ekipo iz videoprodukcije Pejmo Dejmo smo pripravili predstavitveno spletno stran, ki temelji na sistemu WordPress in tako omogoča enostavno dodajanje in urejanje vsebin.

• Naslov: www.jugoslavija.si
• Tehnologije: PHP, HTML, CSS, AJAX
• Opis dela:Predstavitvena spletna stran Jugoslavija Caffe bara, kraja kjer se srečujejo mladi in stari jugo nostalgiki, ki uživajo skupaj ob pivu in dobri glasbi.

CSS3

CSS3 prinaša kup novosti na področje spletnega oblikovanja in skupaj s HTML5 naj bi predstavljala pravo spletno revolucijo. Na kratko vam bomo predstavili, kaj vse lahko že danes naredite na svojih straneh samo z uporabo CSS3 standardov pri oblikovanju spletnih strani. Trenutno je največji problem to, da CSS3 podpirajo le novejši brskalniki, v starejših verzijah pa je spletna stran vseeno dobro vidna, le da je prikazana brez novosti. Trenutno (julij 2010) je CSS3 podprt v brskalnikih Firefox, Safari, Konqueror in Opera.

Obrobe (border)

En izmed večjih napredkov se je zagotovo zgodil pri možnostih obrobljanja, ki jih označujemo z angleško besedo border. Poleg starih možnosti, lahko sedaj pri obrobah nastavljamo tudi okrogle robove (border radius), sence robov (box-shadow), večbarvne robove (border color) in slike kot ozadje robov (border image).

Pred tem je bilo potrebno za tako oblikovanje uporabiti sliko kot ozadje. Ta novost bo zagotovo prihranila ogromno časa pri razvoju, poleg tega pa se s tem zaradi neuporabe slikovnega materiala zmanjša tudi število HTTP zahtevkov (HTTP requests) in količina prenešenih podatkov, kar lahko pri grafično bogati strani pomeni kar nekaj kB manj za vsak prikaz strani.

Ozadja (background)

Pri ozadjih je najbolj dobrodošla novost uporaba večih ozadjih hkrati (multiple backgrounds), kar omogoča, da enemu elementu določimo več slikovnih oz. barvnih ozadij, ne da bi za to morali uporabiti več divov. Ozadja pri pisanju CSS kode enostavno ločimo z vejico.

Barve (color)

Poleg heksadecimalnega (hexadecimal) načina, lahko sdaj barve določamo tudi na HSL, HSLA in RGBA način

HSL (Hue, Saturation, Lightness)  je določen s tremi vrednostmi. Najprej določimo odtenek (hue), po principu barvnega kolesa, kjer 0 ali 360 predstavlja rdečo, 120 zeleno in 240 modro. Številke vmes predstavljajo odtenke. Določimo tudi intezivnost (saturation) in sicer v procentih, kjer 100% pomeni polno barvo. Svetlost (lightness) prav tako določimo v procentih in sicer 0% pomeni črno, 100% belo, 50% pa povprečno vrednost.

HSLA je precej podoben HSL načinu, vendar nam omogoča nastavljanje še četrte vrednosti, motnosti (opacity) preko Alpha kanala (Alpha Channel)

RGBA tako kot HSLA pri HSL načinu omogoča nastavljanje RGB barv z dodatno možnostjo nastavljanja motnosti.

Učinki besedila (text effects)

Sence besedila (text shadow) so bile predstavljene že pri CSS2, a je sedaj CSS3 končno omogočil enostavno dodajanje senc brez uporabe Photoshopa ali drugih grafičnih programov. Sence se nastavljajo zelo enostavno, naredite pa lahko tudi večbarvne!

Druga novost na tem področju, ki tudi prihrani kar nekaj dela in omogoča oblikovanje brez programiranja je tekstovna prekoračitev (text overflow). To možnost uporabimo kadar želimo prikazati le nekaj znakov besedila in da se besedilo konča na za uporabnika bolj logičen način na koncu dodamo tropičje ali podoben znak, ki nakauje da gre le za povzetek. Ta problem se je prej reševal na bolj zamuden in potraten programerski način v PHPju, JavaScriptu ali drugem jeziku na katerem je bila stran osnovana.

Prelom besed (word wrap) prelomi dolge besede, da se nadaljujejo v naslednji vrstici. Prej so besede, daljše od širine kvadrata kjer so se nahajale rade uhajale čez rob.

CSS oblikovanje

Če potrebujete pomoč pri oblikovanju spletnih strani se lahko obrnete na našo oblikovalsko ekipo, ki je dobro seznanjena z novostmi. Nekaj zadev iz novega standarda CSS3 pa smo tudi že uporabili na strani Poslusaj.net.

Za vse tiste, ki ste pripravljeni že sedaj stopiti v korak s časom in svoje nove strani oblikovati v skladu z novimi standardi pa v kratkem pripravljamo prav poseben popust. Za več informacij nas lahko kadarkoli kontaktirate.

Vseeno pa obstaja nekaj stvari, za katere je vedno dobro poskrbeti in ki pripomorejo za t.i. onsite SEO. Da najprej razložimo, kaj pomeni onsite SEO. Besedica SEO je ubistvu kratica, ki pomeni optimizacija za spletne iskalnike (Search Engine Optimization v angeščini), onsite pa pomeni, da gre za optimizacijo našega spletnega mesta z vsebinske in tehnične strani. Poznamo tudi ofsite SEO, pri katerem s pomočjo povezav iz drugih strani na našo (backlinks ang.) prav tako pripomoremo k boljši poziciji na iskalnikih kot so Google, Najdi.si, Yahoo in ostali.

Naslovi in podnaslovi

Vašo spletno stran si lahko zamislite tudi kot knjigo ali prodajni katalog. Potrebujete poglavja, naslove, podnaslove, odstavke… Pomembno je, da naslove označujete pravilno. Na spletnih straneh se uporabljajo naslovi v 6 nivojih, ki jih označimo s H1 do H6. Vaš naslov naj bo označen s H1,  ostali podnaslovi pa H2, H3, itd.

Tudi ta članek je razdeljen na naslove in podnaslove. Glavni naslov (optimizacija spletne strani) je označena s H1, podnaslovi pa s H2. Tako bo vsebina bolj berljiva tako za uporabnike, kot tudi za iskalnike, ki ob obisku dodobra razčlenijo vsebino vaše spletne strani.

Meta podatki

Vsaka spletna stran ima svoj naslov, ki se izpisuje v naslovni vrstici vašega brskalnika, uporabljajo pa ga tudi iskalniki kot ime spletne strani pri prikazu iskalnih rezultatov.

V naslovu uporabljajte ključne besede, ki se pojavljajo na vaši strani. Podstran v kateri je opisano vaše podjetje, bi tako poimenovali O podjetju, podstran, kjer vas obiskovalci lahko kontaktirajo pa Kontakt. Naslov se določi z oznako title med meta podatki v glavi vaše strani. Vsaka stran ima samo en naslov!

Prav tako kot naslov spletne strani določite z oznako description tudi opis spletne strani. Opis naj bi obsegal okoli 150 znakov in naj bi na kratko, v enem stavku predstavil vsebino spletne strani.

V meta podatkih lahko določite tudi ključne besede z oznako keywords, ampak le te zaradi zlorab v preteklosti, niso več tako pomembne za spletne iskalnike.

Berljivi spletni naslov

Če bi videli zapisan spletni naslov (URL)  www.spletni-studio.com/spletne-trgovine/ bi takoj vedeli, da boste na tem naslovu izvedeli nekaj o spletnih trgovinah, med tem, ko tega ne veste, če je spletni naslov zapisan kot www.spletni-studio.com/?p=123.

Poleg tega, da berljivi spletni naslovi pomagajo uporabnikom, so zelo koristni tudi za spletne iskalnike, saj jih le ti upoštevajo in tako lahko z njimi pridobite še kakšno ključno besedo več.

Kazalo spletne strani

Z rastjo spletne strani naraste število podstrani in pri velikem številu podstrani iskalniki potrebujejo več časa, da vse strani najdejo, jih pregledajo in uvrstijo med iskalne zadetke. Pri otimizaciji spletnih strani si zato velikokrat pomagamo s kazalom (ang: sitemap), ki je ubistvu zelo podoben kazalu v knjigi. S takim seznamo spletnim iskalnikom povemo kje se naše strani nahajajo in se ob tem še izognemo možnosti, da bi iskalnik kakšno stran spregledal. Ponavadi v kazalu povemo tudi kako pomembna je določena spletna stran in na koliko časa se vsebina na njej obnavlja.

Optimizacija spletne strani in Spletni Studio

Če potrebujete pomoč pri optimizaciji spletne strani ali pa našteti nasveti vaše pozicije na spletnih iskalnikih niso dovolj izboljšali nas kontaktirajte. Skupaj bomo poiskali pravi način optimizacije spletne strani za vas in vašo spletno stran spravili na željeno mesto med rezultati.

Spletna trgovina Magento je z novo različico dobila kar nekaj omembe vrednih novosti. Med najbolj zaželjene zagotovo spadajo integriran WYSIWYG urejevalnik besedila za urejanje opisov izdelkov in statičnih strani, izboljšano serviranje JavaScript in CSS datotek, izboljšan prikaz davkov in končnih cen, dodanih pa je bilo tudi veliko novih možnosti sistemskih nastavitev.

Vsem našim pogodbenim strankam smo že posodobili spletne trgovine Magento na najnovejšo različico. Če potrebujete pomoč pri nadgradnji ali pa si tudi vi želite lastne spletne trgovine, nas kontaktirajte!

Ker bi bil razvoj lastnega sistema za vodenje statistike zelo drag, se večina spletnih strani poslužuje brezplačnih rešitev. Na svojem področju zagotovo dominira Google s storitvijo Analytics, ki je brezplačna in funkcionalno bogata.

Namestitev Google Analytics

Če želite obisk spletne strani meriti z Google Analytics storitvijo, morate na vsako stran od koder želite pridobivati podatke, namestiti kodo, ki vsebuje unikaten ID – le ta predstavlja vašo spletno stran.

V Google Analytics se lahko prijavite s svojim Gmail računom, če ga nimate, pa ga lahko ravno tako brezplačno, ustvarite v 2 minutah.

Hitri pregled

Kaj vam Google Analytics ponuja? Ogromno! Preveč, da bi vam vse funkcije predstavili v tem kratkem prispevku. Lahko pa se obrnete na naše svetovalce in dogovorite za kakšen izobraževalni sestanek.

Nekaj funkcij, ki jih najdete v Analytics:

• št. obiskovalcev po dnevih/tednih/mesecih
• ključne besede s katerimi vas obiskovalci najdejo na spletnih iskalnikih
• seznam strani, od koder so prišli vaši obiskovalci
• tehnične podrobnosti računalnikov, ki jih obiskovalci uporabljajo (brskalnik, OS, resolucija ekrana)
• geografska določitev izvora obiskovalcev
• določitev ciljev, kam želite pripeljati obiskovalce

Če potrebujete pomoč pri vzpostavitvi sistema za merjenje statistike obiskovalcev vaših spletnih strani, nas kontaktirajte.