Firebug pruža dosta opcija za fino podešavanje web stranica i efikasno ispravljanje grešaka bez sati, pa čak i dana, provedenih u kreiranju i proveravanju koda. Od osnovnog HTML, preko CSS i JavaScript koda, mnogo različitih elemenata i jezika se kombinuje da bi se postigao željeni efekat na web stranici. Zavisno od toga da li radite sa HTML, CSS ili JavaScript kodim na web stranici, imate na raspolaganju nekoliko panela sa različitim funkcijama.

1. Console Panel

Ovaj panel sadrži komandnu liniju JavaScript-a koju možete koristiti za pronalaženje i ispravljanje grešaka u JavaScript kodu. Moguć je unos JavaScipt komandi posle znaka “>>>”  u dnu panela. Takođe, možete odrediti u kom trenutku ćete zaustaviti izvršavanje skripte i pregledati kod, red po red ili po segmentima.

Komandna linija u dnu kartice Console, koja počinje sa “>>>” prihvata JavaScript komande. Rezultati ili JavaScript komanda ako postoji, se prikazuju u konzoli. Komandna linija JavaScript-a je veoma moćan alat za Firebug. Ova funkcija Vam omogućava izvršavanje JavaScript dokumenata i komandi “u letu”, bez ponovnog učitavanja web stranice što praktično znači da ćete ispravnost koda i rezultat izvršavanja skripte moći da proverite u komandnoj liniji, pre nego što ga implementirate u Vašu web stranicu.

JavaScript Profiler izvešta o vremenu potrebnom za izvršavanje vaših JavaScript funkcija, tako da možete ispratiti karakteristike JavaScript komponenti koje usporavaju Vaše stranice ili JavaScript aplikacije. Da biste videli Profiler, potrebno je da bude aktivna kartica Console, a zatim kliknite na opciju “Profile” u podmeniju (redosled opcija je “Clear | Persist | Profile”). Profajler prikazuje listu svih pozvanih funkcija i vreme potrebno za pozivanje svake funkcije. Možete izabrati funkciju čiji profil želite da prikažete dodavanjem console.profile ([title]) na početak željenog odeljka, i console.profileEnd () na kraju.

2. HTML Panel

Firebug olakšava pozicioniranje i definisanje dimenzija pojedinih elemenata stranice, kao što su visina, širina ili margine i omogućava da odmah vidite kako se pojedine izmene odražavaju na izgled stranice. Svi HTML, CSS i JavaScript objekti internet stranice mogu se menjati sa jednim ili dvostrukim klikom miša. Čim počnete da kucate, promene su odmah vidljive u prozoru browser-a što pruža instant povratnu informaciju.

Pored toga što postojeće stilove stranice možete pregledati i modifikovati, Firebug Vam omogućava da, na kartici Style u HTML panelu, proverite “kaskadu” stranice. Ovo u praksi znači da možete veoma lako otkriti zašto se stilovi koje ste definisali za određeni element ne primenjuju kako ste zamislili. Sva podešavanja stila koja se odnose na određeni element, biće prikazana po hijerarhiji. Definicije stila koje su “pregažene” podešavanjima stila nekog roditeljskog elementa i koji se neće primenjivati na stranici, biće prikazane precrtane.

Izmene numeričkih vrednosti

Jedna od najboljih komponenti ove funkcije jeste otkrivanje tačnog pozicioniranja i definisanih vrednosti padding i margin atributa. Jednostavno kliknite na numeričku vrednost koju želite da promenite i unesite novu vrednost preko tastature, ili koristeći strelice na gore i na dole na tastaturi povećajte ili smanjite vrednost za jedan. Pomoću tastera Tab možete prelaziti na naredne vrednosti polja za unos.

Layout panel: Procena visine, širine, padding-a, bordera i margina

Kada koristite Inspect element opciju, levi panel prikazuje HTML kod, dok se u desnom panelu prikazuje CSS. Pored CSS oznake, u vrhu desnog panela nalazi se kartica Layout. Ova kartica ilustruje CSS layout koji se odnosi na izabrani element. Da biste videli visinu ili širinu bilo kog drugog elementa na stranici, jednostavno izaberite Inspect element, dok je ovaj prozor otvoren i pređite mišem preko elemenata web stranice koje želite da pregledate.

U meniju kome pristupate preko strelice pored naziva HTML panela, možete uključiti/isključiti vidljivost određenih elemenata stranice. Između ostalog možete definisati da li će Firebug, ukoliko je tekst u okviru nekog elementa (na primer, <p> tagova) dugačak, skratiti ovaj tekst i dodati “…” unutar teksta ili na kraj liste atributa, ili će prikazivati ceo tekst, da li će komentari upisani unutar <!– i –> tagova u kodu stranice biti vidljivi ili ne, i slično.

Logovi događaja

Da biste omogućili logovanje događaja, jednostavno kliknite desnim tasterom miša unutar HTML panela i izaberite opciju Log Events. Lista događaja vezanih za izabrani element će se prikazati u panelu Console. Logovi registruju događaje kao što su – mousemove, mouseout, mouseover, select, click, dblclick, keypress.. vezane za prelaženje mišem preko izabranog elementa stranice, klik ili dvostruki klik mišem, upis teksta u polja za unos i slično.

3. CSS Panel

CSS panel Vam omogućava da podesite CSS stilove stranice prema svojim potrebama. Možete koristiti ovaj panel za pregled ili editovanje CSS dokumenata “u letu” i videti odmah rezultat napravljenih promena na dokumentu koji je trenutno aktivan u browser-u. Ovaj panel se najčešće koristi za podešavanje piksela, pozicije elemenata, izgleda i stila elemenata unutar HTML dokumenta. Takođe je korisno ako želite da vidite elemente čije su vrednosti postavljene na none, ili invisible.

CSS inspektor omogućava prikaz svih učitanih stilova stranica i promene stilova “u letu”. U podmeniju ovog panela, pored opcije Edit, nalazi se lista učitanih stilova stranice, iz koje možete izabrati jedan da biste ga pregledali preko panela.

4. Script Panel

U Script panelu se prikazuju JavaScript fajlovi i dokument iz kojeg se oni pozivaju. U podmeniju ovog panela, desno od ikonice Break On Next možete videti listu JavaScript fajlova i izabrati jedan koji želite da pregledate preko panela, postaviti Breakpoints i uslove pod kojima se pojavljuju tačke prekida. Ovaj panel Vam omogućava otklanjanje grešaka unutar JavaScript koda, direktno u browser-u.

5. DOM Panel

HTML elementi su takođe poznati kao DOM elementi. DOM (Document Model Object) predstavlja hijerarhiju HTML elemenata i funkcija. DOM panel prikazuje sve elemente stranice, njihove karakteristike i povezanost između njih. Takođe, prikazuje sve JavaScript promenljive i njihove vrednosti.

