WEBURAFAKÓ - EGY KERESŐOPTIMALIZÁLÁSI VERSENY TAPASZTALATAI

WEBURAFAKÓ - EGY KERESŐOPTIMALIZÁLÁSI VERSENY TAPASZTALATAI WEBURAFAKÓ - THE EXPERIENCES OF AN SEARCH ENGINE OPTIMISATION COMPETITION Abonyi-Tóth Andor ELTE Informatikai Kar, Média- és Oktatásinformatikai Tanszék Média Informatika és Technológia Csoport Összefoglaló Az ELTE Informatikai Karán számos kurzus közül választhatnak a hallgatók, ha a web-es technológiákkal szeretnének megismerkedni. Mindezt gyakorlatorientált módon, esetenként valós megbízás keretében végezhetik el. Cikkemben egy olyan verseny tapasztalatait összegzem, melyet a web-szerkesztés kurzust felvett hallgatóink között hirdettünk meg. A verseny lényege, hogy a hallgatóknak el kell érniük, hogy a Google keresőjében a megadott kulcsszóra keresve, az általuk készített weblap szerepeljen a találati lista első helyén. A verseny célja, hogy a hallgatók a gyakorlatban is megismerkedjenek a keresőoptimalizálás módszereivel, trükkjeivel, hogy ezt a tudást később éles megbízások esetén is kamatoztatni tudják. Kulcsszavak Keresőmarketing, keresőoptimalizálás, SEO, web-szerkesztés Abstract At the Eötvös Lorand University Faculty of Informatics we have several practice-oriented courses on web-development and web-programming especially for program designer students. In my article I summarize the experiences of a Search Engine Optimization contest which one announced between our students. This contest is such an activity that challenges search engine optimization practitioners to rank themselves among the major search engines using certain keyword(s). The students (participants) can showcase their skills and potentially discover and share new techniques for promoting websites. Keywords Search Engine Marketing, Search Engine Optimisation, SEO, web-developmen 1

