OPTIMIZACIJA IZRADE WEB STRANICA ZA TRAŢILICE

Transcription

1 MEĐIMURSKO VELEUČILIŠTE U ČAKOVCU STRUČNI STUDIJ RAČUNARSTVA NIKOLA MUSTAČ OPTIMIZACIJA IZRADE WEB STRANICA ZA TRAŢILICE ZAVRŠNI RAD ČAKOVEC, 2014.

2 MEĐIMURSKO VELEUČILIŠTE U ČAKOVCU STRUČNI STUDIJ RAČUNARSTVA NIKOLA MUSTAČ OPTIMIZACIJA IZRADE WEB STRANICA ZA TRAŢILICE ZAVRŠNI RAD Mentor: Sanja Brekalo, mr. sc. ČAKOVEC, Međimursko Veleučilište u Čakovcu 2

3 SADRŽAJ 1. SAŽETAK UVOD ŠTO JE SEO? POVIJEST WEB CRAWLER SEO TEHNIKE Indeksiranje Povećanje ugleda stranice Sprječavanje pretraživanja VRSTE OPTIMIZACIJA On-page optimizacija Off-page optimizacija BIJELI ŠEŠIR I CRNI ŠEŠIR SEO TEHNIKE VEZA S TRAŽILICAMA SEO KAO STRATEGIJA MARKETINGA PRAKTIČNI RAD REZULTATI PRAKTIČNOG RADA ZAKLJUČAK LITERATURA Međimursko Veleučilište u Čakovcu 3

4 1. SAŽETAK Tema ovog završnog rada je Search Engine Optimization, odnosno smjernice kojih se treba pridrţavati prilikom izrade web stranice kako bi ona bila kvalitetno napravljena. Takva stranica se prilikom pretrage pojavi meďu prvim rezultatima, osigurava veći promet i ovisno o namjeni stranice, povećava broj potencijalnih klijenata i samim time doprinosi većoj zaradi. Na početku rada je detaljnije opisano što je SEO, kako se razvijao kroz povijest i kako se indeksira pojedina stranica. Zatim su opisane vrste optimizacije i tehnike na koje treba paziti prilikom izrade stranice. Na kraju rada je opisan praktičan rad izrada dviju web stranica, jedna optimizirana, a druga neoptimizirana prema SEO smjernicama te utjecaj SE optimizacije na rezultate. Ključne riječi: Search Engine Optimization, SEO, vrste optimizacije, traţilice, indeksiranje, izrada web stranica Međimursko Veleučilište u Čakovcu 4

5 2. UVOD Search Engine Optimization (SEO) je proces koji utječe na vidljivost web stranice u traţilici na neplaćenim rezultatima pretraţivanja. To je praksa za poboljšanje i promicanje web stranice kako bi se povećao broj posjetitelja. U principu, ranije prikazana web stranica (ili više rangirana na stranici rezultata pretraţivanja), te veći broj prikazivanja stranice znači i više posjetitelja koji koriste traţilice. Češća riječ koja se koristi uz optimizaciju web stranica za traţilice je internet marketing ili SEM (engl. Search engine marketing). Glavna razlika izmeďu SEM i SEO je ta da je SEM plaćeni marketing, a SEO osobno vrijeme provedeno u istraţivanju i dugoročno je efikasnije. Većina ljudi ne treba platiti za SEO usluge jer se obično web stranice nakon nekog vremena ionako pojave na traţilicama. No, neki ţele da se web stranice što prije pojave na traţilici (npr. web stranice za online kupovinu) ili je potrebno previše vremena da bi to sami napravili pa tako plaćaju SEO usluge tvrtkama koje ih nude. Međimursko Veleučilište u Čakovcu 5

6 3. ŠTO JE SEO? Search engine optimization (SEO) je tehnika korištenja traţilica za privlačenje posjetitelja na odreďenu web stranicu. Cilj SEO optimizacije je napraviti internetsku stranicu koja je maksimalno kompatibilna s traţilicom. Kao rezultat te optimizacije, web stranica postiţe višu poziciju u rezultatima pretrage za odreďenu ključnu riječ. Što je stranica više rangirana na traţilici (meďu prvim razultatima pretrage), to je posjećenija i donosi više klijenata. Najviše su posjećene stranice koje se nalaze na prvih 5 ili 10 pozicija. Ako se, npr., web stranica nalazi na 30. poziciji na ljestvici traţilice, u praksi kao da je niti nema na internetu i gotovo nitko neće posjetiti stranicu. SEO optimizacija pomaţe privući posjetitelje na stranicu i to besplatno pa se ne treba plaćati za oglašavanje (kao što su to Google AdWords oglasi i slični servisi). Korisnici mnogo više vjeruju neplaćenim rezultatima pretraţivanja na traţilicama nego plaćenim oglasima. Stoga je ova metoda privlačenja posjetitelja puno učinkovitija. Dostizanje prvih pozicija na traţilici za popularne ključne riječi je dugotrajan i sloţen proces, ali je i dugoročno isplativ jer konstantno privlači nove posjetitelje i potencijalne klijente. SEO optimizacijom se povećava ciljana skupina klijenata pa na stranicu ne dolaze slučajni posjetitelji, već oni koji su zainteresirani za proizvode i usluge koje nudi odreďena web stranica [1]. Na slici 1. Vidi se da uz dobru SEO optimizaciju web stranica ima višu poziciju na traţilici, što ujedno znači veći broj posjetitelja te potencijalno veću zaradu. Slika 1. Rezultati dobre SEO optimizacije Veda pozicija na tražilici Više posjetitelja Više klijenata Više zarade Izvor: autor Međimursko Veleučilište u Čakovcu 6

