V minulom diele sme si povedali stručne prečo optimalizovať web stránky pre vyhľadávače a dnes si rozobereme jednotlivé On Page faktory ktoré nám ovplyvňujú pozíciu stránky vo vyhľadávačoch.
On Page faktory sú tie ktoré môžme ovplyvnniť priamo na stránke resp. pri jej tvorbe. Asi najužitočnejšia rada do budúcnosti ktorej by ste sa mali držať a uľahčíte si hromadu roboty: myslite na SEO už počas tvorby a nie až ako na poslednú fázu v procese výroby stránky.
Sémantický kód.
Otázka sémantiky sa úzko dotýka optimalizácie keďže vyhľadávače vidia stránku bez grafiky a ich prezeranie stránky spočíva len v prechádzaní kódu a textu. V podstate ak si poriadne uvedomíte "gramatiku" HTML nemôžte spraviť chybu. Sémantický kód je založený na dodržiavaní významu HTML tagov. Čiže napríklad na nadpisy použijeme tagy <h1> .. <h6> samozrejme podla významu daného nadpisu. Tu by som upozornil na jednu vec a to je konkrétne použitie tagu <h1> ktorý by mal byť maximálne jeden na stránku. Ako ďaľší práklad uvediem dosť častú chybu : používanie tagu <b> na zvýraznenie písma, v horšom prípade priamo nadpisu. Hlavná zásada súčastného webdizajnu je oddeľovať vzhlad a obsah (používanie CSS kde mám zadefinovaný vzhľad stránky). Pokiaľ chceme zvýrazniť význam textu mal by sa použiť miesto tagu <b> tag <strong>. Ak chceme len hrubé písmo stačí to nadefinovať danú vlastnosť font-weight v CSS súbore. Čo sa týka sémantiky je toho veľa a je to v podstate téma na ďaľší seriál. Ak bude čas kludne sa k tomu vrátime, zatiaľ vám predkladám link na stránku ,ktorá sa zaoberá touto problematikou dosť detailne : http://www.semantika.name/Čo vidia vyhľadávače?
Ako som už spomínal vyhľadávače vidia stránku len v jej textovej podobe. Ak si chcete overiť ako ste na tom s vašou stránkou otvorte si ju v ľubovolnom textovom prehliadači alebo vypnite všetku grafiku, flash, javascript a podobné vymoženosti. Pokiaľ sa na vašej stránke zobrazí všetko okrem grafiky môžte si pogratulovať. Pokiaľ sa niečo nezobrazí doporučujem prekontrolovať váš kód a prekódovať chybné časti (či už atribúty alt pri obrázkoch alebo celé menu robené v javascripte). Keď sme už pri javascripte je dobré používať ho len v nutných prípadoch na veci ako kontrola formulárov a podobne (ani to však nieje najlepšie riešenie keďže sa dá v prehliadači jednoducho vypnúť) a samozrejme ukladať do externých súborov a nie priamo do kódu. Je to lepšie aj pre vás kôli prehladnosti a prevláda názor že aj googlu sa to viac páči. Najväčším problémom ale v súčastnej dobe ostáva podpora flashu vo vyhľadávačoch a preto by ste si mali dať pozor na to čo mienite pridať na stránku vo flashi a či by sa to nedalo spraviť bez neho. Opodstatnené použitie preň je pri firemných prezentáciách známych firiem ktoré niesú závislé od SEO optimalizácie keďže vysoké percento zákazníkov prichádza na ich stránky priamo a nie prostredníctvom vyhľadávačov. Každopádne do budúcna s flashom treba počítať, čoskoro príde totiž doba kedy sa s ním naučia vyhľadávače plne spolupracovať (google ho napr. už čiastočne podporuje).Adresa webu.
Pre SEO jedna z najdôležitejších súčastí. Totižto napr. pre google nieje adresa www.tutorialy.com a http://tutorialy.com to isté aj keď ich obsah je rovnaký. Preto sa doporučuje používať všade len jeden typ vašej adresy, či už v katalógoch alebo priamo na vašej stránke. Takisto si vždy poriadne rozmyslite akú doménu si zaregistrujete. Ak sa stránka zaoberá predajom nábytku a jej adresa je www.predaj-nabytku.sk budete mať vo vyhľadávačoch hneď jedno veľké plus. Opačný prípad je adresa typu www.jurosro.sk ktorá o zameraní stránky toho veľa nenapovie. Podobné prípady však niesú až taký problém pokiaľ má stránka slúžiť hlavne ako prezentácia pre zákazníkov a na zvýšenie povedomia o firme. Nemusíte sa však trápiť, porušenie jedného SEO pravidla vás určite nehodí na koniec vo vyhľadávači :) (dané situlácie sa dajú tiež celkom elegantne vyriešiť použitím adresy v tvare www.jurosro.sk/predaj-nabytku/ ).Štruktúra webu.
Súvisí s predchádzajúcim pravidlom pre používanie jedného typu adresy. Bežné je totiž na stránke mať svoje logo ktoré je klikacie a slúži pre návrat na úvodnú stránku. Odkaz jemu priradený by mal byť v tvare www.tutorialy.com (nezamienať si z www.tutorialy.com/index.html - google to zobere ako ďaľšiu stránku). Ďaľšou dobrou vecou je hlavne pri rozsiahleších stránkach si vytvoriť mapu stránky. Je to jeden html súbor (map.html, sitemap.html ...) kde sú prehľadne usporiadané jednotlivé odkazy na sekcia a podsekcia stránky. Vyhľadávačom to pomáha niekedy v orientácii na stránke a skôr ju celú zaindexujú. Treba však dať pozor a nepridávať tam mnoho stránok, googlu sa totižto nepáči ak je na jednej stránke viac ako 100 odkazov (v jednom html,php,... súbore).Titulok
Jeden z najdôležitejších tagov čo sa týka SEO na stránke. Určuje názov každej stránky a zapisuje sa v hlavičke html súboru. Má dosť veľký význam pri zoraďovaní výsledkov vyhľadávania (väčší ako text na stránke). Najlepšie je použiť v ňom čo najviac kľúčových slov ale treba zachovať nejakú štylizáciu aby bol názov zrozumiteľný aj pre návštevníkov. Tiež treba dať pozor na veľkosť resp. jeho dĺžku. Ako optimum sa udáva 40-60 znakov a do 9 slov.Tým by som pre dnešok končil. V ďaľšom dieli si povieme niečo o statických a dynamických adresách a dosť podstatnej téme META tagov (ak bude čas preberieme aj voľbu správnych kľúčových slov).
Hodnocení tutoriálu: 1.8 (hodnotilo 8 uživatelů)