SEO

interneto projektų apžvalga, sprendimai, technologijos

Ką atliekame prieš paleidžiant svetainę?

Autorius: frontend.lt 2009 07 15, TrečiadienisKategorijos: Frontend.lt, Projektų kūrimas

go-sign_1 Kai baigiama kurti internetinė svetainė, prieš paleidžiant, reikia ją patikrinti. Frontend.lt kolektyvas nusprendė pradėti straipsnių ciklą “Ką atliekame prieš paleidžiant svetainę”. Šis straipsnis yra pirmas  ir apžvelgia pačius elementariausius dalykus, į kuriuos reikia atkreipti dėmesį prieš sukeliant svetainę į serverį ir parodant ją galutiniam vartotojui, arba projekto užsakovui.

Vartotojo interfeisas

Lankytojai į svetainę ateina naudodamiesi įvairiomis www naršyklėmis. Ne visos jos buvo kurtos laikantis standartų (ankstesnės Internet Explorer versijos), ne visos gali juos palaikyti (pvz. per maži įrenginio, kuriame veikia naršyklė, skaičiavimo pajėgumai). Visų naršyklių ir įrenginių, bei operacinių sistemų variacijų išbandyti neįmanoma, o greičiausiai ir nereikia – juk neįmanoma prisitaikyti prie visų. Mes rekomenduojame naujai paleidžiamą svetainę patikrinti su populiariausiomis naršyklėmis :

  • Naujausia Gecko varikliu paremtos naršyklės versija (Firefox)
  • Naujausia WebKit naršyklė (Google Chrome, Apple Safari)
  • Populiariausios Microsoft Internet Explorer versijos (straipsnio rašymo metu 6.0 – 8.0)
  • Naujausia Opera versija

Frontend rekomendacija: svetainę kurti, peržiūrint ją su Firefox, o su IE ją pratestuoti paskutiniame žingsnyje. Taip bus sutaupoma daug laiko nes naudojant Firefox naršyklės priedais, tokiais kaip Firebug, galima keisti išvaizdą, pačioje naršyklės aplinkoje.

  • Patikrinti, kaip svetainė atrodo su skirtingomis vaizduoklio ekrano rezoliucijomis.
  • Žvilgtelėti, kaip svetainė atrodo su mobilia naršykle – vis daugiau lankytojų naudoja mobilius įrenginius.
  • Pabandykite, kaip svetainė veikia išjungus JavaScript, Sausainėlius (Cookies), CSS. Ar įmanoma surasti pagrindinę informaciją, naviguoti svetainėje?
  • Svetainė turi galimybę siųsti elektroninius laiškus? Būtinai patikrinkite, kaip laiškai atrodo su populiariausiomis elektroninio pašto sistemomis:
    • Microsoft Outlook
    • Mozilla Thunderbird
    • Google Gmail
    • Yahoo Mail
    • Hotmail
  • Patikrinkite tokių interfeiso dalių, kaip turinio filtrai, puslapiavimo elementai, formos ir kiti funkciniai komponentai veikimą.

Svetainės turinys

  • Ar svetainės tekstai yra gramatiškai taisyklingi? Pasinaudokite klaidų taisytojais!
  • Ar neliko testinių “Lorem ipsum” puslapių arba straipsnių?
  • Ar paveikslėliai yra optimizuoti internetui, t.y. ne per dideli?
  • Ar paveikslėliai turi alt atributus, aiškiai apibūdinančius, kas pavaizduota?
  • Patikrinkite nuorodas į dokumentus.

Patogumas vartotojui

  • Sukurkite galimybe vartotojui bendrauti su svetainės kūrėju. Taip bus pranešamos klaidos, siunčiami pasiūlymai.
  • Niekada neleiskite, kad elektroninio pašto adresas svetainėje būtų paprastu tekstu.  Frontend rekomendacija: mailto nuorodą iškviesti JavaScript pagalba.
  • Patikrinkite, ar paspaudus ant logotipo pateksite į pradinį puslapį.

Veikimas, greitis

  • Testuokite svetainę su YSlow arba Page Speed. Jeigu rezultatai netenkina, pasinaudokite pateikiamais patarimais.

Technologijos

  • Ar HTML ir CSS kodas atitinka standartus? Pasinaudokite validatoriais!
  • Ar naudojate reset CSS?
  • Ar neįmanoma perkelti CSS kodo į atskiras bylas, kad kraudamiesi puslapiai gauti tik tą CSS dalį, kurios reikia jiems atvaizduoti.
  • Ar negalima perkelti JavaScript kodo į atskiras bylas?
  • Ar JavaScript elementai yra kiek įmanoma žemiau svetainės kode?
  • Jeigu svetainėje yra naudojamos technologijos, reikalaujančios įdiegti papildomas bibliotekas, pvz: Adobe Flash, Sun Java, Adobe Air, Microsoft Silverlight, ar yra pateikiamos aiškios instrukcijos, kaip atsisiųsti ir įdiegti jas savo sistemoje?