7 4. POVIJEST Kada su prve traţilice počele raditi na katalogiziranju ranog weba sredinom 90-ih, webmasteri (web arhitekti, administratori) su počeli s optimizacijom web stranica za traţilice. U početku, sve što su webmasteri trebali napraviti je poslati adresu web stranice ili URL različitim traţilicama koje bi poslale pauka (eng. spider) da pretraţi stranicu, izdvoji linkove prema drugim stranicama i te informacije vrati traţilici radi njihovog indeksiranja. Taj proces uključuje pauka koji preuzima stranicu i postavlja je na server same traţilice, dok drugi program poznat kao indexer, izdvaja različite informacije o stranici, kao što su riječi koje ona sadrţi, njihovu lokaciju i sve što je bitno za odreďene riječi te sve linkove koje stranica sadrţi, a koji se zatim stavljaju u planer za kasnija pretraţivanja. Vlasnici stranica prepoznali su vaţnost stranice koja je brzo vidljiva i visoko pozicionirana u rezultatima pretrage, stvorivši tako SEO tehnike bijelog i crnog šešira. Prve verzije algoritama za pretragu oslanjale su se na informacije koje su dostavljali webmasteri, kao što su ključne riječi u meta oznakama (eng. tag) ili indeks podataka u sustavima kao što je ALIWEB (prva web traţilica, slika 2). Meta oznake pruţaju podatke o sadrţaju svake stranice, ali upotreba meta podataka da bi se indeksirale stranice pokazala se nepouzdanom jer je postojala mogućnost da izbor ključnih riječi ne predstavlja stvaran sadrţaj stranice. Netočni, nepotpuni i nedosljedni podaci u meta oznakama omogućavali su rangiranje stranica za pretrage koje nisu imale veze s njima. Webmasteri su takoďer manipulirali atributima u HTML kodu stranice kako bi bili što bolje rangirani kod traţilica. Međimursko Veleučilište u Čakovcu 7

8 Slika 2. ALIWEB Izvor: Oslanjajući se previše na faktore kao što je gustoća ključnih riječi koju su isključivo kontrolirali webmasteri, prve verzije traţilica često su bile meta zlouporabe i manipulacije. Da bi svojim korisnicima pruţili što bolje rezultate, traţilice su morale osigurati da njihove stranice rezultata prikazuju samo najrelevantnije rezultate pretrage umjesto nepovezanih stranica koje sadrţe velik broj raznih ključnih riječi. Budući da uspjeh i popularnost traţilica zavisi od njezine mogućnosti da izbaci relevantne rezultate za bilo koju pretragu, davanje pogrešnih i netočnih rezultata navelo bi korisnike da koriste druge traţilice. Traţilice su zatim počele stvarati sloţenije algoritme za rangiranje koji su uzimali u obzir i neke dodatne faktore kojima webmasteri nisu mogli manipulirati. Studenti Stanford sveučilišta, Larry Page i Sergey Brin, razvili su Backrub, traţilicu koja se oslanjala na matematički algoritam kako bi ocijenila vaţnost web stranica. Broj dobiven tim algoritmom, PageRank, funkcija je količine i snage dolaznih linkova. PageRank procjenjuje vjerojatnost da će odreďenoj stranici pristupiti korisnik koji nasumično pretraţuje internet i prati linkove s jedne stranice na drugu. To znači da su neki linkovi jači od drugih jer stranica s većim PageRankom ima više šansi da bude posjećena. Međimursko Veleučilište u Čakovcu 8

9 Page i Brin su godine osnovali Google, koji je ubrzo stekao vjerne korisnike kojima se sviďao jednostavan dizajn. Osim faktora na stranici (eng. on-page) kao što su meta oznake i stuktura stranice, Google je uzimao u obzir i faktore koji nisu na samoj stranici (eng. off-page) poput PageRanka i analize hiperveza kako bi izbjegao manipulaciju koja se javljala kod traţilica koje su koristile samo on-page faktore. Iako je PageRankom bilo teško manipulirati, webmasteri su razvili alate za tzv. link building 1 kojima su utjecali na traţilicu Inktomi, a te metode su se pokazale primjenljivima pri manipulaciji PageRankom. Neke od ovih metoda, kao što su farma poveznica 2, utjecale su na stvaranje tisuće web stranica čija je jedina zadaća bila spamanje 3 poveznica. Slika 3. Larry Page i Sergey Brin Izvor: Do godine, traţilice su uključivale širok broj neotkrivenih faktora koji utječu na rang stranice u svoje algoritme za pretragu kako bi smanjili utjecaj manipulacije poveznicama. Vodeće svjetske traţilice Google, Bing i Yahoo! ne ţele otkriti svoje algoritme za rangiranje. Od tada SEO praktičari proučavaju različite pristupe optimizaciji i meďusobno razmjenjuju svoja mišljenja. 1 Link building gradnja poveznica - proces povedanja broja poveznica s vanjskih stranica na našu web stranicu 2 Farma poveznica skupina web stranica koje su međusobno povezane hipervezama 3 Spam slanje iste poruke velikom broju primatelja Međimursko Veleučilište u Čakovcu 9

