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

Vsaka dobra spletna stran mora omogočati komentiranje vsebine, to je osnovni namen/cilj web 2.0. Za joomlo je ena izmed boljših komponent za komentarje jcomments, ki jo lahko naložite tukaj. Slovenski prevod dobite tukaj, to datoteko enostavno naložite v direktorij components/jcomments/languages.

V kolikor stvar ne deluje, jo preimenujte v slovenian.php in bo delovalo. Delovanje te komponente prevedene v slovenščino lahko vidite recimo na tej strani o rolanju.

Ni kaj, z veseljem delim svoje znanje z vami

Napisal Peter \\ oznake: jcomments, joomla, komentarji, prevod

Komponente za joomlo, ki jih uporabljamo je v večini potrebno prevesti, če jih ni prevedel že kdo drug pred nami. Sam sem ravnokar prevedel komponento hotornot2, komponento za ocenjevanje slik. Brezplačne skripte v celoti ne bi obstajale, če ljudje ne bi prostovoljno žrtvovali svojega časa in ga namenili za pisanje in prevajanje, nato pa izdelke dali v uporabo javnosti.

Zato objavljam slovenski prevod hotornot2 komponente za joomlo tukaj

Datoteko enostavno naložite v

/public_html/components/com_hotornot2/lang

moja ima še vedno ime english.php, če pa imate nastavljeno na slovenščino jo pa enostavno preimenujte v slovenian.php, ali ustrezno ime jezika.

Napisal Peter \\ oznake: hotornot2, joomla, prevajanje

Uporabe Google Analytics orodja smo se že naučili, sedaj pa je čas da vidimo, kam grejo uporabniki, ko zapustijo našo spletno stran. Pogosto je nujno potrebno, da sledimo povezavam, ki kažejo na druge spletne strani iz naših. Enostavno povedano je lahko to cilj vaše spletne strani, torej da uporabnike spravite na določeno drugo spletno stran, ali pa želite videti, koliko ljudje klikajo na nek link.

To nam omogoča tudi google analytics, vse kar je potrebno je, da pri izhodni povezavi dodamo določeno kodo. Povezava mora izgledati takole

a href=”http://www.zeljena-spletna.stran.com” onClick=”javascript: pageTracker._trackPageview(‘/outgoing/zeljena-spletna.stran.com’);“ 

Torej dodamo odebeljen del, v katerem si zapišemo na katero spletno stran kaže ta povezava, tako da bomo kasneje lahko vedeli, katera povezava kaže tam. Sedaj nekaj časa čakamo, saj moramo počakati, da se prvi kliki pokažejo v google analytics. Ko odpremo GA, gremo na “Content” in “Content drilldown”. V iskalnik na dnu seznama spletnih strani vpišemo “outgoing” in prikaže nam vse outgoing povezave, ki smo jim dodali.

V kolikor imate večjo spletno stran je to seveda lahko kar nekaj dela, zato če uporabljate joomlo in bi radi sledili vsem odhodnim povezavam uporabite tale vtič (plugin).

Napisal Peter \\ oznake: Google Analytics, joomla, povezave

Torej, začenjamo serijo postov o tem, kako optimizirati vašo joomla stran. Večina nasvetov bo namenjenih temu, katere komponente ali module uporabiti, zato da bo vaša stran delovala bolje oziroma da bo bolje optimizirana, oziroma da bodo obiskovalci raje prihajali in raje kupovali.

Začeli pa bomo z varnostjo.

Varnost mora biti vedno na prvem mestu so nas naučili že v osnovni šoli. Vendar marsikdo pozablja na to, da se lahko kdaj zgodi, da se spletna stran enostavno poruši. In takrat ostanete brez vsega. Si zamišljate, da ostanete brez vseh vnosov, ki ste jih mukoma vpisovali v vašo spletno stran? Ali še slabše, da ostanete brez vseh opisov izdelkov in slik ki jih prodajate, poleg tega pa še brez informacij o vaših kupcih in njihovih naročilih.

Torej je potrebno namestiti nekaj, kar nam bo povarovalo bazo. Glede na to, da vsak dan dodaste kak post na vašo spletno stran je pomembno, da se arhiva dela redno, najbolje kar dnevno. Za to uporabite jbackup system plugin ki vam bo vsak dan ob polnoči poslal skrčeno bazo na vaš e-mail naslov. Glede na to, da lahko te baze postanejo kar velike in da jih pošilja dnevno bodite prepričani, da imate dovolj prostora na vašem e-mail strežniku. Jaz za to uporabljam kar enega izmed gmail računov.

Najprej ga namestite kot plugin/vtičnik, nato pa ga nastavite. Nastavitve so popolnoma enostavne, vse kar morate narediti je, da vpišete email naslov, na katerega želite prejemati vašo bazo, in da stvar prestavite izven testnega okolja. Slika spodaj prikazuje kako morajo stvari izgledati, da stvar deluje. 

Najboljše pri tem sistemu je, da lahko potem pozabite nanj, če pa se vam karkoli zgodi z vašo spletno stranjo, pa imate varnostno kopijo vedno pri roki.

Lepo ane?

Napisal Peter \\ oznake: joomla, varovanje podatkov

Tako, no, končno mi je uspelo tudi to, da lahko gumbek za glasovanje na MenJeQl.com postavite tudi v joomlo, torej v strani, ki jih poganjate z Joomlo.
Koda, ki jo morate vstaviti, da pravilno prebere URL strani se glasi:

<script type="text/javascript"><?php echo $row->link_on;?></script>
<script src="http://www.menjeql.com/evb/button-small.php"
type="text/javascript"></script>

Kodo morate vstaviti v
/public_html/components/com_content/content.html.php
kjer pač izberete kje točno želite imeti postavljen ta gumbek.
No, sedaj pa se dajmo posvetiti še kateri drugi strani…

Napisal Peter \\ oznake: joomla, menjeql