Optimizacija spletnih strani

Pred kratkim smo splavili nov spletni portal, pravzaprav prvi okoljski portal v Sloveniji, takšen zaresen. In padla je odločitev, da bomo redno dodajali članke, ki jih bodo pisale različne osebe, ki niso jaz. Torej ljudje, ki nimajo praktično nobene izkušnje s urejanjem spletnih strani. Portal sicer teče na joomli, vendar glede na to, da pogosto postavljamo nekoliko zakomplicirane članke, jih je vsake toliko potrebno tudi urediti v HTML kodi. Stvar ni tako zapletena, vendar če ne poznajo niti osnove HTML-ja, potem je to praktično nemogoče.

Ta članek nastaja z mislijo na vse tiste, ki morajo tu in tam pogledati kakšno HTML kodo in spremeniti kakšno malenkost. Ne boste se naučili programirati v HTML, postavljati spletnih strani ali podobnega, vendar boste poznali osnovnih nekaj ukazov v HTML-ju.

1. Povezave. Vsaka povezava izgleda takole <a href=”http://www.naslov-strani.si” target=”new”>Ključna beseda</a>. Vsebuje tri osnovne stvari, torej naslov spletne strani, na katero želite da kaže povezave (to je lahko tudi datoteka, word dokument, pdf, v tem primeru samo naredite polno povezavo (http://www.naslov-strani.si/dokument.pdf). Target nam pove, kje naj se odpre spletna stran, in če želimo (90% primerov) da se spletna stran odpre v istem oknu lahko celotno target=”new” izpustimo, to kar je sedaj noter pove, naj se stran odpre v novem oknu. Ključna beseda je beseda, s katero želite opisati spletno stran, na katero kaže povezava (uporabite ključne besede, ki resnično opišejo stran, ne le kliknite tukaj, saj bo lastnik druge strani vesel in bo naslednjič na vašo stran naredil takšno povezavo, ki vam bo pomagala pri rangiranju v googlu). Vsaka povezava se mora zaključiti z </a>, saj ta pove kje naj se povezava zaključi.

2. Slike. Sliko vključimo z <img src=”http://www.naslov-strani.si/ime-slike.jpg” alt=”opis slike”>. Vpišemo torej točen naslov slike. Vsekakor uporabimo alt za opis slike, ta pomaga iskalnikom ugotoviti, kaj je narisano/naslikano/nafotografirano na sliki, in potem se ta slika pokaže v iskalnikih za slike pod to ključno besedo.

3. Naslednja vrstica. Če želite besedilo spraviti v naslednjo vrstico, potem uporabite <br />.  (mimogrede, ste vedeli, da lahko tole dosežete v vašem urejevalniku besedil na spletni strani če pritisnete shift + enter? Če pritisnete samo enter, potem boste naredili odstavek. Zagotovo velja za joomlo in wordpress)

4. Odstavek. V kolikor želite besedilo ločiti v odstavke (kot so ločeni odstavki v temle besedilu) potem pred začetek odstavka postavite <p> in odstavek zaključite z </p>.

5. Tabela. To je že napredna stvar, vendar tabele pogosto želimo dodati v besedilo, vendar imajo urejevalniki besedil, ki jih uporabljajo CMS-i še vedno nekaj težav z njimi.

<table border=”0″> – pove da želimo imeti tabelo, v kateri ni vidnih robov (vpisali smo ničlo, ne o)

<tr> ustvari novo vrstico

<td> ustvari nov stolpec v tej vrstici in šele tukaj pride besedilo, ki ga želite videti v tabeli. Stolpec zaključite z </td> in naredite nov stolpec v isti vrstici enako z <td> in ga zaključite z </td>. Naredite stoplcev kolikor jih želite, vedite le, da morate v naslednji vrstici ustvariti isto število stolpcev (ni potrebno, vendar se ne bomo učili kako).

</tr> zaključite to vrstico

<tr>nova vrstica

<td> nov stolpec, ki ga zaključimo </td> in dodamo še enega, saj ga imamo tudi zgoraj <td> tako </td>

</tr> zaključimo vrstico

</table> zaključimo tabelo

Pri tabelah si dajmo zapomniti, da je potrebno vso besedilo položiti med <td> in </td>.

Tako, to je to. Upam, da vam bo pomagalo, v kolikor imate idejo o katerih drugih osnovnih funkcijah, naj vas slišim v komentarjih.