10 2005. godine Google je počeo s personaliziranjem pretraga za svakog korisnika posebno. IzraĎivao je rezultate za prijavljene korisnike ovisno o povijesti njihovih pretraţivanja godine najavio je kampanju protiv plaćenih poveznica koje utječu na PageRank godine objavio je da su poduzeli mjere za ublaţavanje efekata manipulacije PageRanka upotrebom nofollow 4 vrijednosti unutar rel 5 atributa u poveznicama. U prosincu godine, Google je najavio da će početi koristiti povijest pretraţivanja svih korisnika kako bi popunio rezultate pretraţivanja. Google Instant, pretraţivanje u stvarnom vremenu, predstavljeno je krajem godine u nadi da rezultati pretrage budu što brţi i relevantniji. Iako su administratori stranica provodili mjesece, pa čak i godine, optimizirajući web stranice kako bi bile što bolje rangirane, ogroman rast popularnosti društvenih mreţa i blogova izazvao je promjene u algoritmima traţilica kako bi što prije rangirale svjeţ sadrţaj. U veljači 2011., Google je najavio Pandu, promjenu u algoritmu koja kaţnjava web stranice koje koriste sadrţaj dupliciran s ostalih stranica i izvora. Nekad su web stranice kopirale sadrţaj s drugih stranica i tako dobivale bolju poziciju u traţilicama, meďutim Google je implementirao sustav koji kaţnjava one stranice čiji sadrţaj nije jedinstven. U travnju 2012., Google je lansirao Penguin, čiji je cilj kazniti web stranice koje koriste nedopuštene tehnike kako bi poboljšale svoje rangiranje [2]. 4 Nofollow naređuje tražilicama da hiperveza ne bi trebala utjecati na rang stranice na koju ona upuduje 5 Rel atribut opisni atribut priložen hipervezi kako bi se definirao tip veze ili odnos između poveznice i stranice na koju ona upuduje Međimursko Veleučilište u Čakovcu 10

11 4. WEB CRAWLER Web crawler je računalni program koji automatski i na metodičan način pretraţuje WWW (eng. World Wide Web, svjetska mreţa). Web crawleri su poznatiji kao pauci, iako se još mogu koristiti izrazi kao mravi, web roboti, botovi ili automatski indexeri. Mnoge web stranice, posebno traţilice, koristite paukove kao sredstvo pruţanja aţuriranog sadrţaja. Oni se uglavnom koriste za stvaranje kopija svih posjećenih stranica za kasnije obrade te indeksiranje skinutih stranica kako bi pruţili brzo pretraţivanje. Pauci se takoďer mogu koristiti za automatizaciju zadataka odrţavanja web stranica, kao što su provjera linkova ili provjeravanje HTML koda. TakoĎer se mogu koristiti za prikupljanje odreďene vrste informacija s web stranice, kao što su e- mail adrese. Pauci su središnji dio traţilica, a detalji o njihovim algoritmima i arhitekturama se čuvaju kao poslovne tajne. Kada se objavljuje dizajn pauka, često se izostavljaju vaţni detalji kako bi se spriječila neovlaštena reprodukcija. Poznatiji web crawler programi: 1. Yahoo! Slurp 2. Bingbot 3. Googlebot 4. FAST Crawler 5. PolyBot 6. World Wide Web Worm 7. Abot 8. GNU Wget 9. PHP-Crawler 10. YaCy Programi pod rednim brojevima od 7. do 10. su open-source programi, što znači da je izvorni kôd programa dostupan svima te se smije koristiti [3]. Međimursko Veleučilište u Čakovcu 11

12 5. SEO TEHNIKE 5.1 Indeksiranje Vodeće traţilice poput Google, Bing i Yahoo!, koriste paukove koji pretraţuju stranice. Stranice koje su povezane s indeksiranim stranicama drugih traţilica automatski se pronalaze. Neke traţilice imaju plaćeni servis koji osigurava uključivanje u bazu podataka i redovito obilaţenje web stranice. MeĎutim, taj servis ne jamči rangiranje unutar rezultata pretraţivanja. Svi veliki direktoriji, Yahoo Directory i Open Directory Project zahtijevaju ručni unos podataka, dok Google nudi Google Webmaster Tools, za koji se moţe napraviti XML Sitemap kako bi se osiguralo da se pronalaze sve stranice, osobito stranice koje nisu detektirane automatski. Pauci prilikom pretraţivanja stranice mogu pratiti nekoliko različitih faktora. Ne mora svaka stranica biti indeksirana od strane traţilica. Udaljenost stranica od korijenske mape web stranice takoďer moţe biti razlog hoće li pauk pretraţiti stranicu. 5.2 Povećanje ugleda stranice Postoje razne tehnike kojima se moţe povećati ugled web stranice u okviru rezultata pretrage. MeĎusobno povezivanje stranica unutar iste web stranice da bi se povećao broj linkova prema vaţnijim stranicama moţe povećati njenu vidljivost. Pisanje sadrţaja koji uključuje često traţene ključne riječi moţe povećati promet. Aţuriranje sadrţaja kako bi se pauci često vraćali moţe takoďer znatno doprinijeti. Dodavanje relevantnih ključnih riječi u naslovu i metaopisu povećava ugled stranice u rezultatima pretrage i samim time povećava promet. Međimursko Veleučilište u Čakovcu 12

13 5.3 Sprječavanje pretraživanja Da bi se izbjegao nepoţeljni sadrţaj u indeksu pretraţivanja, webmasteri mogu uputiti paukove da ne pretraţuju odreďene datoteke ili mape pomoću robots.txt datoteke u korijenskoj mapi domene. Osim toga, stranica moţe biti izričito isključena iz baze podataka traţilice. Kada traţilica posjećuje stranice, robots.txt je prva datoteka koja se pretraţuje. Analizom datoteke robots.txt, pauk dobiva obavijesti o stranicama koje se ne pretraţuju. Izbjegava se pretraţivanje stranica koje uključuju prijavu korisnika, npr. kolica za online kupovinu te stranice koje imaju specifičan korisnički sadrţaj, npr. stranice s internom pretragom godine Google je upozorio webmastere da spriječe indeksiranje internih rezultata pretraţivanja. Primjer: rezultat pretrage nije specifičan proizvod, nego lista proizvoda koje ta stranica nudi, odnosno rezultat je pretraga unutar web stranice. Takve stranice smatraju se spamom [2]. Međimursko Veleučilište u Čakovcu 13