DOM inspektor pruža informacije o svim svojstvima svih objekata u dokumentu. Njegova možda najbolja karakteristika je da promene, tokom dinamičkog update-a Vaše web stranice, neće uticati na promenu koda stranice, vidljivog u View source opciji browser-a, već će biti vidljive u ostalim Firebug panelima.

Opcija CSS u podmeniju DOM inspektora prikazuje sva važeća CSS pravila za elemente web stranice, uključujući i osobine koje su nasledili od roditeljskih elemenata i omogućava Vam da uključite/isključite ili izmenite pojedinačna podešavanja stila i dodate CSS pravila.

6. Net Panel

Net panel prikazuje sve upite koje browser pravi prilikom učitavanja stranice, vreme potrebno svakom resursu za učitavanje, HTTP zahtevana zaglavlja i odgovore koje server šalje za svaki resurs. Opcija XHR koja se nalazi u podmeniju ovog panela je korisna za otklanjanje grešaka u AJAX kodu.

Provera brzine učitavanja stranice

Na kartici Net grafički je prikazano vreme odziva svih elemenata web stranice prilikom njenog učitavanja u browser. Monitoring mreže mora biti uključen kako bi Net panel radio, ali je po podrazumevanim podešavanjima ta opcija već uključena (opcije u padajućem meniju kartice Net vam dozvoljavaju da ovu opciju naknadno isključite ili uključite prema sopstvenim potrebama).

Ovo je zgodan način za testiranje (i dokazivanje) da se postavljanjem vašeg JavaScript koda u footer web stranice, posebno strana koje sadrže pretežno JavaScript, značajno poboljšava vreme preuzimanja stranice sa Interneta. Ukupno vreme preuzimanja će biti isto, ali pošto pretraživači, kada naiđu na skripte, zaustavljaju učitavanje stranice dok ne preuzmu skriptu, stranica će izgledati kao da je potrebno manje vremena za učitavanje, što će se pozitivnije odraziti na posetioce web stranice.

Levim klikom na znak plus sa leve strane imena fajla prikazuje se HTTP zaglavlje za svaku datoteku koja je skinuta.

I pored velikog broja pozitivnih strana koje ovaj Mozilla plugin poseduje, Firebug spada u problematične ekstenzije i može praviti probleme sa prekomernim korišćenjem procesora i RAM memorije Vašeg računara. Zbog toga, ukoliko uočite da Vaš računar usporava kada surfujete, proverite CPU i Memory Usage preko Task Manager-a i deaktivirajte Firebug. Generalna preporuka je da Firebug uključite samo kada Vam je potreban za kodiranje i dizajn web strana, i da ga deaktivirate dok surfujete netom.

Listu svih problematičnih ekstenzija možete pregledati u MozillaZine bazi znanja koja sadrži dokumentaciju vezanu za sve Mozilla proizvode.

Firebug je besplatna Open Source alatka dostupna kao plugin za Firefox koja omogućava pronalaženje i otklanjanje grešaka u HTML, CSS i JavaScript kodu. Tutorijal je namenjen svima koji se na bilo koji način bave web dizajnom i razvojem Internet stranica. Za praćenje i razumevanje tutorijala potrebno je da imate osnovno znanje HTML, CSS i JavaScript koda i instaliran Firebug. U trenutku pisanja ovog tutorijala poslednja stabilna verzija je 1.5 i možete je preuzeti sa zvaničnog sajta proizvođača.

Šta Firebug nije?

Firebug nije editor koda. To praktično znači da nema mogućnost trajnog čuvanja izmena koje ste testirali na Vašoj stranici (osim ako te izmene sami prekopirate i sačuvate). Funkcija ove alatke je manipulisanje kodom direktno na stranici i praćenje kako određene promene utiču na izgled stranice bez potrebe za stalnim čuvanjem, upload-om na server i osvežavanjem stranice da bi izmenjen sadržaj postao aktivan.
Iako kreatori ovog plugin-a najavljuju da će neka od budućih verzija imati mogućnost čuvanja izmena u kodu stranice, u Firebug-u ovakva funkcija trenutno ne postoji.

Šta Firebug jeste?

Firebug je trenutno najpopularniji Mozilla Firefox plugin namenjen razvoju web stranica. Omogućava proveravanje HTML koda i menjanje stilova i layout-a stranice u realnom vremenu i predstavlja naprednu alatku za otklanjanje grešaka u JavaScript kodu. Pored toga pruža pregled svih upita koje browser pravi prilikom učitavanja web stranice, kao i grafički prikaz vremena potrebnog za učitavanje, pojedinačno za svaki element stranice.
Još jedna korisna funkcija Firebug-a je mogućnost praćenja XMLHttpRequest saobraćaja, na kojem se temelji AJAX. Firebug nudi i svoju varijantu DOM Inspector-a, a omogućava Vam da sa tačno određene stranice pratite logove HTML, CSS, JS i XML grešaka, umesto preko Firefox konzole za greške.

Treba pomenuti da za Firebug postoji veliki broj ekstenzija sa različitim dodatnim funkcijama koje olakšavaju manipulaciju sa HTML, CSS, DOM i JavaScript elementima Vašeg sajta.

Takođe postoji verzija ovog plugina Firebug Lite, namenjena ostalim browserima, kao što su IE6+, Opera, Chrome i Safari.

Ekstenzije

FireFile – Firebug ekstenzija koja omogućava čuvanje CSS fajlova modifikovanih pomoću Firebug-a.
FirePHP – omogucava ispis u Firebug konzolu pozivanjem proste PHP funkcije, narocito korisno za ajax developere.
Yslow – Dodatak za Firefox integrisan sa Firebug plugin-om. Yslow analizira i ocenjuje web stranice na osnovu tri predefinisana seta pravila ili na osnovu pravila koja definiše sam korisnik. Na osnovu toga prikazuje statistiku stranice i predlaže načine za poboljšanje performansi kako bi se stranice brže učitavale u browser.

SenSEO – Ovaj dodatak služi za proveru najvažnijih on-page SEO kriterijuma i procenjuje koliko dobro Vaša web stranica ispunjava ove kriterijume. SenSEO procenjuje Vašu stranu prema smernicama za optimizaciju, koje je definisao Google, kao što Yslow rangira stranicu prema kriterijumima za optimizaciju performansi koje je definisao Yahoo.

SenSEO pruža pregled bitnih SEO komponenti web stranice i analizira on-page SEO kriterijume kao što su title, meta description, keywords, headings tagovi, i još mnogo toga. Može biti vrlo koristan alat za jednostavno ispravljanje grešaka koje ste možda prevideli tokom pisanja koda web stranice.