p.s. v kolikor potrebujete nekaj več znanja, predlagam da obiščete verjetno najboljšo in največjo stran z raznimi navodili in priročniki za splet http://www.w3schools.com/

Napisal Peter \\ oznake: html, joomla, koda, urejanje besedil, wordpress

Tako, novo leto je že mimo. Oziroma je že dolgo tukaj. In vsi smo že bolj ali manj pozabili na prisege, ki smo jih dali za Silvestrovo. In vsi so bolj ali manj končali s seznami najboljših in oh in sploh. Jaz sem, kot ponavadi, malo drugačen

Takole, najprej 5 najboljših prispevkov, glede na število obiskovalcev (štejemo od dneva ustanovitve bloga, 13. septembra 2008)

1. Lekcije oglaševanja na Facebook-u

2. Brezplačno orodje za urejanje fotografij (očitno se izplača pisati tudi o stvareh, ki niso najbolj v okviru teme bloga)

3. Brezplačen priročnik Marketing in oglaševanje na Facebook-u

4. Uporabite Facebook za privabitev novih obiskovalcev

5. Brezplačno oglaševanje na Facebook-u

Očitno je Facebook tisto, o čemer ljudje najraje berejo (kar ni nič čudnega).  In očitno bom moral napisati še kaj drugega o Facebook-u. Ni problema. Materiala je še na kupe.

Sedaj pa moj najljubši prispevek, enostavno zaradi tega, ker sem osebno dobil največ komentarjev o tem prispevku. Kako Zlata lisica zamuja priložnosti na socialnih omrežjih in Ideje o tem, kako lahko Zlata lisica izkoristi socialna omrežja naslednje leto.

In še nekaj statistik. Najprej iz glave, 4 krat sem bil izbran za objavo na drugi svet, kar je prineslo kar nekaj obiska.

Januarja 2010 je blog obiskalo 22x več obiskovalcev kot januarja 2009. Kar je precejšenj uspeh. Na Facebooku imam trenutno nekaj čez 200 fanov, vendar bo številka danes še lepo zrastla.

Na twitterju imam cca 60 sledljivcev (za followerse res potrebujemo novo besedo). Res pa je tudi, da sem se resno začel ukvarjati s Twitterjem kakšen mesec, dva nazaj.

In seveda, izdal sem svojo prvo e-knjigo, (link zgoraj pod številko 3). Knjiga bo v naslednjem mesecu ali dveh nadgrajena v 2.0 z novimi vsebinami. Osnovne osnove osnov na Facebook-u, kakšen video posnetek, in seveda oblikovno bom tudi nadgradil knjigo.

Vesel bom kakšnega komentarja več na blogu, številka naročnikov na RSS tudi lepo raste. Bomo videli naslednje leto, ali se stvar izplača. Vsekakor pa bom pridno pisal prispevke naprej

Napisal Peter \\ oznake: 2009, 2010, analiza, facebook, statistika

Moja služba, tista taprava, ki ni ravno povezana s tem blogom me vsake toliko časa prepriča, da moram pripravljati adreme. Torej ime podjetja, naslov, telefonska številka, e-mail, če je adrema res tečna pa zraven še kontaktno osebo za neko določeno področje. In vsakokrat, ko pripravljam adreme se sprašujem a se z internetom res že poznamo 26 let? No, nekoliko manj, pa vseeno, danes je internet kar je včasih bil teletekst, knjige, telefonski imenik in včasih še prijatli, vse na kupu. Pa kljub temu vsem to očitno še ni jasno.
Ravno danes sem se ukvarjal s tem, da pripravim adremo različnih savinjskih podjetij, nekaterih velikih in nekaterih s.p.-jev, ki pa mimogrede spadajo med samostojne podjetnike z največjim dobičkom na regiji. Torej ne ravno vsakim majhnim podjetjem, ampak tistimi, ki že delajo nekaj prometa.
In izkušnja je vsakokrat enaka, večino časa moram surfati po različnih direktorijih podjetij, največ pa še vedno najdeš v PIRS-u. S tem je narobe več stvari. Podjetniki bi sicer lahko uredili svoje vnose v direktorijih, vendar tega ne storijo. In tako pri marsikaterem podjetju praktično ne najdeš e-mail naslova. Dela z urejanjem takšnega vnosa ni ravno veliko in stvar je marsikje brezplačna. S to rešitvijo bi bil recimo da zadovoljen, saj je moj sistem takšen, da za vsako podjetje preklikam prvih deset rezultatov v googl-u, torej cca. 5-7 direktorijev in če v teh ne najdem e-mail naslova, mi je pa res žal, vas ne bom kontaktiral.