14 6. VRSTE OPTIMIZACIJA 6.1 On-page optimizacija On-page optimizacija podrazumijeva sadrţaj koji dodajemo na samoj web stranici kako bi bila što bolje rangirana kod traţilica. Dodavanje sadrţaja uključuje: 1. Sadrţaj - najbitniji faktor. Treba biti originalan, bogat, koristan i mora sadrţavati ključne riječi. Mogu se koristiti bold ili strong oznake kako bi se naglasile pojedine riječi, ali u umjerenim količinama. Količina takoďer doprinosi rezultatima duţi sadrţaj je bolje rangiran na traţilicama. Navedeni primjer prikazuje upotrebu bold oznaka i često korištenje ključnih riječi: Smoochum (Muchūru u prvotnim verzijama na japanskom jeziku) jedan je od 493 fiktivne vrste Pokémon stvorenja iz Pokémon medijske franšize skupa Pokémon videoigara, animiranih serija, manga stripova, knjiga, igraćih karata i drugih medija kojima je tvorac Satoshi Tajiri, vrijedne nekoliko milijardi dolara. Svrha Smoochuma u videoigrama, animiranoj seriji i manga stripovima, kao i svrha ostalih Pokémona, jest borba s divljim Pokémonima neukroćenim stvorenjima koje igrači i likovi pronalaze dok kreću na razne avanture i pripitomljenim Pokémonima drugih Pokémon trenera. 2. Title oznaka - Naslov stranice je vrlo bitan faktor (slika 4). Pojavljuje se u samim rezultatima pretrage i igra veliku ulogu hoće li privući posjetitelja da klikne na rezultate ili ne. Poţeljno je započeti naslov s ključnom riječi jer su takve stranice rangirane više nego one koje imaju ključne riječi na sredini ili na kraju naslova [4]. Primjer naslova započetog ključnom riječi: <title> Glazba - Showtime tportal.hr </title> Međimursko Veleučilište u Čakovcu 14

15 3. Naziv domene - ključna riječ u nazivu domene moţe puno značiti za rang na traţilicama, pogotovo ako je na početku (prvih 3-5 riječi u naslovu daju više na teţini nego ostale [5]). Poţeljno je da URL 6 bude što kraći i pregledniji, odnosno izbjegavati URL poput te koristiti SEO friendly URL-ove: 4. Meta opis saţet opis sadrţaja na stranici koji se pojavljuje u rezultatima pretrage. Moţe doprinijeti rangu stranice, ali ne nuţno. Mogu biti bilo koje duljine, ali se preporuča znakova (slika 4). Primjer meta opisa sadrţi kratak opis sadrţaja stranice: <meta name="description" content="search engine optimization - savjeti kojih se valja držati kod meta opisa, uključujući dužinu i sadržaj."> Slika 4. Naslov, adresa i meta opis Izvor: 6 URL eng. Uniform Resource Locator, putanja do određenog sadržaja na internetu, odnosno web adresa Međimursko Veleučilište u Čakovcu 15

16 5. Alt i title oznake - kada se dodaju slike na stranicu, unutar alt i title oznaka se dodaju ključne riječi koje jasno opisuju sliku. One pruţaju informaciju o slici ako korisnik iz nekog razloga ne moţe vidjeti sliku (spora internet veza, greška unutar src 7 atributa). Primjer upotrebe alt oznaka za opis slike: <img src="slike/spitfire.jpg" alt="britanski zrakoplov Spitfire, najbolji britanski zrakoplov u II. svj. ratu." /> 6. XML sitemap datoteka koja pomaţe da traţilice bolje i detaljnije indeksiraju web stranicu. Sadrţi lokaciju stranice, vrijeme zadnje izmjene, vrijeme aţuriranja (tjedno, mjesečno, nikad...) i prioritet, odnosno označava vaţnost URL-a u odnosu na ostale URL-ove unutar web stranice. Moţe biti (0.1 ima najveći prioritet, 1 najmanji). Primjer kôda XML sitemap datoteke - sadrţi lokaciju, vrijeme zadnje izmjene, vrijeme aţuriranja i prioritet: <?xml version="1.0" encoding="utf-8"?> <urlset xmlns=" <url> <loc> </loc> <lastmod> </lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> <urlset> 7 Src atribut sadržava URL, npr. adresu slike Međimursko Veleučilište u Čakovcu 16

17 7. Robots.txt - datoteka kojom kontroliramo što pauci vide, a što ne (npr. duplicirane stranice). Primjer kôda unutar datoteke: User-agent: * Disallow: /private/ User-agent: Googlebot Disallow: /junk/ Disallow: /primjer/file.html Prvi dio kôda onemogućava ulaz svim paucima u private direktorij. Drugi dio koda onemogućava ulaz Googlebotu u junk direktorij i file.html datoteci unutar primjer direktorija. 8. Brzina učitavanja brzinu stranica moţemo povećati komprimiranjem slika, prebacivanjem na brţi posluţitelj ili koristeći CDN. Content Delivery Network veliki sustav posluţitelja rasporeďenih u više podatkovnih centara s ciljem posluţivanja sadrţaja korisnicima uz visoku dostupnost i brzinu. Datoteka ili stranica je pohranjena na više posluţitelja te korisnik koji koristi stranicu dobiva kopiju s najbliţeg posluţitelja. Time se ujedno smanjuje opterećenje koje bi se javilo kod korištenja samo jednog posluţitelja (slika 5). Slika 5. Lijevo distribucija sadržaja koristeći 1 poslužitelj, desno CDN distribucija Izvor: _CDN.png/1280px-NCDN_-_CDN.png Međimursko Veleučilište u Čakovcu 17