Pixel Perfect – Firefox dodatak pomoću koga web dizajneri i developeri mogu lako da “preklope” kodiranu HTML stranicu sa dizajnom koji treba pretvoriti u HTML/CSS, i tako vizuelno uporede koliko se napisani kod razlikuje od onoga što je predviđeno dizajnom. Piksel Perfect takođe ima Opacity opciju tako da možete istovremeno videti obe verzije i na osnovu toga lako odrediti tačan položaj i dimenzije elemenata web stranice u odnosu na originalni dizajn.
Ostale Firebug ekstenzije možete pronaći na zvaničnom sajtu Firebug.

HTML (HyperText Markup Language, jezik za označavanje hiperteksta) je opisni jezik specijalno namenjen opisu web stranica. Pomoću njega se jednostavno mogu odvojiti elementi kao što su naslovi, pasusi, citati i slično. Pored toga, u HTML standard su ugrađeni elementi koji detaljnije opisuju sam dokument kao što su kratak opis dokumenta, ključne reči i slično. Ovi podaci su poznati kao meta podaci i jasno su odvojeni od sadržaja dokumenta. Sam standard održava W3C konzorcijum (World Wide Web Consortium).

Naredna tema je namenjena onima koji su tek počeli da se bave razvojem Web-a. Ako imate do jedne godine iskustva ili manje, neki od narednih saveta vezanih za HTML Vam mogu pomoći da unapredite svoja znanja iz ove oblasti.

1. Uvek zatvarajte tagove

Ranije nije bilo neobično videti delove koda kao što je ovaj:

<li>Text 1.
<li>Text 2.
<li>Text 3.

Možete primetiti da je izostavljeno zaokruživanje  <ul> ili <ol> tagovima. Osim toga, mnogi su se odlučivali za opciju da <li> tagove takođe ostavljaju otvorenim. Po današnjim standardima, ovo se jednostavno smatra lošom praksom i trebalo bi je izbeći u 100% slučajeva. Dakle, uvek zatvarajte tagove u okviru HTML koda. U suprotnom, nailazićete na probleme sa validacijom i greške u učitavanju stranice na svakom koraku.

Preporuka

<ul>
<li>Text 1. </li>
<li>Text 2. </li>
<li>Text 3. </li>
</ul>

2. Prikažite ispravan DocType

DOCTYPE (Document Type Declaration) ide ispred HTML taga u vrhu stranice i govori pretraživaču da li stranica sadrži HTML ili XHTML specifikaciju, odnosno govori validatoru koju verziju HTML-a ili XHTML-a da koristi za proveru sintakse dokumenta.

HTML 4.01 Strict – Sadrži sve HTML elemente i atribute, ali ne uključuje prezentacione i prevaziđene elemente (kao što su fontovi). Okviri (frameset) nisu dozvoljeni.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>

HTML 4.01 Transitional – Sadrži sve HTML elemente i atribute, uključujući prezentacione i prevaziđene elemente (kao što je font). Okviri (frameset) nisu dozvoljeni.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>

XHTML 1.0 Transitional – Sadrži sve HTML elemente i atribute, uključujući prezentacione i prevaziđene elemente (kao što je font). Okviri (frameset) nisu dozvoljeni. Takođe, kod mora sadržati ispravnu XML sintaksu.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

XHTML 1.0 Strict – Sadrži sve HTML elemente i atribute, ali ne uključuje prezentacione i prevaziđene elemente (kao što su fontovi). Okviri (frameset) nisu dozvoljeni. Kod mora sadržati ispravnu XML sintaksu.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Postoje različita mišljenja po pitanju pravilnog izbora DocType deklaracije dokumenta. Jedno mišljenje je da je najbolja praksa koristiti XHTML Strict verziju. Međutim, posle nekih istraživanja, zaključeno je da većina pretraživača, prilikom interpretacije stranice, ovaj DocType vraćaju na običan HTML. Iz tog razloga, većina je odabrala da koristi HTML 4.01 Strict deklaraciju. Za bilo koju opciju da se odlučite, biće potrebno da testirate funkcionalnost stranice za različite Internet pretraživače.

3. Izbegavajte definisanje stilova unutar HTML elemenata

Tokom dužeg rada na pisanju stranice možete biti u iskušenju da u hodu dodate i poneki stil.

<p style= “ color: blue;”>Tekst</p>

Naravno, ovo izgleda bezopasno, ali ukazuje na grešku u Vašoj praksi pisanja HTML koda.

Kada kreirate HTML stranicu, nemojte još ni razmiljati o stilovima. Umesto toga, počnite da dodajete stilove onda kada je HTML stanica u potpunosti kodirana. Završite kreiranje HTML dokumenta, a zatim pozovite taj tag iz eksterne stranice sa stilovima.

Preporuka:

#element-1    p  {
color: blue;
}

<p id=“element-1”>
</p>

4. Smestite sve eksterne CSS fajlove u okviru <head> taga

Tehnički, stranice sa stilovima možete smestiti gde god to želite. Pa ipak, HTML specifikacija preporučuje da oni budu smešteni na početku dokumenta, u  okviru <head> taga. Primarna korist od ovakve prakse jeste da će se vaše stranice naizgled brže učitavati.

<head>
<title> HTML – Praktični saveti za početnike</title>
<link rel=“stylesheet” type=“text/css” media=“screen” href=“css/style.css” />
<link rel=“stylesheet” type=“text/css” media=“screen” href=“css/layout.css” />
</head>

5. Razmislite o smeštanju Javascript fajlova na kraj HTML dokumenta

Zapamtite da je prioritet da se posetiocima Vašeg sajta stranica učita što je brže moguće. Pretraživač ne može nastaviti sa učitavanjem ostalog sadržaja stranice dok učitava skriptu. Iz tog razloga korisnik mora da čeka duže pre nego što vidi neki napredak.

Ako Vaš sajt sadrži Javascript fajlove čija je jedina svrha dodavanje funkcionalnosti stranice – na primer, nakon što posetilac klikne na dugme – slobodno smestite ovakve fajlove na kraj dokumenta, pre zatvaranja <body> taga.

Preporuka:

</div><!– end container –>
<script type=“text/javascript” src=“path/to/file.js”></script>
<script type=“text/javascript” src=“path/to/anotherFile.js”></script>
</body>
</html>

6. Validacija HTML i CSS koda

Preporučujemo svima, posebno početnicima, korišćenje Web Developer plugin-a namenjenog Firefox-u i dve veoma korisne opcije “Validate HTML” i “Validate CSS”. Iako je CSS relativno jednostavan za učenje, ima dosta stvari koje će vam zadavati muke dok se ne uhodate. Kao što ćete i sami zaključiti, obično su “rupe” u CSS sintaksi te koje uzrokuju čudne probleme sa elementima Vaše web prezentacije. Validacija koda većinu tih problema može rešiti.