1. Bevezetés Az ELTE Informatika Karán a Média- és Oktatásinformatikai Tanszék (volt Informatika Szakmódszertani Csoport) szervezésében, több más tanszék közreműködésével a 2002/2003- as tanévben indult útjára a Multimédia Sáv, amely a multimédia és a web témaköréhez kapcsolódó kurzusokat foglal magában (Multimédia alapok, Multimédia anyagok szerkesztése, Web-szerkesztés, Web-programozás, Web-adatbázis programozás, Web-grafika és Web-animáció). Jómagam a Web-szerkesztés kurzus felelőseként, a tárgy tematikájának kidolgozásában, annak folyamatos felülvizsgálásában és a tárgy oktatásában veszek részt, Menyhárt László és Tarcsi Ádám kollégámmal egyetemben. 2. A Web-szerkesztés kurzusról A kurzusra történő jelentkezés előfeltétele, hogy a hallgatók ismerjék a HTML/XHTML nyelvet, legyenek tisztában a stíluslapok (CSS) alapjaival és weblapkészítésre vonatkozó alapvető ergonómiai elvekkel. Ezt az alapot a Web-fejlesztés kurzus elvégzésével (http://webfejlesztes.inf.elte.hu/) minden hallgatónk megtanulhatja. A Web-szerkesztés kurzus keretében még mélyebben foglalkozunk a weblapokat és portálokat érintő ergonómiai elvekkel, kitérve a céges weblapokra/portálokra vonatkozó specialitásokra. Néhány fontos, a marketinggel kapcsolatos tudnivalót is megosztunk a hallgatókkal, melynek része a keresőoptimalizálás is. A következő blokk a stíluslapokkal foglalkozik, bemutatásra kerülnek a különböző formázási lehetőségek, megvizsgálunk néhány gyakori oldalfelépítést és mi magunk is készítünk ilyeneket. Megvizsgáljuk a CSS1 és CSS2 szabvány közti különbségeket, és azon módszereket, amelyek a böngészőprogramok eltérő stíluslap támogatottságából adódó problémák megoldását teszik lehetővé. A stíluslaphasználatot alakhű és kódszintű szerkesztőprogramokban is gyakoroljuk. Ezt követően a Dreamweaver alkalmazással ismerkedünk meg. Az alapvető szerkesztési funkciók kipróbálásán túl a site kezelés, a többszörös keresés/csere (reguláris kifejezések felhasználásával) és sablonhasználat (DWT) módját is elsajátíthatják a hallgatók. Az utolsó blokkunkban a weblapkészítés során előforduló grafikai feladatok megoldására szolgáló módszereket és alkalmazásokat mutatunk be. Az arculattervezés keretein belül megismerkednek például a rétegek használatával és a maszkolásban rejlő lehetőségekkel. A logó tervezés kapcsán kitérünk arra, hogy mik a főbb ismérvei a jó logónak, és konkrét eszközöket is kipróbálunk, amelyekkel hatékonyan lehet logót tervezni. Ezt követően a hallgatók a beadandó feladaton dolgoznak, amely általában egy fiktív cég weblapjának az elkészítését jelenti, az általunk adott specifikáció alapján. Azonban már több alkalommal sikerült már azt is elérnünk, hogy valós cég adta a megbízást a hallgatóknak, a legjobb pályaművet pedig a cég különböző juttatásokért cserébe felhasználhatta. [2] Az utolsó alkalommal minden hallgató bemutatja az elkészített weblapját, összefoglalja, hogy milyen problémákkal találkozott és azokat hogyan (milyen módszerekkel, eszközökkel) oldotta meg. A bemutató során a hallgatók tanulhatnak egymás munkáiból, módszereket, 2

ötleteket leshetnek el egymástól, a jó minőségű, példásan kidolgozott munkák látványa pedig motiválja a többséget arra, hogy az elkészített weblapját továbbfejlessze. A bemutató után a hallgatók megajánlott jegyet kapnak, de a kritizált részek javítására is van lehetősége. Erre általában két hét áll rendelkezésre, amikor a pályamunkák újbóli értékelésen esnek át. A kurzus nem titkolt célja, hogy a hallgatók olyan referenciamunkát készítsenek, amelyet később, egy a weblapkészítéssel kapcsolatos állás megpályázása során bátran bemutathatnak. 3. A keresőmarketing fontossága Jakob Nielsen a weboldalak ergonómiai szakértője, neves kutatója 2008. májusában a BBC Newsnak adott interjújában rámutatott arra, hogy az internetezők szokásai nagymértékben változtak az utóbbi években. Megfigyelhető, hogy a felhasználók egyre kevésbé türelmesek az interneten való szörfözés során. Már nem jellemző, hogy a látogatók hosszasan időznek egy lapon, a villámgyors hozzáférés a fontos. Gyorsan szeretnének információhoz jutni, és amint beszerezték azt, el is hagyják az oldalt. Nielsen felmérései szerint 2008-ban az internetezők 75%-a a keresőprogramok segítségével közvetlenül érnek célt. Tulajdonképpen a keresőmotorok uralják a webet nyilatkozta a kutató. Ezért is nagyon fontos, hogy a keresőmotorok találati listájában egy adott kulcsszót tekintve hányadik helyen helyezkedik el az adott oldal. A felmérések szerint a felhasználók többsége csak az első három oldal találatait hajlandók átnézni, ezért ha valaki el szeretné juttatni az üzenetét a potenciális ügyfelekhez, fontos, hogy az első 30 találat között (TOP 30) jelenjen meg az oldala a találati listában. Ezt természetesen a cégek is tudják, ezért ma már a weblapkészítés folyamatában a marketingnek is nagyon fontos szerepe van. A marketing külön válfaja (SEM Search Engine Marketing) foglalkozik azzal, hogy hogyan növelhető a keresőmotorok felöl érkező forgalom. Ennek egy fajtája a Keresőoptimalizálás (SEO- Search Engine Optimization), amelynek lényege, hogy javítsuk az adott weboldal keresőmotor találati listában elfoglalt helyezését az adott keresési kulcsszót tekintve. Ez a művelet a keresőmotor természetes (organikus) találati listájára van hatással. Természetesen arra is van mód, hogy oldalunk fizetett hirdetésként jelenjen meg egy kulcsszóra történő keresés során. Ezen szolgáltatásért jellemzően PPC (Pay Per Click) alapon fizetünk, vagyis nem az számít, hogy a link megjelent a találati listában, hanem hogy rákattintott-e a felhasználó. 3

1. ábra Organikus és szponzorált találatok a Google keresőben 4. Keresőoptimalizálási gyakorlat A web-szerkesztés kurzus keretein belül hallgatóinknak bemutatjuk a Keresőmarketing különböző módszereit, de részletesen leginkább a keresőoptimalizálással foglalkozunk, hiszen ez az az terület, amelyben a weblapkészítés szakmai részéhez szorosan kötődik. A keresőoptimalizálási gyakorlat keretén belül a hallgatóknak félév elején kihirdetjük az aktuális kulcsszót. Ezután elkészítik és publikálják azt a weboldalt, amely a megadott kulcsszóra van optimalizálva. A szemeszter végén azon hallgatókat díjazzuk, akik az első öt helyezést érték el a Google találati listájában a megadott kulcsszóra történő keresés során. Nyilván nem lenne szerencsés, ha olyan kulcsszót adnánk meg, amely a valós életben is használatos, hiszen senki nem örülne neki, ha egy autószervizt, vagy éttermet keresve egy egyetemi hallgató weboldalára jutna el. Ezért olyan kulcsszavakat találtunk ki, amelyek jelen formájukban nem szerepelnek a weben. Ezért a 2007/2008-as tanév első szemeszterében a weburafakó, második szemeszterében a webcsontbeforr kulcsszót adtuk meg. 5. Keresőoptimalizálás háttere Hallgatóink egy előadás keretén belül ismerkednek meg a keresőoptimalizálás irányelveivel, és néhány trükkel. Természetesen számos segédanyagot is kapnak magyar és angol nyelven. Nézzünk ebből néhány gondolatot a teljesség igénye nélkül, csak, hogy az olvasónak is legyen rálátása arra, hogy milyen elvekre kell gondolni a keresőoptimalizálás kapcsán. Először is nagyon sok múlik az oldal tartalmán, vagyis az adott témához legjobban illeszkedő, releváns tartalommal és hivatkozásokkal kell feltölteni az oldalt. Nem mindegy, hogy a fontos kulcsszavakat hol és milyen formában helyezzük el. Ha egy terméket szeretnénk reklámozni, akkor ha egy képen, vagy animáción tüntetjük fel a termék nevét, leírását, abból a keresőrobot semmit sem fog látni. Ezért nagyon fontos, hogy a szöveges részeken és szöveges linkeken legyen a hangsúly. Emiatt a képaláírások is nagyon fontosak. 4

Ha címsorokban szerepel a kulcsszó (<h1>..<h6>), az jelzi annak fontosságát is. Nagyon sok múlhat az oldal címén (tilte), ezért azt nagyon átgondoltan kell kitölteni. Előnyt jelent(het) ha az adott kulcsszó az url-ben is szerepel, a fájl nevében, vagy mappa nevében. A keresési listában elfoglalt helyezés azonban nem csak ezen múlik, fontos, hogy milyen rangú és témájú oldalakra hivatkozunk, illetve, hogy az oldalunkra milyen rangú és témájú oldalakról hivatkoznak. A rangot és a hasonló témát különböző módszerek alapján határozzák meg a keresők. Az oldal rangját, elismertségét a Pagerank mutatja meg. A Pagerank felfogható úgy, mintha az oldalak közti hivatkozás egy szavazattal érne fel. Értékesnek tartom az oldalad, ezért hivatkozok rá, vagyis adok rá egy szavazatot. A módszer szerint minden oldalnak kezdetben egy egységnyi szavazata van, amelyet a hivatkozott oldalak között egyenletesen oszt szét. Ugyanígy jár el a más oldalaktól kapott szavazatokkal is. Az oldal Pagerankje tehát a kapott szavazatok számára utal. Egy másik módszer (HITS - hyperlinked induced topic search) inkább az összetartozó közösségeket, hasonló témakör köré csoportosuló oldalakat próbálja meghatározni. A közösségen belül a módszer igyekszik azonosítani a központi lapokat és a szakértőket, vagyis azon lapokat, amelyek a legjobb lapokra hivatkoznak, és azokat amelyekre a legtöbben hivatkoznak a közösségen belül. Vagyis a hivatkozásoknál fontos az hivatkozott/hivatkozó oldal elismertsége de az is, hogy hasonló témájú legyen. Ezek alapján a linknépszerűségünket is növelnünk kell. Meg kell fontolnunk, hogy milyen oldalakra hivatkozunk, és el kell érnünk, hogy oldalunkra is minél több, a fenti feltételeknek megfelelő hivatkozás mutasson. Természetesen vannak olyan (nem túl etikus) módszerek is, amelyekkel rövidtávon előnyt szerezhetünk, de számos veszélyt is tartogatnak. Ezekről is beszélünk hallgatóinknak, néhány megtörtént eset kapcsán, amely rávilágít arra, hogy a manipuláció sokszor visszacsap az oldal készítőjére, így nem feltétlenül éri el célját. 6. A verseny tapasztalatai A verseny során speciális helyzetbe kerültek a hallgatók, hiszen kitalált kulcsszavakra kellett optimalizálniuk a weboldalukat. Ez olyan szempontból jelent nehézséget, hogy nehéz értékes tartalommal feltölteni az oldalt, és kapcsolatot teremteni más oldalakkal. Míg egy hagyományos cég/termék/szolgáltatás esetén az oldal készítői viszonylag egyszerűen találhatnak magas pagerankkel rendelkező tematikus linkgyűjteményeket, címlistákat, ahova felvetethetik az oldalt, fiktív kulcsszavak esetén ez nem igazán járható út. Ezért sokan saját kapcsolati hálózatukat kihasználva oldották meg, hogy minél több bejövő hivatkozásuk legyen, illetve előfordult, hogy több weboldalt is készítettek, amelyeknek csak annyi szerepük volt, hogy hivatkozzanak a versenyben induló weboldalra. Pár hallgatónk próbálkozott azzal, hogy a Wikipediában a megadott kulcsszóra vonatkozó lapot hozzanak létre, de itt a moderátorok gyorsan ajtót mutattak nekik. Több igen népszerű, nagy látogatottságú nyilvános fórumban is megjelentek olyan üzenetek, amelyek így vagy úgy tartalmazták az elkészített oldal elérhetőségét. Valaki az aláírásában szerepeltette a weblapot a hozzászólásainál, de találkoztunk olyannal is, aki a weblapra feltett fotó kapcsán kért véleményt a fórum látogatóitól, nyilván csak azért, hogy a weblap url-je szerepelhessen a hozzászólásban. 5

A legjobb helyezést elértek között volt olyan hallgató, aki a félév elején megírt, az irányelvek alapján kidolgozott weblapját nem módosította a félév végéig, és (bevallása szerint) nem élt semmilyen manipulációs lehetőséggel. Mások hétről hétre vizsgálták az aktuális helyezésüket, és fokozatosan próbálták (sikeresen) feljebb tornászni a helyezésüket az oldal linknépszerűségének növelésével. Problémát jelentett, hogy néhány, a hallgatóink által használni kívánt egyetemi webszerver nem megfelelő konfigurálása miatt a feltöltött oldalt nem volt képes indexelni a Google keresőrobotja, ezért az oldalt át kellett költöztetni más szerverre, amellyel értékes időt vesztett a hallgató. Bár a versenyt csak hallgatóink körében hirdettük meg, mégis találkoztunk külsős pályamunkával is a keresési találatok vizsgálata során, mivel más egyetemek hallgatói és gyakorló webfejlesztők is bekapcsolódtak a versenybe. 7. Összefoglalás A verseny kapcsán a hallgatók lelkesen vetették bele magukat a SEO módszereinek megismerésébe, ezáltal a gyakorlatban is megismerték a különböző módszerek hatékonyságát, előnyeit és hátrányait. A legjobb hallgatóinknak oklevelet is készítettünk, hogy az elért teljesítményüknek írásos nyoma is maradjon. A kedvező tapasztalatok miatt úgy döntöttünk, hogy a háziversenyt a következő szemeszterekben is meghirdetjük. Irodalomjegyzék [1] BBC NEWS Technology Web users 'getting more ruthless' (Interview with Jakob Nielsen) http://news.bbc.co.uk/1/hi/technology/7417496.stm [2] Abonyi-Tóth Andor (2005) Webszerkesztés a gyakorlatban egy kurzus oktatási tapasztalatai az ELTE Informatikai Karán, "Informatika a felsőoktatásban 2005" Konferencia Debrecen, 2005. augusztus 24-26. [3] Abonyi-Tóth Andor (2002) A "HTML szerkesztés kezdőknek" távoktatási kurzus oktatási tapasztalatai az ELTE TTK-n "Informatika a felsőoktatásban 2002" Konferencia Debrecen, 2002. augusztus 28-30. [4] Andor Abonyi-Tóth, Dénes Eglesz and Orchidea Edith Kiss (2002): Examining Private and Professional Websites Regarding Technique and Usability (CS)2 - The Third Conference of PhD Students in Computer Science, Szeged, Hungary, July 1-4, 2002 [5] Andor Abonyi-Tóth, Turcsányiné Szabó Márta (2001) "A távoktatás tényezői szakképzés és gyermekképzés esetén" Országos Neveléstudományi Konferencia, Magyar Tudományos Akadémia (poszter+publikáció) [6] Abony-Tóth Andor (2006) Web-fejlesztés tananyag, http://webfejlesztes.inf.elte.hu/ 6