18 Idealno optimizirana stranica mora biti relevantna za odreďenu temu ili proizvod, uključivati ključne riječi u title oznaci, URL i alt opis slike te navesti predmet nekoliko puta u sadrţaju koji mora biti jedinstven. TakoĎer mora sadrţavati poveznicu na svoju kategoriju i na početnu stranicu - obično slika ili logo stranice u gornjem dijelu sadrţava poveznicu na početnu stranicu (slika 6). Primjer poveznice na početnu stranicu: <a href=" <img src=" header53.png" alt="međimursko VELEUČILIŠTE U ČAKOVCU" title="međimursko VELEUČILIŠTE U ČAKOVCU"> </a> Slika 6. Klikom na logo (označeno crvenim pravokutnikom) vraćamo se na početnu stranicu Izvor: Međimursko Veleučilište u Čakovcu 18

19 Slika 7. prikazuje izgled dobro optimizirane web stranice, počevši od naslova stranice koji u sebi sadrţi ključne riječi i kratak opis sadrţaja stranice. Prilikom posjeta stranici vidimo naslov i sadrţaj bogat ključnim riječima. Slika, osim pravilnog imena, ima i alt opis koji jasno opisuje sliku. URL stranice je kratak i pregledan te takoďer sadrţi ključne riječi. Slika 7. Primjer dobre on-page optimizacije (ključne riječi čokoladni kolači ) Izvor: autor Međimursko Veleučilište u Čakovcu 19

20 6.2 Off-page optimizacija U off-page optimizaciju spadaju postupci koji se rade izvan domene web stranice. Tu se generalno govori o gradnji poveznica. Kako bi se povećao rang web stranice, korisno je povezivati se stranicama koje već imaju visok rang, kao što su, npr. Youtube, Facebook, Twitter. Na taj način raste popularnost i mogu se steći novi posjetitelji. Kod off-page optimizacije, ovo je jedna od najzahtjevnijih stavki i zahtijeva puno truda i rada. Poveznice ne smiju biti plaćeni oglasi jer bi nakon nekog vremena istekle. Vrlo je vaţno da povratne poveznice imaju anchor text 8, odnosno ključnu riječ u poveznici koja vodi na web stranicu, te da jasno opisuju sadrţaj na stranici. TakoĎer, rang je moguće lako izgubiti ako se poveznice dijele na stranicama s ilegalnim sadrţajem, spamerskim stranicama i sl. Iako bi bilo idealno imati odlično optimiziranu web stranicu te strategiju za gradnju poveznica, u praksi je česta situacija da je dobro ili jedno ili drugo, ali ne oboje. Za bolje rezultate i bolju poziciju na Googleu bolje je imati lošiju web stranicu i dobro izgraďene poveznice, nego odličnu stranicu bez ijedne poveznice. Usko povezano s gradnjom poveznica je i reklamiranje sadrţaja. Najbolji način promocije sadrţaja je izrada vlastitog bloga 9 ili računa na društvenim stranicama poput Facebooka, Google+, Twittera, Linkedina. U današnje vrijeme stalno rastuće društvene stranice mogu znatno utjecati na rast prometa web stranice. Kod off-page optimizacije vaţno je izbjegavati nedopuštene tehnike poput dupliciranja ključnih riječi u oglasima, korištenje ključnih riječi koje nisu povezane sa sadrţajem web stranice te farma poveznica (web stranice sa 100 i više poveznica na razne druge stranice). 8 Anchor text tekst koji se prikazuje umjesto hiperveze. Koristi se zbog preglednosti i može pozitivno utjecati na rang stranice. Primjer: <a href= >MEV Računarstvo</a> Hiperveza de sada umjesto biti prikazana riječima MEV Računarstvo 9 Blog rasprava ili informativna stranica koja se sastoji od zasebnih članaka, tzv. posteva Međimursko Veleučilište u Čakovcu 20

21 Slika 8. prikazuje kako se ostvaruje izrada poveznica - svaki krug predstavlja web stranicu, a svaka strelica poveznicu. Traţilice počinju s pretpostavkom da svaka stranica ima jednaku šansu da je izabere korisnik. Pauci istraţuju koje web stranice se povezuju na druge stranice i pretpostavljaju da web stranice s više dolaznih poveznica sadrţe informacije koje korisnici ţele. Slika 8. Gradnja poveznica A B C D F G E H I J Izvor: autor Međimursko Veleučilište u Čakovcu 21

22 Traţilice koriste sloţene matematičke algoritme da pretpostave koje stranice korisnici traţe, djelomično na osnovu toga kako su stranice meďusobno povezane. Budući da web stranica D ima brojne dolazne linkove, ona je rangirana visoko kod pretraţivanja weba. S obzirom da je stranica D popularna, te ima link prema stranici B, automatski stranica B ima visok rank (prikazano na slici 9). Slika 9. Gradnja poveznica - nastavak B A 2% 34% C 5% D 38% F 5% E 8% G 2% H 2% I 2% J 2% Izvor: autor Međimursko Veleučilište u Čakovcu 22