Kao razloge za validaciju W3C navodi sledeće:

• Test validacije možemo shvatiti kao alat za debbuging. Iako sami pretraživači u novije vreme izuzetno dobro parsiraju čak i najlošije napisan HTML dokument, neke greške nije moguće prevazići. Poštovanje standarda Vam osigurava da će posetioci videti Vašu internet prezentaciju upravo onako kao Vi želite da izgleda, bez obzira koji browser koriste.
• Osiguravamo da se stranica ispravno prikazuje i u budućim verzijama pretraživača
• Olakašava održavanje
• Znak je profesionalnosti

Web sajt ne mora biti savršeno kodiran za dobijanje dobrog mesta u rezultatima pretraga, ali ispravan kod može Vam garantovati da će se stranica korektno prikazati i da će pretraživači ispravno indeksirati i zapamtiti sadržaj Vaših stranica. Takođe, validacijom možete otkriti suvišan i nepotreban kod, kao i onaj koji se ne prikazuje ispravno u svim browser-ima.

7. Firebug

Firebug je, bez sumnje, najbolji Firefox plugin koji ćete ikada koristiti prilikom kreiranja web sajtova. Ne samo da je od velike pomoći za otklanjanje grešaka u Javascript-u, već sa velikom lakoćom možete pregledati CSS, HTML i JavaScript kodom bilo koje stranice na Internetu, utvrditi kako su elementi stranice povezani i proveriti kako pojedine izmene u kodu utiču na izgled stranice.

8. Koristite H1-H6 tagove

Najbolja praksa je korišćenje svih šest <h> tagova, iako su u najvećem broju slučajeva u upotrebi samo prva četiri. Iz semantičkih i SEO razloga, naterajte sebe da zamenite <p> tagove <h6> tagovima kada je to moguće.

Kao i za sve ostalo, opredelite se za ono što najviše odgovara Vašem web sajtu. Međutim, ako pravite blog preporučujemo da sačuvate <h1> tagove za naslove vesti.

9. Navigacija u okviru liste

Svaki sajt ima deo sa navigacijom neke vrste. Iako definitivno možete izaći na kraj sa ovako definisanim menijem:

<div>
<a href=”#”>Home </a>
<a href=”#”>About </a>
<a href=”#”>Contact </a>
</div>

Ispravno je koristiti <ul> tag, s obzirom da mu je namena upravo kreiranje lista.

Preporuka

<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Contact</a></li>
</ul>

10. Dodajte svim slikama ALT atribut

<IMG SRC=”image274.jpg” />

Iako je jednostavije ignorisati potrebu za definisanjem alt atributa u okviru <img> tagova, veoma je značajno, kako zbog dostupnosti, tako i zbog validacije stranice, da odvojite vreme i definišete ove parametre.

Preporuka

<img title=”alvihost – hosting, internet marketing i web design usluge” alt=”alvihost logo” src=”images/logo.gif”/>

11. Učite od boljih

Ako ste tek počeli da učite HTML, razumljivo je da ne možete odmah sve sami znati, kao i da niste sasvim sigurni odakle da počnete. Za početak, isprobajte naše savete i pronađite na Internetu stranice koje vam se sviđaju i otkrijte kako su kodirani elementi tih stranica. Vremenom ćete početi da razvijate svoje sopstvene stilove i metode.

Primetili ste neke Javascript efekte koje biste želeli da naučite? Veoma je verovatno da je dizajner stranice koristio neki plugin koji proizvodi taj efekat. Pogledajte Source i potražite u kodu naziv skripte (obično na početku ili pri kraju HTML dokumenta). Zatim naziv potražite na Google-u i implementirajte novi plugin u Vaš sajt.

U organizaciji ABC Srbija uz podršku USAID-a i IREX-a, 08. aprila u beogradskom hotela Zira održan je jednodnevni seminar “Oglašavanje na internetu 2”. Svi zainteresovani koji nisu mogli da prisustvuju samom seminaru, mogli su ovaj događaj da prate uživo putem sajta www.live-e.tv. Seminar je okupio mnoge zainteresovane iz oblasti oglašavanja, izdavaštva, vlasnike sajtova, kao i predstavnike brojnih kompanija koje svoje poslovanje zasnivaju na Internetu ili planiraju svoje prisustvo na pomenutom mediju.

Svoja iskustva, kao i priliku da podele znanja i predstave karakteristične slučajeve u poslovanju (case study) na svojim predavanjima imali su:

Rade Tričković, direktor HttPool, Sveobuhvatne online advertajzing kampanje

Milan Kovačević, direktor ABC Srbija, ABC Srbija odit

Aleksandar Kostadinović, web odit menadžer ABC Srbija, Web odit ABC Srbija

Srđan Erceg, direktor Huge Media, Menadžment kontekstualnih/search kampanja i povezivanje online aktivnosti sa oglašavanjem putem tradicionalnih medija

kao i Tony Dosen, umetnički direktor i partner Hinton Group, Otava, Kanada, Kreativni pristup u online oglašavanju

Ovaj događaj je samo nastavak aktivnosti na jačanju svesti javnosti i oglašivača o važnosti i perspektivama Internet marketinga, kroz pružanje novih znanja iz ove oblasti. Prema rečima Milana Kovačevića, direktora “ABC Srbija”, povod za organizaciju seminara je bio želja da se oglašivači, izdavači i vlasnici sajtova u Srbiji u najkraćem upoznaju sa osnovnim pravilima funkcionisanja Internet oglašavanja i benefitima koje ono nudi, kako bi se omogućio što veći protok novca i brži razvoj online poslovanja.
U ovom trenutku, izdvajanja za online oglašavanje kod nas čine tek 2% ukupnog marketinškog budžeta, što je izuzetno malo u odnosu na svetske standarde. Uzimajući u obzir progresivno širenje infrastrukture Interneta kod nas (ADSL Telekom, SBB Internet, 3G mobilni Internet, Wimax Verat…) svakako treba očekivati znatnu promenu situacije na tom polju oglašavanja. Jer ako uzmemo u obzir područje Evrope (gde je dostupnost Internetu velika), za Internet je namenjeno 23,5% od ukupnih marketinških izdvajanja, razvoj Internet tržišta je u interesu i oglašivača i vlasnika sajtova i njegov brzi razvoj je neminovan.

Ekipa iz Alvihost-a koja je prisustvovala seminaru, zaključila je da su predavanja obilovala sa dosta kvalitetnijih sadržaja od 1. seminara, jer je obuhvaćeno više konkretnijih primera internet kampanja, advertajzing-a, SEO… Predavanja na seminaru su obuhvatila par desetina različitih poslovnih situacija (case study-a) kojima su se na vrlo kreativan način bavili raznim potrebama klijenata kada je reč o oglašavanju i približavanju odeređenih informacija željenoj ciljnoj populaciji. Zanimljiva stvar koja je bila istaknuta na seminaru jeste mogućnost online oglašavanja sa relativno skromnim sredstvima. Kreativna i efikasna kampanja može da prenese poruku željenoj ciljnoj grupi uz minimalna sredstva. Takođe je bilo i reči o „mobile marketingu“ koji predstavlja promotivne aktivnosti smišljene za dostavljanje određenog dela sadržaja globalne multi „kanalne“ kampanje, prema mobilnim telefonima, “pametnim” uređajima i ostalim mobilnim gedžetima. Ovaj vid oglašavanja se u svetu rapidno razvija i širi, tačnije rečeno, on je već sadašnjost u razvijenim zemljama, a kod nas, na žalost, još uvek budućnost, ali sigurno ne tako daleka, uzimajući u obzir raširenost i popularnost mobilnih tehnologija i njihovih servisa u našem regionu.

Nakon što ste uspešno kreirali Vaš Google Analytics nalog i  upoznali se sa osnovnim mogućnostima koje Vam nudi Google Analytics Dashboard, želećete da otkrijete prednosti i mane Vašeg web sajta i načine za njegovo unapređivanje. Važno je da imate jasno definisane ciljeve za Vaš sajt.
Šta je to što želite da posetioci urade kada dođu na sajt?
Praćenje Google Analytics izveštaja vezanih za funkciju Goals and Funnels Vam pomaže da shvatite kretanje posetilaca na Vašoj web stranici i da otkrijete koji koraci u procesu koji ste definisali sprečavaju posetioce da dođu do ciljne stranice koju ste zadali.

Na IX Međunarodnoj konferenciji E-trgovine, na Paliću, Nada Bukinac iz OTP banke održala je predavanje o Google Analytics tehnikama za merenje uspešnosti marketing kampanje i konverzije u kome je bilo reči i o kreiranju i praćenju ciljeva sajta.

Stepen konverzije na sajtu jeste jedna od najbitnijih matrica u web analitici jer definiše procenat jedinstvenih posetilaca koji su u određenom vremenskom periodu završili proces kupovine, prijave ili neki drugi proces postavljen kao cilj sajta/kompanije. Najbitnije je definisati koji su to strateški ciljevi sajta/kompanije i onda za njih meriti stepen konverzije.

Većina analitičara stepen konverzije definiše kao procenat posetilaca koji su uradili nešto što je vlasnik sajta želeo da posetioci urade: da poruče proizvod, prijave se na newsletter… Ako posmatramo posetioce sajta, treba da budemo svesni da ne možemo sve konvertovati. Manjina (20-40) posetilaca koji dođu na sajt ima nameru da kupi, dok ostatak dođe da istraži specifičnosti usluga koje pružate, da nauči nešto o Vama/kompaniji, traži posao, pročita obaveštenja za javnost, žele pomoć korisničke podrške ili žele da se odjave sa newsletter-a.

Merićemo da li je posetilac zadovoljio svoju svrhu dolaska na sajt tako što ćemo definisati zadatke kao ciljeve (Goals) koji će izgledati otprilike ovako: Istraživanje proizvoda/usluga, Kupovina proizvoda/usluga, Informisanje o kompaniji, Korisnička podrška, Download… Posle analize kompletiranih zadataka shvatićete zašto ljudi dolaze na vaš sajt, koliko njih je tu da kupi proizvod/uslugu i najbitnije, koji su to nedostaci sajta.

Jednom kada ste podesili funkciju Goals moći ćete da vidite stope konverzije i novčanu vrednost saobraćaja na Vašem sajtu. Takođe, možete definisati “Funnel path” za pojedinačne ciljeve koje ste postavili. Funnel path predstavlja “putanju” koji želite da posetioci Vašeg sajta pređu da bi došli do zadatog “cilja”. Definisanje Funnel path Vam omogućava da pratite koliko posetiilaca na Vašem sajtu je zapravo uspelo da zadovolji svoju primarnu svrhu dolaska na sajt.

Goal – je zapravo samo jedna poseta određene web stranice. Za cilj možemo postaviti stranicu koja se učitava kada posetilac završi proces kupovine, ostavi kontakt podatke (lead), preuzme neki fajl i slično.  Neki najčešći ciljevi su: stranica koja potvrđuje da je online kupovina uspešno obavljena, ili da se posetilac uspešno prijavio na Vašu mailing listu.

Funnels - Prilikom kreiranja ciljeva u Google Analytics-u možete predvideti, odnosno definisati sekvencu stranica „Funnel“ kroz koje posetilac treba da prođe dok ne stigne do krajnje stranice koja je definisana kao cilj.

Goal and Funnel Setup

1. Da biste podesili Goals and Funnels potrebno je da kliknete na link Edit u podešavanjima Vašeg profila.

2. U odeljku Goals izaberite Add Goal

3. U zavisnosti od toga koju opciju izaberete kao Goal Type biće Vam ponuđena različita polja za unos informacija. Ako ste se odlučili da cilj bude neka stranica Vašeg sajta (na primer, stranica za potvrdu o uspešno obavljenoj online kupovini) izaberite Goal Type – URL Destination.

4. Unesite naziv cilja. Ime bi trebalo da bude opisno tako da ih lako možete razlikovati ako postavljate više ciljeva za vaš sajt. Unesite URL adresu stranice koja će biti konačni korak od Vašeg cilja.

5. Definisanje odeljka Goal Funnel nije obavezno, ali se može koristiti ako imate niz koraka kroz koje korisnik obično prolazi do ciljne stranice. Definisanjem opcije Funnel možete da koristite Google Analytics izveštaj za analizu efikasnosti svakog koraka koji posetioci moraju da prođu do ciljane stranice.

6. Match Type – predstavlja podešavanje vrste podudaranja na osnovu URL adrese koju upisujete u polja Goal URL ili Funnel URL

Exact Match: Znači da će URL adresa u pretraživaču posetioca sajta morati da se podudara sa onom koju unesete u polje Goal URL. U ovom primeru URL adrese se neće podudarati i neće biti evidencije o ovoj poseti u vašem Goals izveštaju, iako se poseta završila kupovinom.

URL adresa posetioca: /checkout/thank-you.html?orderid=7348
Ciljana URL adresa: /checkout/thank-you.html

Head Match: Ovo znači da, ukoliko se početak URL adrese u pretraživaču posetioca sajta  poklapa sa adresom koju ste uneli u polje Goal URL, poseta će biti evidentirana u Goals and Funnels izveštaju. U ovom primeru obe adrese u pretraživaču posetioca sajta  se poklapaju sa ciljnom URL aresom:

URL adresa posetioca: /checkout/thank-you.html
URL adresa posetioca: /checkout/thank-you.html?orderid=7348
Ciljna URL adresa: /checkout/thank-you.html

Regular Expression Match*: Ovo je napredna opcija koja omogućava veliku fleksibilnost u postavljanju ciljeva. Postoje brojne knjige i drugi izvori koji objašnjavaju opciju Regular Expression. Ukratko, možete da koristite specijalne karaktere kako biste prilagodili ciljni URL da bude upravo ono što vi želite. U ovom primeru možemo zahtevati da drugi korak funkcije Funnel sadrži jednu od dve ponuđene URL adrese: “/checkout/step-two-a.html” ili “/checkout/step-two-b.html”.

STEP 1: ^/checkout/step-one\.html$
STEP 2: ^/checkout/(step-two-a|step-two-b)\.html$
STEP 3: ^/checkout/step-three.html$

7. Opciono, možete definisati Goal Value*, ako želite da pratite novčanu vrednost Cilja koji ste definisali. Ako vaš Cilj koristi dinamičke vrednosti, kao sto je vrednost proizvoda koje posetilac stavi u korpu, prilikom elektronske kupovine, ostavite ovo polje prazno.

Osnovni zadatak marketinških aktivnosti na web-u je najpre definisanje marketinške strategije.

Pregledajući web strane konkurenata na domaćem tržištu ustanovljeno je da oni ili uopšte nemaju marketinšku strategiju ili je nisu jasno definisali. Svakako je poželjno (čitaj obavezno) definisati i pregled strategija nekih domaćih i stranih web  portala sa sličnom tematikom.

Naša strategija se ogleda u tome da mi želimo da budemo jedinstveno rešenje za naše kupce kad su u pitanju zahtevi za bilo kojom informacijom iz delokruga naših poslovnih aktivnosti, kupovina ili prodaja, odgovori i saveti, postprodajna podrška i dr. Takođe želimo da budemo i pravi poslovni partner domaćim kućama nudeći im pravo rešenje za izgrađivanje imidža na Internetu (u smislu podrške njihovim robnim markama) i pomoć oko izgrađivanja dobrog odnosa sa kupcima (CRM).

Web portal  www.pantelijatopalovic.rs je obrazovnog ali i profitnog karaktera. Poslovni ciljevi portala   se ogledaju u :

Infomisanju i edukaciji  potrošača i partnera o uslugama, proizvodima i novitetima iz delokruga naših aktivnosti i dr. (vezano za B2C poslovanje), obezbeđenju novih prodajnih kanala (Internet) kao podrške tradicionalnoj prodaji za kompanije partnere web portala, osvajanju novih kupaca i povećanju udela na tržištu, povećanju odnosa kvalitet/cena, unapređenju tehničke podrške, mogućoj aukcijskoj prodaji, automatizaciji procesa nabavke, isporuke, narudžbine, plaćanja i dr. Zatim reduciranju nivoa zaliha (praćenjem i planiranjem prodaje i potražnje), daljem razvoju B2C u smislu obezbeđivanja plaćanja i ostalih transakcija preko Interneta, tvaranju imidža u javnosti i obezbeđenja konkurentske prednosti u skladu sa misijom.

Ostvarenjem strategije i ciljeva web portala, smatramo da ćemo mi i naši partneri imati posredne koristi od povećanja prodaje proizvoda, usluga (ili recimo povećanja tiraža časopisa „BILI PITON“) kao i neposredne od prodaje oglasnog prostora i kosalting usluga.

Formiranje operativne grupe za Internet marketing

Operativni tim za Internet marketing u užem smislu (osnovni tim) trenutno čine četiri osobe:

• Vođa projekta – zadužen za koordinaciju članova tima, ugovaranje saradnje sa firmama partnerima, tehničku podršku, marketing
• Web master – zadužen za implementaciju poslovne logike, dizajn portala, baze podataka, programiranje
• Dizajner – zadužen za grafički dizajn strana
• Komercijalista – zadužen  za prodaju oglasnog prostora, menadžment informacijama, korisničke usluge i dr.
• Poželjno je imati osobu koja ce direktno puniti sadržajem vaš sajt u slučaju da webmaster nema to zaduženje

U segmentu Ecommerce-a bili bi zastupljeni kompletno B2B i B2C poslovanje sa automatizacijom procesa  prodaje, nabavke, naplaćivanja, provere statusa u magacinu i dr. Ovde bi postojala ograničenja pristupa delu sajta u zavisnosti da li je firma partner i u zavisnosti od njenih želja.

nastavak o definisanju strategije internet marketing komunikacija sledi u delu 3.

Kao što smo već objasnili u prvom delu vodiča za Google Analytics, ovaj besplatan servis koji nudi Google vam omogućava detaljan uvid u kretanje posetilaca na Vašem sajtu. Nakon što se ulogujete na Google Analytics nalog i otvorite stranicu sa izveštajima o vašem sajtu dobijate Dashboard, panel koji sadrži nekoliko osnovnih grafikona koji osim broja posetilaca sadrže i svu prateću statistiku koja obuhvata i podatke o najposećenijim stranicama i najčitanijim tekstovima na sajtu, vreme zadržavanja posetilaca, načine na koje posetioci dolaze na sajt i ostale veoma detaljne statističke podatke.

Dashboard se sastoji iz nekoliko odeljaka.

1. Analytics Settings - Sadrži listing svih web sajtova koje pratite sa Google Analytics. Odavde možete pregledati izveštaj za sajt, preko linka View report, ili preko linka Edit doći na stranicu Prifile Settings, gde možete videti svoj kod za praćenje i kreirati tzv. “Goals and Funnels”, o čemu ćemo više govoriti u sledećem članku.

2. Linijski grafikon – Ovde možete izabrati vremenski opseg između dva datuma za statistiku Vašeg sajta. Ako podešavate Google Analytics za nov sajt koji je tek pokrenut i još uvek je u fazi razvoja, verovatno nećete videti hiljade pregledanih stranica u vašoj statistici. Pomoću opcije Export, možete sačuvati podatke iz izveštaja kao PDF ili XML dokument. Ako izaberete PDF format, dokument će biti sačuvan na desktopu Vašeg računara.

3. Dodavanje ili brisanje modula izveštaja na Vašoj kontrolnoj tabli. U gornjoj liniji većine izveštaja (Visitors, Traffic Sources, Content…) postoji dugme “Add to dashboard” pomoću kog možete dodati na Dashboard izveštaj koji želite da pratite.  Da biste obrisali jednu stavku jednostavno kliknite na  ’X’ u gornjem desnom uglu svakog modula.

4. Analytics Intelligence - Predstavlja novu funkciju Google Analytics. Algoritam omogućava praćenje i automatsko obaveštavanje o značajnim promenama u podacima o sajtu, na dnevnom, nedeljnom i mesečnom nivou, kao i podešavanje alarma koji su prilagođeni specifičnim potrebama sajta. Više o ovoj funkciji možete videti na YouTube video prezentaciji Analytics Intelligence & Custom Alerts.

5. Visitors - Ovaj odeljak pruža informacije o posetiocima sajta, vrsti  posetilaca, kao i informacijama o tome na koji način su pregledali Vaš sajt. Između ostalih informacija ovaj odeljak sadrži tzv. Tehnički profil u kome možete saznati koji web pretraživač najčešće koriste posetioci Vašeg sajta, kao i brzinu Interneta. Nekoliko osnovnih pojmova koji će vam olakšati razumevanje izveštaja o posetiocima sajta su:

Hits – Pre pojave Google Analytics webmasteri su koristi termin – “Hit“ (ili bukvalno prevedeno – pogodak). Ali je taj termin smatra zastarelim. Kada bi korisnik želeo da pregleda jednu web stranicu na kojoj se nalazi 10 slika, stari sistemi za statistiku web stranica bi to protumačili kao  10 pogodaka. Ovaj termin je zamenjen sa tačnijim  terminima kao što su „broj pregleda stranica” i „posete“ koje možete pratiti u statistici Vašeg sajta u odeljku – Site Usage.

Visits vs. Page Views

Visits – Predstavlja ukupan broj poseta Vašem sajtu. Poseta se računa svaki put kada korisnik web sajta zatraži jednu ili više stranica sa web servera.  Ako je korisnik neaktivan određen vremenski period (obično 20 minuta), kada se vrati to se računa kao nova poseta.

Page Views – Predstavlja broj uspešno učitanih dokumenata sa Vašeg web sajta, koji se mogu smatrati stranicom, od strane jednog posetioca. To obično uključuje dokumenta sa ekstenzijom .txt, .asp, .php itd. Stranice generisane kao rezultat greške (npr. 404 – Page Not Found Error) se ne računaju u statistici posećenih stranica.

Ukratko, ako posetilac pregleda 15 stranica pre nego sto napusti Vaš sajt, to će se računati kao 15 pregleda stranica (Page Views), ali će biti zabeleženo kao 1 poseta (1 Visit)

Bounce Rate – Prema standardima analitičkih programa poseta se računa samo onda kada  posetilac pregleda više od jedne stranice na sajtu. Ako posetilac koji dođe na sajt pregleda samo jednu stranicu pre nego što napusti sajt, to se računa kao „bounce“.

6. Traffic Sources – Prikazuje koliko različitih offline i online izvora šalje saobraćaj ka vašem sajtu (direktne posete, baneri i linkovi sa drugih sajtova, pretraživači). Sa postojećih grafikona možete pratiti kako najčešće posetioci dolaze na vaš sajt i proceniti  buduće trendove.

7. Content - Prati popularnost svake od najposećenijih stranica na sajtu.  Svi ovi izveštaji su o stranicama na Vašem sajtu i popularnosti određenjih sadržaja na njima. Use the data here to find time on page, landing and exit page information, and a navigation summary for pages.

8. Goals - Ako ste postavili ciljeve za svoj Analytics nalog, onda bi trebali da podatke iz tih izveštaja.

9. Custom Reporting – Možete napraviti izveštaj prilagođeni Vašim potrebama koristeći parametre koje želite da vidite.

Za korisnike WordPress-a postoji opcija dodavanja plugin-a Google Analytics Dashboard koji vam omogućava da vidite podatke iz Google Analytics u okviru Vašeg WordPress Dashboard. Ovaj dodatak međutim ne obezbeđuje tracking kod za Google Analytics. Za to ćete morati da koristite plugin kao što je  Google Analytics for WordPress.  Ovaj plugin automatski prati i segmentira sve linkove iz postova, komentara, blogova i linkove za download.

Google Analytics je verovatno najpopularniji program za praćenje i analizu posećenosti, koji je trenutno u upotrebi na oko 40% od 10.000 najpopularnijuh web sajtova. Preko Google Analytics možete pratiti na koji način su posetioci pronašli Vaš sajt i posećenost pojedinačnih stranica sajta. Podaci koje pruža ovakva statistika mogu se koristiti u cilju povećanja broja posetilaca i poboljšanja kvaliteta njihovih poseta.

Pre korišćenja Google Analytics potrebno je:

- Kreirati Google nalog (ili možete koristiti postojeći)
- Podesiti Google Analytics nalog
- Uskladiti web stranicu sa W3C standardima

Prednosti web stranice usklađene sa W3C standardima

- Bolje rangiranje u rezultatima pretraga

- Više korisnika koji mogu videti Vaš sajt

- Kraće vreme učitavanja stranice i smanjeno opterećenje protoka na sajtu

- Kompatibilnost sa novijim pretraživačima

- Osobe sa invaliditetom mogu koristiti Vaš sajt

- Web stranici se može pristupiti sa različitih uređaja, uključujući mobilne telefone i PDA uređaje

- Lakše održavanje i nadogradnja sajta

Kako mogu videti statistiku mog sajta?

1. Ulogujte se na vaš Google nalog da biste na sajtu Google Analytics mogli da pristupite podešavanjima

2. Nakon što kliknete na dugme Sign up biće potrebno da unesete neke osnovne podatke kao što su URL sajta za koji želite da pratite statistiku, kontakt informacije i sl.

3. Kada kreirate Google Analytics nalog potrebno je da dodate Tracking Code u HTML kod vašeg sajta i prva statistika će biti dostupna već nakon 24 sata.

Dodavanje korisnika

Ako je potrebno da dozvolite još nekome pristup statistici vašeg sajta to možete jednostavno postići dodavanjem novih korisnika u vašem Google Analytics nalogu. Pri dnu Overview stranice nalazi se User Manager u okviru kog dodajete e-mail adresu i prava pristupa – View Reports Only ako želite da dozvolite samo pregledanje statističkih podataka za sajt, ili Account Administrator ako želite da dozvolite potpun pristup vašem nalogu.

Bilo da imate jedan ili više domena za koje pratite statistiku, biće potrebno da ih selektujete u okviru polja Available Website Profiles i dodate ih u Selected Website Profiles. Selektujte sve domene za koje želite da dozvolite pristup novom korisniku i sačuvajte promene.

Kreiranje filtera

Filteri su način segmentacije ili manipulacije podacima koji dolaze u vaš profil. Filteri mogu biti podešeni da obavljaju više zadataka, kao što je isključivanje određene IP adrese iz ukupne statistike poseta ili prikazivanje podataka samo za određeni poddomen.

Isključivanje internog  saobraćaja iz ukupne statistike poseta

Ne želite da u ukupnoj statistici posećenosti sajta vidite koliko puta ste posetili sopstveni sajt, jer to ne bi bila stvarna slika koliko je posetilaca vaša web stranica zaista privukla. Zbog toga je veoma preporučljivo postavljanje filtera koji isključuje sav interni saobraćaj.
Filter “Exclude Internal Traffic” možete dodati preko opcije Edit za podešavanje vašeg profila. Ako već imate filter koji isključuje interni saobraćaj, onda možete izabrati opciju Apply Existing Filter To Profile. Ako nemate postojeći filter koji isključuje proveru internog saobraćaja ostavite već izabranu opciju Add New Filter To Profile. Popunite polja u odeljku Enter Filter Information i upišite vašu IP adresu:

Dodatni saveti

Nemojte dodavati Google Analytics Tracking Code u HTML kod vašeg sajta sve dok ne završite sa kreiranjem profila.
Nakon što ste dodali tracking Code, Google Analytics će početi da popunjava svoje izveštaje podacima o posetama vašem sajtu. Ako podešavanja profila nisu ispravna, statistika sajta će sadržati netačne podatke. Izdvojite vreme da proverite da li su sve postavke profila ispravne pre nego što dodate kod za praćenje. Na ovaj način, možete obezbediti da svi podaci u izveštajima budu tačni od početka.

Iskoristite funkciju Goals and Funnels.

Definišite ciljne tačke vašeg sajta. Ciljevi vam omogućavaju da lako vidite koliko je posetilaca stiglo do određene stranice i shvatite gde posetioci gube interes za sadržaj vašeg sajta. Možete koristiti ove informacije kako bi poboljšali sadržaj i dizajna sajta. Detaljnije o podešavanjima Goals and Funnels funkcije u 3. delu vodiča za Google Analytics.

Globalizacija, razvoj interneta i telekomunikacija su uticali na privredu u svetu. Prisustvo na internetu danas je postalo jedan od presudnih faktora uspeha na tržištu ne obzirući se na veličinu kompanije ili delatnost. Može se praktično reći da ako nemate sajt onda – i ne postojite! Izbor odgovarajuceg imena za web sajt veoma je važan za Vaš buduci uspeh, iz više razloga. Ne samo da ime mora logicno da se odnosi na Vašu kompaniju, kao i da bude relativno lako za pamcenje, njegov izbor može imati veoma velik uticaj na mesto u okviru  pretraživaca.

Domen je adresa Vašeg sajta, tj. skup slova i reči čijim ukucavanjem u web browser korisnik dolazi na Vašu internet prezentaciju. Na primer, natpis “www.kompanija.com” predstavlja adresu sajta, tj. domen na kome možete naći željeni sadržaj. Domen se sastoji od imena i ekstenzije. U primeru “kompanija” predstavlja naziv domena, a “com” ekstenziju.

Krenimo od naziva domena koji je najveći problem koji treba rešiti pri kupovini domena jer će izbor imena domena u narednom periodu reprezentovati sajt i biti logo budućeg sajta. Izbor imena domena je postao gotovo umetnost i treba posvetiti dosta vremena za ovaj veoma komplikovan potez. Domen bi trebalo da reprezentuje vaš sajt, njegov predmet i sadržaj. Ukoliko nemate originalno ime ili naziv firme koji bi predstavljao i ime domena tada je dobro koristiti ključne reči. Najbolje bi bilo koristiti samo jednu ključnu reč, ali često to nije moguće pa se preporučuje korišćenje dve ili, eventualno, tri ključne reči. Takođe, kao mogućnost javlja se i korišćenje crtica, prefiksa ili brojeva. Za uspešno poslovanje na Internetu dobro je imati dobro ime domena, ali ukoliko ga nemate, trebaće Vam više novca za kasniju popularizaciju i promociju.

Svakako, treba razmisliti i o tome da li da naziv domena bude generičko ili brend ime. Ako se pravi sajt o pronalaženju hostinga preko Interneta i pristalica ste generičkog naziva domena, izabraćete domen hosting.com, a ukoliko ste pristalica brend imena onda ćete izabrati npr. Alvihost.com. Razlika ove dve opcije je što se kod generičkog imena domena traži reč koja opisuje tematiku kojom će se sajt baviti i koja se koristi uobičajeno u rečniku. Kod izbora brend imena možete izabrati bilo koje, originalno ime, koje niko na svetu ne poseduje i koje će postati Vaš zaštitni znak. Najbolji primer uspešnog generičkog imena je download.com, a brend imena – Yahoo.com. Prvi je sinonim za pronalaženje programa i to je u imenu domena adekvatno prikazano, a drugi je sinonim za pretraživače, ali nema veze sa bilo kojom reči vezanom za pretraživanje.

Prednosti generičkog imena su najveće kod pretraživača jer kada korisnik tražeći određene sadržaje otkuca ključnu reč koja se pojavljuje i u imenu domena, domen će biti u vrhu rezultata pretrage. Sa druge strane, mana kod generičkih imena je u tome što su mnogobrojna i vrlo teško se pamte. Brend imena domena nemaju taj nedostatak. Ukoliko izaberete originalno i dobro kreirano ime, korisnicima neće biti teško da ga upamte uz dobro osmišljenu promociju. Takođe, ukoliko korisnici znaju Vaše ime kao sinonim za određene sadržaje, oni će te sadržaje tražiti koristeći Vaše ime domena kao ključnu reč, a kod takvih pretraga ste neprikosnoveni u rezultatima! Međutim, problem se javlja kod pretraživača. Ukoliko korisnik upotrebi ključne reči vezane za sadržaje koje traži pri pretrazi, morate imati dobro formiran HTML da bi Vaš sajt bio u vrhu rezultata pretrage, za šta Vam je potrebno kvalitetno pozicioniranje na pretraživačima.

Naravno, treba obratiti pažnju i na tip domena a poželjno je imati domen najvišeg ranga, npr. .com, ali ni to nije neophodno. Domeni tipa .com, .net, i .org jesu najbolji, ali ne i jedini tipovi domena. Čak i između ova tri tipa domena možemo praviti listu popularnosti, pa je .com najpopularniji, a .net i .org ga prate. Međutim, prodaju se i manje popularni, ali takođe dobri domeni, među kojima je i naš .rs. To je alternativa tipovima domena najvišeg ranga, ali moramo naglasiti da je .rs ipak adekvatan domen za sajtove na srpskom jeziku.

Sve u svemu, važno je posvetiti puno vremena ovoj temi jer ćete ceh plaćati dugoročno ukoliko pogrešite u izboru imena domena.