Embrio

Ravnokar se lotevam novega razreza ŽVPL-a in sem se odločil, da bo ŽVPL zelo POSH. Še ena termin zmešanih razrezovalcev, boste rekli ... ampak ideja POSH-a (= Plain Old Semantic HTML, oz. v prostem prevodu enostavni stari semantični HTML) je dobra in že znana: manj je več (to, da je molk zlato pa velja samo na nacionalki).

V bistvu je POSH vse, kar spletovalec potrebuje, ko postavlja HTML-je, da so dokumenti: validni, semantični, dostopni in dobro strukturirani. Pa še to: lepa POSH koda vam bodo pomagala tudi pri SEO-tu in pri tem, da boste lahko v nogi napisali, da imate POSH sajt, t'ko kot bo pisalo v nogi novega ŽVPL-a ;)

P.S.: O POSH-u se je razpisal tudi na tem blogu omenjeni Roger Johansson na svojem blogu 456 Berea St. Preberite si njegov prispevek in izvedeli boste tudi nekaj nasvetov za pisanje POSH dokumentov.

Pred nekaj leti smo na Embriu dobili naročilo, da naredimo spletno mesto za Parfumerije Plaza, Luka je že pripravil oblikovno zasnovo, vse skupaj smo postavili na Drupalu, sodelovanje pa smo zaradi očitnih razlik v mišljenju naročnika in izvajalca prekinili.

Testna stran je ostala na domeni zvpl.com, po nekem čudnem naklučju jo je našel Google in jo indeksiral, rezultat pa je prvo mesto ob iskalnem nizu "parfumerija plaza" na Google.si in Google.com (spodaj).

Danes me je klical Miha z Infonove, skrbnik spletnih strani Parfumerij Plaza, in povedal, da se lastnikom Pafrumerij Plaza pač to predstavlja problem. Strinjal sem se, da je, ampak da zaradi narave spora redirect ni možen (vsaj brezplačen ne, to sem pozabil omeniti v pogovoru ;), da pa bomo gentlemansko odstranili testno spletno stran, napaka 404 bo naredila svoje, Google bo rezultat (enkrat že) vrgel ven in vsi bomo "srečni"! Rečeno, storjeno!

Svet ni vedno lep, zato takšna zgodba v poduk tako izvajalcem (če se le da, vedno podpišite pogodbo o sodelovanju) in naročnikom (če se le da, poizkusite razumeti internet kot medij) ...

P.S.: Drupal ima očitno res dober "built-in" SEO. Badjvej: verzija 6.0 beta 3 je že zunaj!

Malo sem gledal kako kaj dela SEO in kje je pozicionirana iskalna poizvedba "As ti tud not padu". V obeh Googleovih primerih (na Google.si in na Google.com) je moj zapis o oddaji As ti tud not padu na prvem mestu. Celo pred spletno stranjo oddaje same (na kateri je po enem tednu še vedno precej malo stvari za pogledat brezplačno, ta teden so dodali nekaj zakulisnih fotografij)!!!

Poizkusim z istim iskalnim nizom še na Najdi.si in glej ga zlomka! Najdi pravi, da je iskalna poizvedba slabo formatirana ...

Hvala Bobu ™, da Najdi priporoča iskalni niz z navednicami: "As ti tud not padu", kjer je moj zapis "šele" na 7. mestu. Ne šekam sicer, zakaj Najdi ne najde iskalnega niza As ti tud not padu, ker se mi zdi, da je pred prenovo Najdi.si iskano poizvedbo našel brez problema (ali pa sem jaz haluciniral).

Kakorkoli, pozicija na Google odlična, Najdi ima očitno nekaj problemov, odkar je prenovljen, a ni razloga za preplah, fantje že vedo kaj delajo in zagotovo bo kmalu vse v najlepšem redu.

Me je pa strašno zanimalo, komu se moram zahvaliti, da imam tak dobro pozicijo ... in po pregledu HTML kode na notpadu.24ur.com ugotovim, da gre moja zahvala oddaji Kmetija:

Ključne besede kot so: "kmetija, špela, Močnik, gospodar, glava, ..." niso ravno primerne za urbano odajo, ki se bori za nedeljski prestol. Predlagam ključne besede kot so: "As ti tud not padu, Lado Bizovičar, Jurij Zrnec, oddaja, nedelja, Mario, zabava, skeči, smeh, ..." bo bolj zaleglo.

Poleg tega SEO mojstri svetujejo, da so meta tag-i različni: v <meta name="keywords" ... /> naj se vpisujejo ključne besede strani (kot sem že predlagal zgoraj), v <meta name="description" ... /> pa opis strani v smislu: "As ti tud not padu - nova, dinamična, zanimiva, bučna in energična oddaja z Ladom Bizovičarjem in Jurijem Zrnecem." ...