23 7. BIJELI ŠEŠIR I CRNI ŠEŠIR SEO TEHNIKE SEO tehnike mogu se svrstati u dvije kategorije: tehnike koje traţilice preporučuju kao dio dobrog dizajna i one tehnike koje traţilice ne odobravaju i čije efekte ţele svesti na minimum. Te tehnike su klasificirane kao bijeli ili crni šešir SEO. Bijeli šeširi daju dugotrajne rezultate, dok se za crne šešire predviďa da će njihove stranice na kraju biti zabranjene (bilo privremeno ili trajno) kada traţilice otkriju što se na njima radi. Bijeli šešir SEO tehnikom izraďena stranica je ona koja ne uključuje prijevaru i u skladu je sa smjernicama koje zahtijevaju traţilice. Bijeli šešir SEO tehnika ne znači samo pridrţavati se smjernica, nego mora osigurati da je sadrţaj na osnovu kojeg traţilica indeksira i rangira web stranicu isti sadrţaju koji će korisnik vidjeti kada posjeti stranicu. Bijeli šešir SEO znači stvaranje sadrţaja za korisnike, a ne za traţilice te tako omogućuje lak pristup paucima umjesto da pokušava prevariti algoritam traţilice, što je slučaj kod crnog šešira. Crni šešir SEO tehnika pokušava poboljšati rang na načine koje traţilice nisu odobrile ili uključuju prijevaru. Jedna od tehnika koje se koriste je skriveni tekst (tekst u boji koja je slična pozadini, u nevidljivom divu ili tekst pozicioniran izvan zaslona). Druga metoda je maskiranje - daje drugu stranicu, ovisno o tome traţi li stranicu čovjek ili traţilica [2]. Traţilice mogu kazniti stranice koje koriste tehniku crnog šešira, bilo smanjenjem ranga ili uklanjanjem njihovih sadrţaja iz svojih baza podataka. Takve kazne mogu se primijeniti automatski pomoću algoritama traţilica ili ručnim pregledom web stranice. Primjer takve kazne je bilo uklanjanje stranice BMW Njemačka u veljači Prilikom posjete web stranici aktiviralo se JavaScript 10 preusmjeravanje na novu stranicu i sadrţaj koji je bio prikazan korisniku nije bio isti sadrţaj prikazan traţilici [6]. MeĎutim, BMW se ubrzo ispričao i uklonio grešku te je stranica natrag indeksirana u Googleovu bazu podataka. 10 JavaScript programski jezik često korišten u preglednicima čija implementacija može omoguditi stvaranje skripti za komunikaciju s korisnikom, izmjenu prikazanog sadržaja ili kontrolu preglednika Međimursko Veleučilište u Čakovcu 23

24 8. VEZA S TRAŽILICAMA Zbog visoke marketinške vrijednosti ciljanih rezultata pretrage, vrlo brzo je ustanovljeno da postoji mogućnost suparničkog odnosa izmeďu traţilica i pojedinih webmastera koji su pomoću različitih ključnih riječi manipulirali rangom svojih web stranica godine stvorena je godišnja konferencija AIRWeb (Adversarial Information Retrieval on the Web) čija je svrha bila razgovor o smanjenju štetnih efekata na traţilice. Tvrtke koje koriste pretjerano agresivne tehnike mogu biti kaţnjene tako što će web stranice njihovih klijenata biti uklonjene s rezultata pretrage. Neke traţilice su se uključile u SEO industriju i vrlo često su sponzori i gosti na SEO konferencijama i seminarima. Velike traţilice sada pruţaju informacije i smjernice koje pomaţu oko optimizacije web stranica. Google ima program Sitemaps koji se koristi kako bi pomogao webmasterima da saznaju ima li Google problem prilikom indeksiranja njihove stranice, a takoďer pruţa informacije o prometu koji ide prema njihovoj stranici. Bing Toolbox takoďer pruţa webmasterima mogućnost da naprave sitemap što omogućava korisnicima da odrede vrijeme pretraţivanja i pokazuje koliko je stranica indeksirala traţilica. Međimursko Veleučilište u Čakovcu 24

25 9. SEO KAO STRATEGIJA MARKETINGA SEO nije odgovarajuća strategija za svaku web stranicu, druge strategije internet marketinga mogu biti mnogo djelotvornije, što zavisi od ciljeva operatera stranice. Uspješna marketinška kampanja na internetu moţe privući veći promet prema stranici, što se postiţe tehnikama optimizacije i neplaćenim reklamiranjem, ali takoďer moţe uključivati i plaćene reklame na stranicama same traţilice i drugim stranicama, izradu visokokvalitetnih web stranica koje privlače korisnike, rješavanje tehničkih problema zbog kojih traţilica moţda ne indeksira stranice websitea. SEO moţe generirati i povrat investicija. Iako traţilice nisu plaćene za organski promet, njihovi algoritmi se povremeno mijenjaju i ne postoji osiguranje za nastavak preporuka. Neke web stranice za on-line trgovanje su izuzetak, poput ebaya, koji način i vrijeme promjene algoritma za pretragu najavljuje nekoliko mjeseci prije nego što je stvarno uvede. Zahvaljujući nedostatku garancije i sigurnosti, tvrtke koje se u velikoj mjeri oslanjaju na promet koji dolazi s traţilice mogu pretrpjeti velike gubitke ako traţilica prestane slati korisnike. Traţilice mogu promijeniti svoje algoritme, što moţe utjecati na rang web stranice i rezultirati velikim padom prometa [2]. Međimursko Veleučilište u Čakovcu 25

26 Nikola Mustač 10. PRAKTIČAN RAD SEO je proces koji se cijelo vrijeme mijenja ono što vrijedi danas moţda neće vrijediti sutra. Treba cijelo vrijeme pratiti promjene traţilice te u skladu s time aţurirati web stranicu tako da ona s vremenom ne izgubi postignuti rang. Zadatak za praktičan rad bila je izrada dviju jednostavnih web stranica: jedna uz primjenu SE-optimizacije, druga bez primjene te vidjeti kako primjena utječe na rezultate pretraţivanja. Tema web stranica bili su Hrvatski nacionalni parkovi (Slika 10). Slika 10: Početna strana web stranice Izvor: Međimursko Veleučilište u Čakovcu 26

27 Prva razlika u pisanju vidi se na početku kôda, točnije title oznaci, meta opisu i ključnim riječima. Optimizirana stranica sadrţi naslov, kratak opis i nekoliko ključnih riječi, dok kod neoptimizirane stranice taj dio nedostaje. Kopija dijela kôda optimizirane web stranice: <html> <head> <title> Nacionalni parkovi Hrvatske </title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content="ukratko o Hrvatskim nacionalnim parkovima"> <meta name="keywords" content="nacionalni park, Hrvatska, Croatia, Plitvicka jezera, Brijuni, Kornati, Krka, Mljet, Paklenica, Risnjak, Sjeverni Velebit"> <link type="text/css" rel="stylesheet" href="css.css"/> </head> i neoptimizirane web stranice: <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link type="text/css" rel="stylesheet" href="css.css"/> </head> TakoĎer je bitno koristiti ključne riječi u nazivu stranice što osim na kvalitetu pretraţivanja utječe i na preglednost same poveznice, a i na preglednost mape na računalu u kojoj se nalaze web stranice (slika 11). Izgled poveznica na početnu stranicu: optimizirana web stranica - neoptimizirana web stranica Međimursko Veleučilište u Čakovcu 27

28 Izgled poveznica na stranicu o Plitvičkim jezerima: Iz priloţenog se vidi da je poveznica optimizirane stranice mnogo preglednija i pruţa informacije o sadrţaju same stranice, dok iz poveznice neoptimizirane stranice ne moţemo zaključiti o čemu ona govori. To je postignuto sljedećim izmjenama: <a href="hrvatski_nacionalni_parkovi.html" > <img src="slk/logo.png" alt="" /></a> <table> <tr> <td><a href="np_plitvicka_jezera.html">plitvička JEZERA</a></td> <td><a href="np_brijuni.html">brijuni</a></td> <td><a href="np_kornati.html">kornati</a></td> <td><a href="np_krka.html">krka</a></td> <td><a href="np_mljet.html">mljet</a></td> <td><a href="np_paklenica.html">paklenica</a></td> <td><a href="np_risnjak.html">risnjak</a></td> <td><a href="np_sjeverni_velebit.html">sjeverni VELEBIT</a></td> </tr> </table> za optimiziranu stranicu, te za neoptimiziranu: <a href="pocetna.html" ><img src="slk/logo.png" alt="" /></a> <table> <tr> <td><a href="1.html">plitvička JEZERA</a></td> <td><a href="2.html">brijuni</a></td> <td><a href="3.html">kornati</a></td> <td><a href="4.html">krka</a></td> <td><a href="5.html">mljet</a></td> <td><a href="6.html">paklenica</a></td> <td><a href="7.html">risnjak</a></td> <td><a href="8.html">sjeverni VELEBIT</a></td> </tr> </table> Međimursko Veleučilište u Čakovcu 28

29 Slika 11: Mape u kojoj su smještene web-stranice Izvor: autor Osim navedenih podešenja, vodi se računa i o raznim dodacima na web stranici, kao što su slike. Uz jasno ime slike poţeljno je imati i kratak opis unutar alt oznake: <img src="slk/krka.jpg" alt="slapovi Krke" /> <img src="slk/np_krka.jpg" alt="kupalište NP Krka" /> dok kod neoptimizirane web stranice tog opisa nema, a ime slike nije jasno definirano: <img src="slk/7.jpg" alt="" /> <img src="slk/8.jpg" alt="" /> Naposljetku imamo XML sitemap datoteku. U toj su datoteci indeksirane sve stranice koje sadrţi naša web stranica te su navedene lokacija, vrijeme posljednje izmjene i vrijeme aţuriranja za svaku pojedinu stranicu. XML sitemap moţemo besplatno napraviti na stranici Navedenu datoteku zatim postavimo na posluţitelj u istu mapu gdje se nalazi web stranica. Međimursko Veleučilište u Čakovcu 29

30 Primjer nekoliko linija kôda iz XML sitemap datoteke korištene kod izrade rada: <url> <loc> webatu.com/</loc> <lastmod> t16:58:59+00:00</lastmod> <changefreq>weekly</changefreq> </url> <url> <loc> webatu.com/np_plitvicka_jezera.html</loc> <lastmod> t16:58:59+00:00</lastmod> <changefreq>weekly</changefreq> </url> <url> <loc> webatu.com/np_brijuni.html</loc> <lastmod> t16:58:59+00:00</lastmod> <changefreq>weekly</changefreq> </url> Iz priloţenog se vide adrese na kojima su postavljene pojedine stranice, posljednja izmjena podataka (25. travnja 2014.) te vrijeme aţuriranja postavljeno na tjednu opciju. Optimizirana web stranica je zatim reklamirana na raznim forumima i društvenim stranicama, tj. objavljena je poveznica na forum.hr, twitter.com, youtube.com i sličnim stranicama. Međimursko Veleučilište u Čakovcu 30

31 11. REZULTATI PRAKTIČNOG RADA Koristeći bijeli šešir SEO tehnike (pridrţavanje smjernica koje zahtijevaju traţilice, lak pristup paucima, nekorištenje nedopuštenih stvari), stranice su postavljene na posluţitelj krajem travnja Nakon otprilike mjesec dana, krajem svibnja, dolazimo do prvih rezultata - na yahoo.com traţilici traţena web stranica se nalazi na 7. stranici rezultata. Nakon malo više od dva mjeseca, sredinom srpnja, stranica dolazi do prve stranice ukupnih rezultata traţenja, točnije na 5. mjesto (Slika 12). Ključne riječi prilikom pretrage su Hrvatski nacionalni parkovi. Slika 12: Prikaz rezultata na yahoo.com tražilici Izvor: Međimursko Veleučilište u Čakovcu 31