Vendar je to le polovičarska rešitev, ki ni dovolj. Vsako podjetje bi moralo težiti k temu, da se na spletu predstavi kakor želi, kar direktoriji ravno ne omogočajo. Torej poglejmo, kaj bi moralo VSAKO podjetje narediti.

1. Kupimo domeno. .si domena, z imenom podjetja je skoraj zgotovo še prosta in stane 16 EUR, ponekod še manj, za eno leto.

2. Najamemo gostovanje.  V Sloveniji stane gostovanje 2-3 EUR na mesec, za takšno stran. Torej recimo 30€ na leto.

3. Ustvarimo spletno stran. Možnosti, da si spletno stran ustvarimo sami je veliko, uporabimo wordpress, joomlo, ali še kaj enostavnejšega. Vanjo vpišemo nekaj osnovnih podatkov in to je to. Osnovna predstavitev na spletu ne rabi biti velika, domača stran, O podjetju, Storitve/Izdelki, Kontakt in to je to. Če želimo resnično nekaj narediti na spletu dodamo še blog z novicami.

3.1. V kolikor ne želimo spletne strani izdelati sami, najamemo nekoga, ki nam jo izdela, cene za osnovne spletne strani so nekaj sto evrov.

In smo končali.

Obstajajo še druge opcije, lahko čisto pozabite na vse zgornje točke in samo ustvarite svojo stran na Facebook-u (navodila kako to narediti najdete tudi tukaj) in je to to. Ta možnost je popolnoma brezplačna, res pa je da ne omogoča toliko svobode kot prejšnje možnosti.

Vem, da bi kot oseba, ki se ukvarja z optimizacijo moral zagovarjati, da je potrebno pripraviti velike spletne strani, jih optimizirati in oglaševati, vendar mogoče resnično kakšno podjetje ne potrebuje kupcev iz interneta. Kljub vsemu pa se je potrebno zavedati, da bo dandanes, vsakdo, ki bo v resničnem svetu videl ime našega podjetja, to ime najprej vpisal v google. In v kolikor tam ne bo našel vseh informacij o nas, resnično nikoli ne bo naša stranka.

Tako enostavno, pa vendar tako daleč.

Napisal Peter \\ oznake: domena, facebook, facebook stran, gostovanje, s.p.

Ob spremembi grafične predloge, ki pravzaprav še vedno poteka (jah, ko dobiš idejo za prispevek, ga je pač treba hitro spisati) se mi je porodilo še eno vprašanje. Prejšnji template je imel strukturo takšno, da je naslov bloga imel h1, kategorije so bile označene z h2, h3 ni obstajal.

Novi template ima naslov bloga h1 (kar je verjetno logično), h2 pa so označeni naslovi posameznih prispevkov. h3 pa naslovi posameznih blokov v meniju oziroma naslovi posameznih widgetov.

Torej, glavno vprašanje je, kaj je bolj SEO način? Verjetno naslovi kategorij predstavljajo najpomembnejše ključne besede, zato jih je pametno predstaviti kot posebej pomembne. Kategorije nekako predstavljajo nadpomenke posameznih vsebin in prispevkov na vašem blogu.

Na drugi strani pa, če želimo pobrati long tail, torej več besedne ključne besede, je verjetno bolje predstaviti naslove posameznih prispevkov kot bolj pomembne in na takšen način bolje rangirati za naslove v iskalnikih.

Kaj vi pravite?

In mimogrede, a je lepa nova predloga?

Napisal Peter

Ob urejanju spletnih strani se večkrat pojavi potreba, da fotografijo, ki jo želite objaviti nekoliko obdelate. Seveda obstajajo velikanski programi za obdelavo fotografij, vendar je fotografije pogosto potrebno samo zmanjšati/povečati in nekoliko obrezati. Namesto nakupa programov priporočam uporabo spletnih programov, ki vse to omogočajo in so poleg tega še brezplačni. Sam uporabljam spletni program na picnik.com ki mi omogoča vse to in še več
Katere programe uporabljate vi in kaj pravite na uporabo spletnih programov?

Napisal Peter \\ oznake: picnik, spletni programi