Klaidų apdorojimas

  • Ar svetainės klaidų išvedimas yra išjungtas vartotojui? Eiliniam vartotojui tikrai neįdomu, ar įvyko 500 klaida, ar nerasta funkcija, ar bloga SQL sintaksė. Jam greičiausiai įdomus tik pats klaidos faktas.
  • Ar svetainės klaidos yra registruojamos? Rekomenduojama rašyti klaidas į bylą.
  • Ar kritinės svetainės klaidos yra nedelsiant siunčiamos kūrėjui?

Saugumas

  • Ar visi iš vartotojo atėję duomenys yra išvalomi prie naudojant juos (pvz, rašant į duomenų bazę)?
  • Ar slaptažodžiai nėra saugomi paprastu tekstu?
  • Ar tinkamu dažnumu daromos svetainės atsarginės kopijos? Ar veikia atstatymas iš atsarginės kopijos?
  • Ar įvedimo laukai yra apsaugoti nuo spam robotų?

SEO

  • Patikrinkite, ar svetainės adresai yra draugiški SEO atžvilgiu (Nenaudojami dinaminiai adresai)
  • Patikrinkite, ar visi puslapiai turi prasmingas antraštes (title).
  • Pasižiūrėkite, ar nėra nuorodų, sakančių “spausk čia” ir panašiai. Jei taip, pasistenkite jas optimizuoti įdedant reikšmingesnius pavadinimus su raktažodžiais.
  • Ar turite XML žemėlapį? Ar jis “paduotas” paieškos sistemoms?
  • Ar integravote statistikos sistemą? Pavyzdžiui, Google Analytics?
  • Ar naudojate robots.txt? Jis tikrai veikia taip, kaip turėtų?
  • Ar svetainės išdėstymas nėra paremtas lentelės elementu?
  • Ar sesija, vartotojų prisijungimas arba registracija, javascript arba flash technologijomis paremta navigacija neužkerta kelio paieškos robotams aptikti naudingą turinį?
  • Naudojate nukreipimus (redirect)? Ar žinote skirtumą tarp 301 ir 302 nukreipimų?
  • Ar neliko svetainėje neveikiančių nuorodų? Ar yra priemonės stebinčios ir pranešančios apie neveikiančias nuorodas?
  • Ar nuorodos svetainėje yra tekstinės? T.y. ar navigacija svetainėje nėra pagrįsta paveikslėliais, arba Adobe Flash technologija?
  • Ar nenaudojami frame ir iframe elementai?

Ką turi žinoti front-end architektas (Naudingos nuorodos)

Autorius: andrius 2009 06 11, KetvirtadienisKategorijos: Technologijos
importantIlgą laiką įdomesnės nuorodos buvo žymimos įvairiose sistemose: uždedant žvaigždelę arba paspaudžiant mygtuką “Share” Google Reader kliente, įkeliant žymę į Deliciuos sistemą, išsaugant žymę naršyklės nuorodų saugykloje. Laikas bėga, nuorodos sensta, o jomis naudojuosi (beveik) aš vienas. Nesąžininga. Taisau klaidą ir dalinuosi geriausias (mano subjektyvia nuomone) nuorodas, kurios gali būti naudingos frontend.lt skaitytojui:

SEO

„Google“ paieškos sistemos optimizavimo pradedančiųjų vadovas – sukurtas naudoti kompanijos Google viduje, tačiau vėliau nuspręsta, jog ten surašytos mintys bus aktualios visiems. Rekomenduojame.

List of Best and Worst practices for designing a high traffic website – sąrašas svetainės savybių, įvertintų balais, pagal tai, kiek tai yra (ne)naudinga kuriant puslapio įvaizdį paieškos robotams (Google, Yahoo!, Microsoft).

Search Engine Ranking Factors – 47 geriausių Pasaulio SEO specialistų išrinkti ir balais įvertinti faktoriai, lemiantys Jūsų svetainės SEO įvertinimą. Straipsnyje pateikiama informacija gali būti kiek pasenusi, tačiau esminiai dalykai tikrai galioja ir galios dar ilgai.

HTML

10 HTML Tag Crimes You Really Shouldn’t Commit – pateikiama 10 dažniausiai pasitaikančių nusikaltimų HTML kalbai. Turėtų kas nors bausti nusikaltėlius!

10 HTML Tags that are Overlooked but Should be Used – iš div elemento, CSS pagalba sugebame padaryti bet ką, tačiau galbūt neverta išradinėti dviračio, o imti jau pagamintas žymes ir naudoti savo kode?

What Beutifull HTML Code Looks Like – pavyzdys, kaip turi atrodyti geras HTML kodas.

CSS

53 CSS-Techniques You Couldn’t Live Without – kasdien sutinkamos situacijos ir žavūs jų sprendimo būdai.

WordPress

40 Exceptional “CMS Enabling” WordPress Plugins – reikia papildyti standartinį WordPress funkcionalumą? Prieš einant “googlinti”, žvilgtelėkite čia.
10 WordPress Plugins Guaranteed to Save You Time – galbūt padės optimizuoti savo darbą su WP.

Apie viską