Vsekakor je bolje, da sploh ne bi imeli meta tagov na strani, kot da imajo napačne. Oziroma: za Embrio je očitno bolje, da imajo (še vedno) kmečke ključne besede, ker je zaradi tega pozicija v iskalnikih in posledično tudi obisk na naši strani večji.

Kmečko, al' ne?

Na SEOmoz so pripravili SEO Expert kviz za vse, ki se ukvarjate z optimizacijo za spletne iskalnike (ang.: SEO - search engine optimisation). Po 75 vprašanjih boste ugotovili, kakšno je vaše znanje SEO-ja in če bo rezultat ugoden, se boste lahko s posebno značko na vašem blogu hvalili, kakšen SEO kralj ste!

Moj rezultat ni bob™ kva, ampak sem si napačne odgovore shranil in ji bom ob priliki preštudiral, pa bo naslednjič bolje ;)

SEO Novice - 39%

Pa, da vas vidim, ... Had me bo ziher sesul ;)

Nate Koechley je na letošnji spletni konferenci @media 2007 govoril o tem kako pohitriti njegovo, tvojo, mojo spletno stran. Nate je predstavil 12 pravil za hitrejše spletne strani (na njegovem blogu boste našli zapis skupaj s .pdf in .ppt dokumentom iz konference, vendar je po konferenci dodal še dve pravili, tako da jih je zdaj 14).

Bistvenega pomena je to, da spletni razvijalci uporabljamo čim manj HTTP zahtevkov (requestov), ker po merjenjih Yahoo!-evih inženirjev le ti najbolj upočasnjujejo čase nalaganja spletnih strani.

Po tem nasvetu je Nate končal predavanje, nas poslal domov in rekel, da če naredimo "samo" to, da HTTP requeste spravimo na minimum z:

• CCS škrati (beri CSS Sprites na ALA),
• kombiniranimi / združenimi JS in CSS datotekami,
• image mapami,

bodo naše strani 20-30% hitrejše.

Seveda se je predavanje nadaljevalo, tako da smo slišali še ostalih 11 pravil vmes pa je omenil, da bodo pri Yahoo!-ju razvili orodje za analiziranje spletnih strani, ki vam bo povedalo, kaj je z vašo stranjo narobe in kako bi jo lahko pohitrili.

Konec julija pa je Nate objavil zapis, da se je zgodilo: fantje pri Yahoo!-ju so za popularni Firefoxov dodatek Firebug razvili dodatek YSlow, čudovito orodje, ki vam pove, kaj je s hitrostjo vaše strani narobe in zakaj ...

Predlagam, da si najprej preberete slajde Nate-ovega preavanja, si dol skotalikate YSlow, in ko boste že na Y! Developer Networku, še malo pobrskajte naokoli, se najde kakšna zanimiva reč za spletne mojstre.

Če v Googleu iščete novo Playboyevo playmate, ki sliši na ime Eva Svete, bo vaš prvi rezultat Hadov zapis na to temo, sicer gre rezultat čez Blogosov agregat, ampak vseeno, pride do Had-a, kar ni nič narobe, ker Had v svojem zapisu linka na video zakulisje z Evo Svete. Ampak SEO ima pa res dobro narejen. Kdorkoli že: Feedburner, Had, ali SiOL, nekdo že, najbrž pa kombinacija vseh treh ... čestitke.

Na Playboy.si bomo morali malo optimizirati SEO, to je očitno.

Požarjev pozareport.si (samooklicani prvi slovenski spletni časopis) naj bi luč spleta ugledal danes ob 8.00 (z besedo: točno ob osmih!!!).

Foto: Delavec.net

Namesto famoznega spletnega časopisa je bilo na naslovu pozareport.si ob 8.00 tole:

Očitno je splavitev pozareport.si prestavljena na 28. marec ob 7.00 (najbrž ima kaj zveze z numerologijo, očitno so "boljše" številke takrat), Požarja pa prosim, da me naslednjič ne nategne z datumom splavitve, ker bi drugače lahko še sladko spal, namesto da pišem tale blog ;)

P.S.: Najbrž je animacija, ko se Bojan Požar na miški pripelje na ekran, zakrili z rokami mišljena kot opravičilo. Ne vem pa zakaj se Požar na koncu animacije tako reži uporabniku, ki je prideskal na njegovo stran, pa na strani ni nič. A se človek ne počuti malce butasto???

P.P.S.: Prvi zadetek pri iskanju ključne besede pozareport.si na Googleu je še vedno moj prejšni zapis, na Najdi.si sta me je prehitela Had in Delavec! Dober SEO ;)

Se pravi: moderern pristop pri Flash SEO (SEO = search engine optimization). Geoff Stearns v svojem blogu pravi, da je treba Flash datoteke dodajati v HTML dokumente postopoma, kot objekte in pripraviti alternativno vsebino za ljudi in iskalne agente iskalnikov, ki ne znajo ali ne morajo dostopati do informacij v Flash datotekah.

In prav ima!!! 

Tole je seznam, ki sem ga objavljal na forumu o2z2.com, objavljen v enem kosu ... če kdo prideska na kakšno stran in meni, da bi morala biti na seznamu, naj pošlje komentar. Ogled seznama in strani v seznamu je primeren za začetnike, za kvaziprofesionalce in tudi za težkokategorne spletne razvijalce. Vsak dan zve človek kaj novega.

Pa začnimo ...

Alistapart.com

Kakor pravjo sami: "A List Apart explores the design, development, and meaning of web content, with a special focus on designing with standards." A je treba to sploh prevajat, oz. razlagat?!
www.alistapart.com

Webdesign.org

Tu boste našli veliko prima reči, za novince je NUJNO branje člankov na temo spletne uporabnosti in osnov spletnega oblikovanja.
www.webdesign.org

Webesignpractises.com

Tukaj najdete veliko uporabnih praks iz realnega spleta ... stran je, kot pravijo snovalci, namenjena oblikovalcem, da bi razumeli katere oblikovalske prakse so trenutno v uproabi na svetovnem spletu ... skratka koliko strani ima navigacijo horizontalno, koliko vertikalno, koliko to, ono. Statistika, ki vam zna priti prav.
www.webdesignpractices.com

Search ranking factors @ SeoMoz.org

V neki SEO firmi iz Seattla (SEO = search engine optimization - optimizacijo za spletne iskalnike) so napisali dober članek o faktorjih, ki vplivajo na rangiranje spletnih dokumentov pri večjih svetovnih iskalnikih.
www.seomoz.org/articles/search-ranking-factors.php

Typetester

Testiraj fonte na ekranu ...
typetester.maratz.com

UseIt.com

Čeprav bi vsak spletni oblikovalec moral vedeti za Jakoba Nielsena, ni vedno tako. Oziroma ... velikokrat ni tako. Zato se pojavljajo napake in tukaj je seznam 10 največjih napak pri spletnem oblikovanju za leto 2005. Aja, Jakob je guru uporabnosti (usabilitya) in je rahlo plešast, a zelo brihten možakar.
www.useit.com

Web Developer Toolbar / Extention

Orodna vrstica za vaš priljubljeni brskalnik, z premnogimi orodji, ki bodo koristili vsakemu spletnemu oblikovalcu
- verzija za Firefox, Flock, Mozillo in Seamonkey,
- verzija za Opero,
- in nazadnje verzija za IE (saj vsi vemo, kako dobro zna IE prikazovati spletne strani in kako se drži navodila W3C-ja).

W3C konzorcij

Če smo zgoraj omenili W3C, je treba razložiti, da W3C ni WTC. Standardi so standardi, in če IE skrbi, da se jih ne drži, pri W3Cju skrbijo, da bi se splet vsaj približno standardiziral ...
www.w3.org

Web tutoriali Petra L. Kantorja

Tole so tutoriali enega prfoksa, od grafike, do oblikovanja, xhtml-ja, CSS-jev, XML-ja, XLS-ja, Javascripta in PHP-ja. Sicer na kolidž nivoju, ampak za razjasnitev osnovnih pojmov pa bo. Aja, ... navigacija je horizontalna, čisto na vrhu jo najdete.
http://academ.hvcc.edu/~kantopet/old/

XHTML / CSS gepardi

Jeffrey Zeldman - www.zeldman.com
Cameron Moll - www.cameronmoll.com
David Shea - www.mezzoblue.com
Dan Cederholm - www.simplebits.com
John Oxton - joshuaink.com
Miha Hribar - hribar.info

Web style guide

Dober vodnik o procesu nastajanja spletnih strani, oblikovanju interfacea, spletnih, izbiri tipografij, ipd, itd. Skratka: zelo fina reč za vse vedoželjne spletne oblikovalce. Če bi vsak novinec prebral tole, ne bi imeli grdih pejdžev.
www.webstyleguide.com

24ways

24 ways to impress your friends. Vat els šud aj sej ;)
24ways.org

Screenspire

Bodi inspiriran, glej tuje dizajne ...
screenspire.com

WebDesignFromScratch

Lepo oblikovan in poučen vodnik za spletno oblikovanje (od osnov, procesa oblikovanja, arhitekture strani, dostopnosti, uporabnosti, pisanja za splet, produkcije, HTML-ja, CSS-ja, Javascripta, ...), skratka poučno branje za vsakogar.
www.webdesignfromscratch.com

Nekaj povezav ... za začetek upam, da bo ;)