Težava, s katero se srečujemo vsak dan je, da se težko prelevimo v naše kupce/obiskovalce spletne strani. Seveda se lahko trudimo in mislimo da vemo, kaj in kako vidijo našo stran obiskovalci, vendar tega nikoli resnično ne vemo.
Tako seveda na spletu obstaja več različnih orodij, ki nam lahko pomagajo pri tem, da spletno stran izboljšamo na podlagi tega, kako se naši obiskovalci obnašajo na spletni strani. Takšna orodja so:

1. Moja mama.

Seveda ni orodje, vendar kar želim povedati je, da za računalnik posadite najbolj internet-boječo osebo, naložite vašo spletno stran in glejte kaj se dogaja. Grizite nohte, zvijajte si roke in karkoli že boste počeli, nikakor tej osebi ne pomagajte. S tem boste uničili eksperiment. Raje vzemite v roke kulij in papir in pišite. Pišite, kdaj in zakaj se vaš testni zajček (ali zmaj če ste izbrali snaho ) ne znajde na spletni strani. Tukaj je potrebno nekaj narediti. (Seveda morate tudi tokrat razmisliti o vaši ciljni publiki, če je stran namenjena mlajšim je lahko nekoliko bolj zahtevna).

2. Clicktale

Gre za orodje, ki sledi klikom in premikom miške po vaši spletni strani. Orodje je brezplačno (za dve različni domeni in določeno število obiskovalcev) in resnično lahko vidite, kako so obiskovalci vaše spletne strani premikali miško, kje so kliknili s katerim gumbom in kaj so naredili potem. Miška pogosto sledi očem in vsaj približno pokaže kateremu delu spletne strani se je obiskovalec bolj posvetil, vidite kdaj je zmeden in ne ve kaj naj naredi ipd. (V kratkem bo sledil video posnetek, kako nastaviti clicktale na vašo spletno stran in kaj vam povejo rezultati)

Takole, sedaj smo videli, kaj je narobe z našo spletno stranjo, vaš programer je stvari spremenil, ali pa ste stvari spremenili sami, sedaj pa je potrebno videti, ali so spremembe boljše ali slabše. Najbolje je, da to naredite tako, da primerjate staro in novo varianto spletne strani. Uporabite Google Website Optimizer, orodje ki ga ponovno brezplačno ponuja google (vidite, kako sem izbral sama brezplačna orodja, vse kar morate vložiti je nekaj svojega časa. In časa svoje snahe seveda), namenjen pa je testiranju različnih variant posamezne spletne strani. Tudi tukaj kmalu sledi video, kako stvari nastavite, ampak da na kratko obrazložim, osnovna ideja je, da googlu poveste katere dve (tri, štiri, sto) spletni strani želite primerjati in kam želite da uporabnik klikne. Te strani vpišete, na vsako stran dodate kodo, ki vam jo zgenerira google in počakate. Nato si ogledate, katera spletna stran je prinesla več konverzij na željeno ciljno spletno stran. Enostavno.

Če uporabite te metode, ugotovite kaj je narobe na vaši spletni strani in stvar spremenite, nato pa ugotovite, ali nova stran resnično bolje deluje. To je pa tudi vse, kar si lahko želite.

P.s. za to spletno stran sem ravnokar nastavil primerjavo med prejšnjo in sedanjo grafično podobo, bomo videli katera prinaša več emailov.

Napisal Peter \\ oznake: clicktale, google website optimizer, optimizacija, test, testiranje

Nova bolha.com se je napovedovala z velikim pompom. TV oglasi, celostranski oglasi v žurnal24 ipd. Sam sem bil precej navdušen nad tem, da jo bodo spremenili, saj se mi zdi, da so po zadnji spremembi, ki je uvedla tisto rvo stran z kategorijami v krogu, poslabšali bolho.

Zato sem bil kar malo intrigiran, kaj bo sedaj. In kaj dobim? Bedo. Najprej post na internetmojster.com, kjer pravi, da je grša, počasnejša in ima napake v kodi.

Ok, grem pogledat sam, im ne pričaka 404 error, ta stran ne obstaja. Ok, prav, gremo pogledat cache verzijo, ki mi končno pokaže, kako izgleda nova bolha. Precej staromodno moram reči, gumbki in barve so precej podobni temu, kot če bi jih oblikoval jaz , stran pa je dolga ene 4 kilometre, kar ne predstavljam si, kako bo to izgledalo na mojem laptopu, ki ima izredno ozek ekran. Ali bog ne daj na BB-ju.

No, bom počakal, da stran začne pet delovati, potem pa bomo vidli.