31 nuoroda, kuri padės sukurti bei plėtoti tobulą tinklapį – lietuviško blogo webdunulis surinktas sąrašas. Rasite tikrai gerų nuorodų!

15 Essential Checks Before Launching Your Website – esate pasiruošę “paleisti” svetainę? Minutėlę! Patikrinkit šitą sąrašą!

20 Websites That Made Me A Better Web Developer – 20 svetainių, kurių atnaujinimus verta sekti visiems tikriems, arba norintiems tokiais tapti, www programuotojams. Galbūt dar ne apie visas esate girdėję?

60 More Places to Get Design Inspiration – Online and Off – reikia įkvėpimo? Semkitės į sveikatą iš nuostabių pavyzdžių!

For Web Designers – nuorodų rinkinys visomis su svetainių kūrimu susijusiomis temomis.
Web-developer’s Handbook – dar vienas nuorodų rinkinys visomis temomis.

Ultimate Web Development Cheat Sheet Guide – dar nenaudojate paruoštukių (cheat sheet)? – Būtinai pabandykit! Jau naudojat? – gal rasit dar neturėtų!

Pagrindiniai SEO dėsniai

Autorius: Petras 2009 03 17, AntradienisKategorijos: Technologijos

seo-blocksTikriausiai kiekvienas tinklapio kūrėjas ar savininkas siekia, kad jo tinklapis būtų kuo lengviau randamas ir pasiekiamas visiems interneto vartotojams.  Būtent tam tinklapyje reikalingas SEO (ang. Search Engine Optimization) tai yra – Tinklapio turinio optimizavimas, paieškos varikliams. Kuo daugiau SEO sprendimų tinklapyje yra priimta, tuo daugiau  jis yra pateikiamas vykdant paiešką, paieškos sistemose, tokiose kaip Google ar Yahoo.
Šiame straipsnyje noriu aprašyti kelis pagrindinius principus, kaip savo tinklapį padaryti “patrauklų” paieškos sistemoms.

Pradedu nuo to, jog kiekvienas tinklapis turi būti tvarkingas:

  • Tinklapio HTML kodas privalo būti validus (t.y. be klaidų ir atitinkantis standartus. Kodo validumą galima patikrinti nemokamu W3C įrankiu.)
  • Tinklapyje pateikiamos nuorodos turi vesti į egzistuojančius puslapius. (Nuorodas taip pat galima greitai patikrinti su šiuo įrankiu)

Taip pat tinklapio turinys turi būti apipavidalintas teisingai:

  • Kiekvienas tinklapio puslapis turi turėti unikalų “title tagą” – puslapio pavadinimą, aprašytą <title> HTML žymoje.
  • Svarbiausias turinio dalis reikėtų aprašyti “header” žymose. Kadangi paieškos varikliai pirmiausiai prioritetą teikią <h1> žymos reikšmei, tai rekomenduojama, kad kiekvieno puslapio antraštė, būtų pateikta šioje žymoje.
  • Kiekvienas puslapis turėtų turėti unikalius meta aprašymus ir raktinius žodžius
    <meta name=“description” > ir <meta name=”keywords”> atributuose.
  • Kiekvienas puslapis turėtų turėti unikalų statinį URL  adresą. Nepatartina naudoti dinaminių, adresų kurie apibūdina puslapį per ID ir juose naudojami įvairūs skyrybos simboliai. Pvz.: adresą www.puslapis.lt/?id=123 reikėtų pakeisti į www.puslapis.lt/mano-puslapis

Puikus būdas savo tinklapio reitingą pakelti yra “žaidimas” su nuorodomis. Kuo daugiau nuorodų jūsų tinklapyje bus į kitus puslapius ir kituose puslapiuose į jūsų, tuo labiau jūsų puslapis bus populiarus tarp paieškos variklių.
Šiuo metu plačiai taikoma praktika yra vidinis puslapių susiejimas (ang. interlinking). Jos esmė yra ta, kad kiekviename tinklapio puslapyje yra pateikiamos bent kelios nuorodos į kitus jūsų tinklapio puslapius, pvz.: naujienos puslapyje pateikti nuorodas į naujausias naujienas, o kokios nors prekės aprašyme nuorodas į panašias prekes.

Paskutinis dalykas, kurį tikrai verta paminėti yra tinklapio XML žemėlapio (XML sitemap) generavimas ir pateikimas. Kiekvienas tinklapis turėtų turėti XML failą, kuriame suindeksuoti visi to tinklapio puslapiai. Pateikus tokį failą paieškos varikliams, jūsų tinklapio puslapiai yra daug lengviau suindeksuojami pačiose paieškos sistemų duomenų bazėse. Taip pat pateikus tokį  XML failą Google Webmaster įrankiui galite savo tinklapiui nustatyti įvairius paieškos apribojimus, google paieškos rezultatams, bei sekti įvairią tinklapio paieškos statistiką.

Daugiau apie Google webmaster ir SEO papasakosiu kituose straipsniuose.

Plačiau galite pasiskaityt čia:

http://www.seomoz.org/article/search-ranking-factors
http://www.webconfs.com/15-minute-seo.php

Žymos: , ,