2009 Kovas

interneto projektų apžvalga, sprendimai, technologijos

Kovas, 2009

AutoFill ir laukų vardai

Autorius: Petras 2009 03 31, AntradienisKategorijos: Technologijos, Vartotojo interfeisas

filling_formsJeigu tenka atlikti interneto projektų analizę, ar kitokį darbą, kuriam atlikti reikia prisiregistruoti prie daugelio tinklapių ar internetinių sistemų, paprastai tenka užpildyti galybę registracijos formų, o tai iš tiesų varginantis procesas.
Kai registruojuosi naujame tinklapyje, kai kuriuose iš jų registracijos formą galiu užpildyti daug greičiau,  jei visiems formos laukams yra priskirti logiški vardai – tada pati naršyklė man pasiūlo užpildyti lauką tokia pačia reikšme, kurią buvau kažkada įvedęs kitoje formoje.autofill1

Tai yra labai patogu, jei tenka rankomis pildyti daug panašių formų. Deja ne visuose tinklapiuose tai yra įmanoma, nes ne visur tiems laukams yra priskirti korektiški name atributai ir todėl AutoFill funkcija neveikia.

Viskas ką tokiu atveju reikia padaryti, tai kiekvienam laukui priskirti vardą, kuris atitinką lauko pavadinimą, anglų kalboje.
Pvz.: laukams “Vardas”, “Pavardė” ir “El. paštas” turėtų būti suteikiami tokie vardai:

  1. <input type="text" name="name" />
  2. <input type="text" name="lastname" />
  3. <input type="text" name="email" />

Checkbox ir label. Patogi smulkmena tik su html

Autorius: Paulius 2009 03 25, TrečiadienisKategorijos: Technologijos, Vartotojo interfeisas

Karts nuo karto puslapyje tenka panaudoti sąrašą su keliomis pasirinkimo galimybėmis. Tam geriausiai tinka <input type=”checkbox” /><label>Pasirinkimas</label> html elementų derinys. Naudojant juos dažniausiai užmirštama, kad nerašant jokio JS galima juos apjungti taip, kad checkbox elementas pasižymėtų ne tik paspaudus ant jo, bet ir ant jam priskirto label elemento. Tai padaroma labai paprastai, o toks pakeitimas itin supaprastina vartotojo darbą išrenkant norimą elementą.

Taip veikia checkbox nepriskirtas label elementui:

O taip checkbox elementas priskirtas label:

Toks priskyrimas padaromas labai paprastai, tereikia kiekvienam iš šių elementų priskirti po vieną atributą. Input (type=”checkbox”) elementui atributas id=”elmento_id”, o label elementui atributas for=”elemento_id”.

  1. <input id="check_1" type="checkbox" /><label for="check_1">Pasirinkimas 1</label>
Žymos:

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: , ,

Pažink ir suprask lankytoją

Autorius: Paulius 2009 03 16, PirmadienisKategorijos: Vartotojo interfeisas

different_wievsKiekvieną kartą žvelgdamas į svetainės išvaizdą susimąstau, juk kiekvienas ją matome skirtingai. Tai vyksta ne vien dėl to, kad naudojame skirtingas naršykles, kitokius kompiuterius ar mūsų interneto greičiai skirtingi. Visa tai daugiausia įtakoja pats žmogus, kuris stebi ir “bendrauja” su Jūsų svetaine.

Dabartiniai interneto projektų autoriai išsprendė daugumą techninių problemų.  Jie sugalvojo kaip keisti svetainės proporcijas, besikeičiant ekrano dydžiams,  kaip prisitaikyti prie mobiliųjų įrenginių. Jie netgi pradėjo optimizuoti programinį kodą bei multimediją, tam, kad sumažinti svetainės užsikrovimo laiką. Bet retai kas bando prisitaikyti prie plačios lankytojų asmenybių įvairovės.

Kur atkreipiame dėmesį tik užsikrovus svetainei? Į puslapio turinį? Išdėstymą? Paveikslėlius? Kas labiausiai patraukia dėmesį?  Manau, bendros nuomonės nebus – tinklapyje besilankantys žmonės labai įvairūs. Jiems įdomi ne tik  informacija, kurios jie ieškojo, bet ir tai, kur ir kaip ji pateikta. Lankytojas mieliau skaitys gražiai suformatuotą, reikalingose vietose išryškintą ir tinkamo pločio tekstą, nei padriką, per visą ekraną besiplečiantį žodžių kratinį.

Sukurti universalią svetainę labai sunku, turbūt, net neįmanoma. Tačiau visada reikia to siekti. Nepraleisti smulkmenų, pamažu tobulinti išvaizdą, klausti lankytojų nuomonės, bendrauti su jais. Dalis dabartinės interneto visuomenės jau supranta kaip veikia internetas ir gali duoti tikrai naudingų patarimų. Tereikia mokėti juos priimti ir pritaikyti savo svetainėje.

frontend.lt – apie ką, kam ir kaip

Autorius: frontend.lt 2009 03 15, SekmadienisKategorijos: Frontend.lt

seedlingVisi žinome, kad pradėti yra sunkiausia. Tam, kad gerai sektųsi reikia daug stengtis, dirbti nuosekliai ir atsakingai, taigi, pradedame nuo pradžių. Šiame bloge mes daugiausiai rašysime apie interneto technologijas, apžvelgsime jau įgyvendintus interneto projektus, ir patarsime realizuojant naujus.

Nors interneto technologijų srityje neesame visiški naujokai, tačiau savo žiniomis ir idėjomis iki šiol neteko pasidalinti su kitais.
Galbūt ir dabar nebūtume rašę, tačiau apžvelgę Lietuvos internetą nieko panašaus neradome. Tai kodėl gi nepabandžius?
Kažin ar daug rastumėte lietuviškų pamokų interneto technologijų srityje, o tuo labiau patarimų ir pavyzdžių kaip elgtis su CSS ir HTML, nuo ko pradėti kuriant naują tinklapį ar kokią metodiką taikyti jį testuojant. Ar Delfis ir Lietuvos Rytas parašytų jei kas sugalvojo gerą būdą kaip ištaisyti kokią nors IE6 klaidą, dėl kurios jau sukot galvą kelintą dieną? :) Manome kad ne. Tam ir norime rašyti būtent šį blogą, kad Lietuvos interneto dizaineriai, programuotojai bei kiti entuziastai, besidomintys naujausiomis interneto tendencijomis galėtų rasti reikalingą informaciją.
Tik nepagalvokit, kad imsim čia versti visas po ranka pasitaisiusias knygas, bei straipsnius iš kitų panašaus pobūdžio svetainių. Su tuo apie ką rašysime, susiduriame kasdien, tereikia tik viską raštu perteikti jums.

Žymos: