SVEUČILIŠTE U ZAGREBUFAKULTET ORGANIZACIJE I INFORMATIKE

V A R A Ž D I N

SEMINARSKI RAD

Varaždin, 2011.

i

SVEUČILIŠTE U ZAGREBUFAKULTET ORGANIZACIJE I INFORMATIKE

V A R A Ž D I N

Multimedijski sustavi

SEO (Search Engine Optimization)

SEMINARSKI RAD

Voditelj rada:

Prof. dr. sc. Božidar KličekMr.sc. Dijana Plantak Vukovac

Marijan Krmpotić 36147/07

PITUP

Varaždin, 2011.

ii

Sadržaj:

Poglavlje: Tema: Stranica:

1. Uvod u optimizaciju za web pretraživaće……………………………………..str.2

2. Kako to sve funkcionira !…………………………………………………...……str.3

3. Vidljivi faktori pretraživanja…………………………………………………..….str.4

3.1 Naslov stranice…………………………………………………………...…. str.43.2 Ponavljanje ključnih riječi na stranici………………………………………

str.4

3.2.1 Korištenje specijaliziranih alata……………………………….…… str.53.2.2 Ključne reči URL stranica i imenu domen………………………… str.53.2.3 Strategija laserskog ciljanja…………………………………...…… str.5

4. Nevidljivi faktori pretraživanja……………………………………………..…… str.6

4.1 Meta tagovi……………………………………………………………...… str.7-84.2 Alt i Title Atributi……………………………………………..……………… str.9

5. Faktori zasnovani na vremenskoj dimenziji………………………………… str.10

6. Zaključak………………………………………………………………………….str.11

7.Literatura……………………………………………………..………………….. str.12

8.Popis slika……………………………………………………………………..… str.13

iii

1. Uvod u optimizaciju za web pretraživaće

Začeci prve optimizacije javljaju se sredinom 90-ih godina te su u to vrijeme tražilice indeksirale stranice samo na temelju jednog osnovnog kriterija tj. na temelju osnovnih informacija, kao što su riječi koje stranica sadrži, njihova pozicija . Ova naizgled prednost ima I jednu manu koju je trebalo riješiti. Događalo se da su se neke stranice bolje pozicioniraju na tražilicama, nego što su se trebale a da svojim sadržajem nisu relevantne za traženi pojam. Kao što znamo, što je stranica bolje rangirana, i ako se u pretragama nalazi među prvima na popisu, više će prometa biti preusmjereno na samu stranicu. SEO obuhvaća različite vrste pretraga, od pretraga slika, pa sve do lokalne pretrage i ostalih. Kod marketinških IT strategija promatra se način rada pretraživača kao i struktura pojmova koji se pretražuju. Optimiziranje web stranice prvenstveno se odnosi na mijenjanje sadržaja i kodiranje u HTML kodu, koje dovodi do poboljšanog rangiranja vezano uz ključne rječi. Optimizacijom se želi povećati posjećenost web stranice preko web tražilica na način da se stranice preko ključnih pojmova dovedu u vrh rezultata pretraživanja čime se povećava sami broj pristupa na stranicu.

Slika 1. SEO

Optimizacija web mjesta ili stranice i prilagođavanje HTML koda za pretraživače je dio internet strategije kojom se na indirektan način utječe na marketing i poboljšava rangiranje na pretraživačima putem ključnih riječi koje najviše odgovaraju sadržaju. Statistički podaci svjetski priznatih istraživačkih instituta prikazuju da gotovo 90% svih posjetitelja web stranica koristi i dolazi upravo sa pretraživača. Jedan od najlakših i najčešćih načina za pronalaženje informacija na internetu su upravo pretraživači, pa time možemo doći do zaključka što to na očigled znači biti prisutan na sustavima za pretraživanje. Mnogi razvojni stručnjaci gledaju optimizaciju i tehnologije kao nešto različito i odvojeno jedno od drugog, no prema statistikama i znanju upravo ova dva djela sustava treba imati u pogledu od samog početka razvoja projekta.Pretraživačke robote možemo pojednostavljeno opisati kao velike baze podataka, koje sadrže popise pojmova pretraga, odnosno indekse svih stranica. Kada korisnik upiše određeni pojam u robot za pretraživanje, provjeravaju se indeksi svih stranica koje odgovaraju traženom pojmu, te se pronalazi i ispisuje popis najrelevantnijih

iv

stranica prema rangu traženog indeksa. Proces pretrage indeksa stranice se obavlja putem složenih algoritama i na osnovu kojih funkcioniraju roboti za pretragu.

2. Kako to sve funkcionira !

Na ovo pitanje možemo dati poduži odgovor, no u ovome radu ću se usmijeriti na neke osnovne principe rada i pretraživanja indeksa. Postoji nekoliko faktora koji određuju rad sustava za pretraživanje i ja ću ih podijeliti u četiri osnovne kategorije:

A to su:

1. Vidljivi faktori pretraživanja

2. Nevidljivi faktori pretraživanja

3. Vremenski faktori pretraživanja

4. Vanjski faktori pretraživanja

Slika 2. Seo marketing kampanja

v

3. Vidljivi faktori pretraživanja

Kada govorimo o vidljivim faktorima pretraživanja u njih prije svega možemo nabrojati sve vidljive faktore vezane uz web stranicu. Često smo svjedoci da se dosta vidljivih faktora izbacuje iz sustava rangiranja i da se češće koriste nevodljivi faktori. Neke od vanjskih faktora pretraživanja obraditi ću u nastavku.

3.1 Naslov stranice

Naslov stranice programiranjem u HTML kodu unutar taga <title>Index.hr - Najnovije vijesti, sport, zabava</title>u okvir pod kategorije <head> u HTML dokumentu. Rezultat ovog dijela koda vidljiv je i u title bar-u web preglednika i u zaglavlju rezultata pretraživanja. Prema nekim istraživanjima ukazuje se na činjenicu da naslov spada u jedan og glavnih faktora pretraživanja. Naslov mora biti kvalitetan i jedinstven, a svaka stranica web mjesta bi trebala posjedovati svoj naslov. Preporuča se da naslov stranice sadrži ključne riječi sa stranice.

Slika 3. Naslov stranice

3.2 Ponavljanje ključnih riječi na stranici

Promatranjem i pogledom na naslove i tekstove na web mjestu, ljudi jednostavno mogu zaključiti čime se stranica bavi i koja je njena glavna zamisao. Čak i ako uspijemo prevariti alat za pretragu nećemo uspjeti prevariti korisnike dok posjete našu stranicu, stoga je jako važno da u sadržajima stranice koristimo ključne riječi koje smo koristili i za optimizaciju stranice. Relevantan sadržaj koji je na pravi način povezan sa aspektom optimizacije je vrlo važan, te ukoliko sadržaj nemožemo povezati sa indeksima, neće nam postupak optimizacije gotovo ništa značiti, jer ako korisnik nebude zadovoljan našim sadržajem on će ga u daljnjem pretraživanju izbjegavati. Kada web robot dođe na neku web stranicu, on pohranjuje sve ključne riječi koje se nalaze na datom mjestu, te uz pomoć složenih algoritama izračunava

vi

postotak ključnih riječi koje se pojavljuju na toj stranici. Nakon provedenog postupka, i na temelju izračunatog najvećeg broja ponovljenih riječi određuje se i katalogizira tematika mjesta. Optimizacijom ključnih riječi mogu se postići bolji rezultati na web pretraživačima, odnosno približiti rezultate bliže vrhu, a time i osigurati veći broj posjeta stranici.

Neki od postupaka pri optimizaciji ključnih riječi biti će spomenuti u daljnjem dijelu teksta.

3.2.1 Jedna od tehnika koju možemo koristiti pri optimizaciji stranica je korištenje specijaliziranih alata uz pomoć kojih možemo generirati ključne riječi za našu stranicu. Takav alat za generiranje ključnih riječi možemo pronaći na web stranici: http://www.hermetic.ch/kwg/kwg.htm

Ključne reči URL stranica i imenu domena

Ključne reči koje se nalaze u nazivu domena, ali i u imenima stranica web mjesta imaju pozitivan utjecaj na pretraživanje sadržaja, te se preporuča izbor naziva domena koji bi se trebao poklapati barem sa jednom ključnom riječi.

Slika 4. Top shop domena

3.2.3 Strategija laserskog ciljanja govori o tome da je potrebno prije nego što počnemo pisanje teksta za web mjesto napraviti plan, i da se pri izradi toga plana odabere jedna ili najviše dve ključne reči. Te riječi koje smo odabrali da će nam biti ključne za našu stranicu, temu koju na njoj nudimo koristit ćemo u opisivanju i izradi teksta tj. sadržaja. Pri izradi tematskih web stranica, ključne riječi sa jedne stranice, potrebno je kombinirati sa ostatkom web mjesta, koje nam na kraju daju ključne riječi odgovarajuće težine prilikom indeksiranja na web pretraživačima.Neki pretraživači imaju ograničenja što se tiče strukturnih ključnih riječi pa tako Googl pretraživači dopuštaju najviše do 2% ključnih riječi u tekstu, dok je Yahoo i Msn nešto popustljiviji u tom kriteriju, te dopušta do 5% ključnih riječi, a ostalo se smatra keywords spamingom. Truditi se poštovati sva pravila SEO optimizacije i svakako treba znati da je naslov stranice jedan od najvažnijih elemenata u optimizaciji web mjesta. Jedna od preporuka optimizacije je dodavanje Blog-ova ili Foruma vašem web mjestu, što značajno utjeće na snagu ključnih reči. Korištenjem ključnih riječi u množini i jednini, te različitim vremenima pospješuje pretragu.

vii

4. Nevidljivi faktori pretraživanja

Jedna od glavnih karakteristika ovih faktora je ta da ih posjetitelji stranica ne vide. No ti su tragovi zato vidljivi za web pretraživače.

4.1 Meta tagovi

Meta tagovi se uključuju u <HEAD> dijelu HTML dokumenta. Za SEO tehnike najvažniji su opisi keywords i description tagova.

Tag Description: - korisitmo u pravilu za opis čime se to naša vaša web strana bavi.

Tag Keywords: - koji smo u ovom radu koristili pod nazivom ključna riječ koristimo u situaciji da pretraživaču kažemo kako da za našu stranicu omogući brže pretraživanje. Svjesni smo da broj riječi ne smije biti prevelik, te je stoga potrebno koristiti do 10-ak opisnih riječi koje najbolje opisuju naše web.

Primjer :

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Top Shop | Tv prodaja</title><meta name="keywords" content="top shop, topshop, viđeno na TV-u, viđeno na TV,fitnes, zdravlje, ljepota, dijeta, gubitak težine, mršavljenje, fitness, domaćinstvo, vježbanje, masaža, pećnica, kuhinja, sokovnik, sprave za vježbanje, vježba, " http-equiv="keywords" /><meta name="description" content="Top Shop proizvodi dostupni u online trgovini - fitness, ljepota, zdravlje, kuhinja, domaćinstvo i zabava." http-equiv="description" />

viii

Meta oznakeMeta oznake sjajan su način da webmasteri tražilicama daju više informacija o svojim web lokacijama. Meta oznake mogu pružati informacije svim vrstama klijenata, a svaki sustav obradit će samo one meta oznake koje razumije i ignorirat će ostale. Meta oznake dodaju se <head> dijelu HTML stranice, a općenito izgledaju ovako:

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

<html>

<head>

<META NAME="Description" CONTENT="Autor: A.N. Autor, Ilustrator: S. Slika, Kategorija: Knjige, Cijena: £9,24, Duljina: 784 stranica">

<META http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<META NAME="verify-v1" CONTENT="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>

<title>Primjer knjiga - kvalitetne rabljene knjige za djecu</title>

<META NAME="robots" CONTENT="noindex,nofollow">

Google razumije sljedeće meta oznake (i povezane stavke):

<meta name="description" content="A description of the page" />

Ta oznaka daje kratak opis stranice. U nekim se situacijama taj opis koristi kao dio isječka prikazanog u rezultatima pretraživanja.

<title>Naslov stranice</title>

Iako tehnički nije meta oznaka, ta se oznaka često koristi zajedno s oznakom "description". Sadržaji ove oznake općenito su poznati kao naslov u rezultatima pretraživanja (i, naravno, na korisnikovom pregledniku).

<meta name="robots" content="..., ..." /><meta name="googlebot" content="..., ..." />

Te meta oznake mogu kontrolirati ponašanje tražilice pri pretraživanju i indeksiranju. Meta oznaka robots primjenjuje se na sve tražilice, dok je meta oznaka "googlebot" specifična za Google. Zadane su vrijednosti "index, follow" (isto kao "all") i ne treba ih navoditi. Razumijemo sljedeće vrijednosti (kada navodite više vrijednosti, odvojite ih zarezom):

ix

noindex: sprječava indeksiranje stranice nofollow: sprječava da Googlebot slijedi veze s te

stranice nosnippet: sprječava prikazivanje isječka u

rezultatima pretraživanja noodp: sprječava korištenje alternativnog opisa sa

ODP/DMOZ noarchive: sprječava Google da prikaže vezu za

stranicu Spremljeno u privremenu memoriju. unavailable_after:[datum]: omogućuje Vam da

odredite točno vrijeme i datum na koji želite zaustaviti pretraživanje i indeksiranje te stranice

noimageindex: omogućuje Vam da odredite da se Vaša stranica ne pojavljuje kao referentna stranica za sliku koja se pojavila u Google rezultatima pretraživanja.

Tu informaciju također možete navesti u zaglavlju svojih stranica koristeći "X-Robots-Tag" HTTP direktivu za zaglavlja. To je posebno korisno ako želite precizno podesiti pretraživanje i indeksiranje ne-HTML datoteka poput grafika ili ostalih vrsta dokumenata.

<meta name="google" content="notranslate" />

Kada prepoznamo da sadržaj stranice nije na jeziku koji bi korisnik želio čitati, često dajemo vezu s prijevodom u rezultatima pretraživanja. To Vam pruža priliku da svoj jedinstven i neodoljiv sadržaj predstavite puno većoj skupini korisnika. Međutim, u nekim situacijama to neće biti poželjno. Ta meta oznaka kaže Googl-eu da ne želite omogućiti prijevod svoje stranice.

<meta name="verify-v1" content="..." />

Tu oznaku možete koristiti na stranici koja je na najvišoj razini Vaše web lokacije da biste potvrdili vlasništvo za Alate za webmastere. Imajte na umu da vrijednosti svojstava "name" i "content" moraju u potpunosti odgovarati onome što Vam je dostavljeno (uključujući mala i velika slova), ali nije važno promijenite li oznaku iz XHTML u HTML ili ako oblik oznake odgovara obliku Vaše stranice.

<meta http-equiv="Content-Type" content="...; charset=..." />

Ta meta oznaka definira vrstu sadržaja i skup znakova stranice. Obavezno vrijednost svojstava sadržaja označite navodnicima - inače bi se osobina skupa znakova mogla pogrešno protumačiti.

<meta http-equiv="refresh" content="...;url=..." />

Ta meta oznaka šalje korisnike na novi URL nakon određenog vremena, a nekad se koristi i kao jednostavan oblik preusmjeravanja. Međutim, ne podržavaju je svi preglednici i može zbunjivati korisnike. W3C preporu č uje da se ta oznaka ne koristi. Umjesto toga preporučujemo preusmjeravanje server-side 301.

x

Ovo nije isključivi popis dostupnih meta oznaka, pa slobodno koristite i one nenavedene ako su važne za Vašu web lokaciju. Imajte na umu da će Google jednostavno ignorirati one koje mu nisu poznate.

Izvor: http://www.google.com/support/webmasters/bin/answer.py?answer=79812&topic=15262 22.10.2011 Meta tag

4.2 Alt i Title AtributiPrimjeri optimizacije slike i naslova web stranice:Ove atribute prvenstveno koristimo kako bismo opisali i izvršili opis slike, a može nam pomoći I pri optimizaciji kako bi pretraživač mogao lakše zapamtiti našu sliku I objekte.Alt atribut u okviru slike <img src=“putanja_do_vase slike/vasa_slika.jpg“ alt=“ovo je logo vase kompanije“>Title atribut u okviru linka<a href=”/chocolate_chip_cookie.html” title=”a really big chocolate chip cookie”>

xi

5. Faktori zasnovani na vremenskoj dimenziji

Web stranice koji postoje duži vremenski period zasigurno su bolje pozicionirane od novijih. Postepenim dodavanjem novih sadržaj stječe se povjerenje posjetitelja, ali samim tim uređaja za pretraživnje. Povečavanje broja novih sadržaja dovodi u postepeno povečanje linkova koji vode ka sajtu, a samim tim i ranga stranica. Linkovi vezani za određenu stranicu, s vremenom stiječu sve veću vrijednost i samm tim se povećava rang stranice. Domene koje se registriraju na kratko vrijeme nisu previše zanimljive za pretraživače jer se njih smatra kao domene koje su registrirane za spamere. Povjerenje pretraživača se postiže kroz duži niz godina postojanja web mjesta.

Slika 5. Utjecaj faktora na pretraživače

xii

6. Zaključak

Optimizacija web mjesta nije samo trošenje vremena kako bih neki rekli, u današnje vrijeme dobro prilagođena web stranica predstavlja velik korak unaprijed, u poslovanju . Iz svega navedenog može se zaključiti da ulaganje u internet strategiju predstavlja veliku prednost na današnjem tržištu usluga i proizvoda. Sve se više troši novaca na oglašavanje i optimizaciju web stranica što najviše utječe na povečanju zarade. Konkurencija je sve veća i teža i teže je privuči posjetitelje,te tu do izražaja dolaze tehnike utjecanja na rangiranje jer kao što se zna iz iskustva da največu posječenost ostvaruju one domene koje su smještene što više vrhu ekrana u pretrazi. Razlog tome je vrlo jednostavan, korisnici vjeruju pretraživačima i svjesni su da upisivanjem prave ključne riječi će doći do traženog rezultata koji će im najbolje odgovarati.

xiii

7. Literatura

1.http://www.google.com/support/webmasters/bin/answer.py?answer=79812&topic=15262 22.10.2011 Meta tag2. http://www.online-marketing-web.com/2010/12/time-most-important-factor-in-seo.html 24.10.2011 Vremenski faktori optimizacije3. http://www.practicalseo.org/blog/domain-authority-factors-seo-case-study-3/ 24.10.2011 , Statistike faktora utjecaja4. http://www.practicalseo.org/blog/category/seo-tutorials/ Proces optimiziranja, 24.10.20115. http://www.w3schools.com/tags/tag_meta.asp, 24.10.2011, W3school opis meta tagova

xiv

8. Popis slika

1. Slika1. Izvor: http://tena.efos.hr/~aplikacije/?attachment_id=402 22.10.2011.

2. Slika 2. Izvor: http://www.practicalseo.org/blog/category/seo-tutorials/ 24.10.20113. Slika 3. Izvor : http://www.index.hr/ 22.10.2011.

4. Slika 4. Izvor: http://www.topshop.com.hr/tv_prodaja-706-cs.html?ils=3 22.10.2011.

5. Slika 5. Izvor: http://www.practicalseo.org/blog/domain-authority-factors-seo- case-study-3/ 24.10.2011

xv

xvi