Ste si jo ogledali? Kaj si mislite? Jo še uporabljate?

Napisal Peter \\ oznake: 404, bolha, novo, pomp

Pred časom smo že uvedli orodje za preverjanje Google Pageranka, takrat smo tudi razložili kaj in zakaj to je, danes pa smo orodje nadgradili, tako da vse funkcije ponovno normalno in optimalno delujejo.

Preverite svoj PageRank!

Torej, kdo ima večjega? Jaz imam PR6

Napisal Peter \\ oznake: google pagerank

Tako je, nekako tisti prejšnji template ni deloval prav, poleg tega pa ni omogočal uporabe widgetov, kar pomeni, da se ni dalo hitro in enostavno spreminjati menijev in podobnega. Kar je še pomembneje je, da smo izbrali template, ki je precej drugačen in da bomo v kratkem, ko nam to le uspe, nastavili testiranje spletne strani. Kar pomeni, da bomo uporabili googlovo orodje, ki bo polovico obiskovalcev pripeljalo na star izgled spletne strani, polovico pa na nov. In bomo merili razlike, v tem koliko ljudje klikajo, kaj gledajo ipd.

Rezultate seveda kasneje objavim tukaj.

Kako se vam zdi, je lepše sedaj?

Napisal Peter \\ oznake: test

Lorem ipsum je napol naključni tekst, ki se ga uporablja kot “polnilni” tekst, predvsem kadar se prikazuje grafično podobo spletne strani, ki še nima vsebine. Seveda ne moremo pokazati popolnoma prazne strani, saj ne bo izgledala tako kot bo izgledala ko bo polna vsebine. Raziskave pa so pokazale tudi, da ni pametno pokazati nekega naključnega teksta, saj bo tekst motil ljudi ko gledajo grafično podobo.

Zato je izumljen lorem ipsum, tekst, ki je po dolžini besed, razmerju samoglasnikov in soglasnikov in še čem, popolnoma podoben pravemu tekstu. Le črke so zamenjane tako, da ne tvorijo logičnih besed. Do danes smo uporabljali angleški lorem ipsum, ki pa seveda ni enak slovenskemu, saj angleščina uporablja drugačne besede in drugačne znake. Slovenski lorem ipsum generator bo najbolj prijazen do oči uporabnikov, imeli bodo občutek, kot da je na strani resnično slovenski tekst, vendar jih vsebina teksta ne bo motila.

Tekst izgleda naprimer takole:

Vojublečnijša moska došna nizmaznost, razam, si z žvejocu neč ni kamoga. Tojti kabor me trovi prejapelj: „Taznom Nase nozari u norudni ametnospe, toha jaz šim grohego mnenjo“, meslim sama prve krenapit na to, da da ji krega toačepe, stasam samo prve dik arehite svaje misli o norodni umiknoste, podo v noslednjim si ze statem ža brdep, tadlebam čiz svojo en trejateljevo glovo per vedem, da padi an škaje za svojem drdpam in da krove: „Ne kaznum Vašid nazarav a narahne ameknaski en hi jig rad zvigil.“ Kidaj ši trovim: „Farej mo jib morom rozubeti, da jih ne do verjel.“ Tričij kopem si skokem drabec žu drbik en vedem, ha se spuji tadi prejotilj dvokrak zo drdkam in ga mi travi: „Mi kaznum Vosid nuzorav a norodne ometnašti; dovarele duspi karej resniča, da he mi zatiljali v žmota.“ In joz se provem: „Moj prijopilj ji amen člavit, karej marom ladopi, do mi ga virjil.“ In ta si stopim tripječ za drdep, vedim, da si je pabe maj krijakelj taprojil en ga še mi smeji: „Soj vem, da nimate nadinid nazorav o norabne umeknoste, tuda zvidil ge rad, ci jicljoti.“ Ta po vem, be do lidko kotoj otanel, če be ba mohil.

Dobite ga lahko na slovenskem lorem ipsum generatorju (ja, stvar se mi zdi tako ql, da jo promoviram z linkom s ključnimi besedami in enako naredite tudi vi!)

Sam ga bom uporabljal v prihodnosti, oziroma vsaj potrudil se ga bom uporabljati.

EDIT: Server je trenutno nedostopen, o težavi sem že obvestil administratorja… Upam, da bo v kratkem ponovno na voljo.

Napisal Peter \\ oznake: lorem ipsum, slovensko