32 Na traţilici bing.com nakon mjesec dana stranica je bila na 4. stranici rezultata. Nakon otprilike dva mjeseca, krajem lipnja, ona se nalazi na prvoj stranici rezultata, na 8. mjestu (Slika 13). Do kraja kolovoza stranica je doţivjela blagi rast te završila na 6. mjestu. Slika 13: Prikaz rezultata na bing.com tražilici Izvor: Međimursko Veleučilište u Čakovcu 32

33 Na google.com traţilici naţalost nema rezultata, ali uz dodatak ključne riječi webatu, naša stranica se pojavljuje na 1. mjestu rezultata (Slika 14). TakoĎer vrijedi napomenuti da iako uz ključne riječi Hrvatski nacionalni parkovi nema poveznice na našu stranicu, meďu rezultatima se već nakon nekoliko dana pojavljuju poveznice na kojima je reklamirana naša web stranica (forum.hr, twitter.com, youtube.com). Slika 14: Prikaz rezultata na google.com tražilici Izvor: Međimursko Veleučilište u Čakovcu 33

34 Neoptimizirana web stranica se ne pojavljuje meďu rezultatima ni na jednoj navedenoj traţilici ni uz pretragu ključnih riječi Hrvatski nacionalni parkovi comoj (stranica je postavljena na adresi Čak ni pretraga adrese hrvnp.comoj.com ne daje ţeljeni rezutat. Iz navedenih rezultata se lako zaključuje kako primjena SE optimizacije jako utječe na krajnji rezultat. Uz praćenje poznatih smjernica kod izrade web stranice i gradnje poveznica, razlika izmeďu optimizirane i neoptimizirane stranice je zapanjujuća, iako su one prilikom posjete korisnika gotovo identične. TakoĎer treba uzeti u obzir vrijeme čekanja i do nekoliko mjeseci, ovisno o ţeljenom rezultatu. Što se tiče relativnog neuspjeha na google.com traţilici, moţe se pretpostaviti da je uzrok tome besplatan posluţitelj. Nakon otprilike 3 tjedna, na stranici su se pojavile reklame koje su Googleovi pauci moţda prosudili kao štetan ili spamerski sadrţaj, što utječe na rezultat pretrage. Na rezultat moţe utjecati i vrijeme prekida rada posluţitelja (greška na posluţitelju, servis...). Pauci često znaju i po nekoliko puta dnevno indeksirati stranicu. Ako je stranica nedostupna za vrijeme posjeta pauka, on nastavlja na drugu stranicu. Ako se to dogodi više puta, stranica se označava kao nepouzdana i to moţe rezultirati sniţenjem ranga. Jedan od razloga moţe biti sporo učitavanje stranice pogotovo kod besplatnog posluţitelja. Često se u praksi dogaďa da su na besplatnom posluţitelju postavljene stranice štetnog ili ilegalnog sadrţaja. U tom je slučaju moguće da traţilice kaţnjavaju i ostale stranice postavljene na istom posluţitelju. Stoga se preporuča korištenje plaćenog, ali pouzdanog posluţitelja. Stranice su takoďer postavljene na mev posluţitelju, ali uz slabiju promociju (twitter.com i forum.hr). Rezultati slabije izgradnje poveznica se vide kod pretraţivanja ključnih riječi Hrvatski nacionalni parkovi nema poveznice na web-stranicu. Dodatkom riječi mev ili iws u pretragu, stranica se nalazi na 1. mjestu rezultata bing.com traţilice, odnosno 2. mjestu yahoo.com traţilice (URL web-stranice - Kao što je slučaj i kod besplatnog posluţitelja, neoptimizirana web-stranica se ne nalazi meďu rezultatima pretrage. Međimursko Veleučilište u Čakovcu 34

35 12. ZAKLJUČAK SEO optimizacijom se postiţe veća vidljivost pojedine web stranice na internetu i time privlači veći broj posjetitelja i potencijalnih klijenata koji su konkretno zainteresirani za proizvod ili uslugu koju ta web stranica nudi. Pomoću SEO optimizacije na stranicu se putem traţilice usmjeravaju oni korisnici koji na internetu traţe baš onaj proizvod ili uslugu koju ta stranica nudi. Drugim riječima, sve što se radi kako bi web stranica bila bolje pozicionirana na traţilici je Search Engine Optimization. SEO optimizacija obuhvaća prilagodbu sadrţaja programskog kôda, povećanje vidljivosti internetske stranice i podršku u odrţavanju postignutih pozicija na npr. Google traţilici. Da bi korisnici lakše mogli pronaći web stranicu na Googleu, ona bi se trebala nalaziti na što višoj poziciji u rezultatima pretraţivanja za traţenu ključnu riječ. Provedbom istraţivanja moţe se zaključiti da SEO optimizacija itekako utječe na rezultate pretraţivanja. Pravilno optimizirana web stranica doprinosi boljoj preglednosti i većem broj posjetitelja što u konačnici moţe osigurati veću zaradu. Stranica u koju je uloţeno malo truda - neoptimizirana stranica, kao da ne postoji na internetu i ne privlači posjetitelje. MeĎutim, treba napomenuti da je SEO dugotrajan proces i da često treba mjesecima čekati na ţeljene rezultate. Međimursko Veleučilište u Čakovcu 35

36 13. LITERATURA [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] Međimursko Veleučilište u Čakovcu 36