Jag bloggade om Camara tidigare under hösten och då var webbplatsen OK.

Det är tydliga menyer med stort teckensnitt och olika färger utifrån vilket område menyvalet avser (Get Involved, Learning och PC Recycling). Undernavigeringen är tydlig och överlag är internnavigeringen inte mycket att orda om.

Vad som saknas är (lite oväntat) en sökfunktion. Det finns en sitemap att ”expandera fram” på startsidan men att sök saknas är inte bra. Det hade varit så enkelt att använda den inbyggda sökfunktionen och utöka den med hjälp av Search Everything.

På den sociala fronten hittar vi Twitter, Facebook, Flickr, YouTube och LinkedIn.

Sammanfattningsvis så är Camaras nya webbplats en klar förbättring jämfört med den förra. Det är svårt att inte snabbt se vart man ska ta vägen på webbplatsen och sajten är genomgående välfylld. Att sök inte finns är förhoppningsvis bara en miss (åtgärdades 091113). Samma sak med titeltaggarna på bl.a. startsidan.

Uppdatering 13 november 2009
Nu finns en sökfunktion på den nya webbplatsen. Jag hade påtalat bristen via Twitter och fick svar via samma webbtjänst.

Nedan; en kort genomgång av Kumla kommuns gamla och nya webbplats(er).

Med rätt att tycka
Jag har tidigare bloggat synpunkter på nya och befintliga webbplatser, däribland obo.se, NA.se, orebro.se, alltommotor.se, bondeliv.se och även gett förslag till kodlösning på webbplatsen för Wadköpings UC i Örebro. Min önskan är att webbutvecklarna av kumla.se läser och tar till sig av mina synpunkter:

Kumla kommuns webbplats idag
Med SiteVision som grund har Kumla kommun länge haft en webbplats som liknar något jag gjorde för 10 år sen. Det är fyrkantigt och tråkigt men samtidigt informativt och i viss mån även tydligt. Det finns inget som sticker ut men inte heller något som fattas (förutom en bra sökfunktion).

Rent kodmässigt är dagens webbplats ingen katastrof även om det på startsidan blandas friskt med innehåll och kod. De interna länkarna är däremot nästan en katastrof och ett klick på loggan ger t.ex. ”http://kumla.se/2.5e3a17cb1093fa0456880000.html” där enbart ”kumla.se” borde vara det naturliga. Idag är de interna länkarna antingen jättelånga eller så är de hemska javascript-länkar.

Startsidans layouten består av tre kolumner där den till vänster innehåller den interna navigeringen. Vid val av en undersida försvinner högerkolumnen och ger plats för text där den senare ibland kompletteras med bilder. Det finns en sökfunktion, möjlighet för personer med nedsatt syn att få större text och det är lätt att hitta till kommunens kontaktsida. Mycket mer än så är det inte.

Nya webbplatsen för Kumla kommun
Inte helt oväntat är det ett stort lyft utseendemässigt. Känslan av att vara inlåst är borta och högst upp under loggan finns fyra puffar som leder besökaren vidare.

• Första puffen leder till information om kommunen.
• Andra puffen går till en sida med de mest eftersökta undersidorna.
• Tredje puffen visar länkar utifrån ”vem besökaren är” t.ex. bostadssökande.
• Fjärde puffen heter Medborgarservice och visar blanktter etc.

Puffarna, eller ingångarna, går att nå oavsett varifrån besökaren kommer in på webbplatsen. Nog så viktigt för att vägleda besökare som kommer från sökmotorer.

Metoden med att kategorisera besökaren har dock sina brister och ”beta-puffarna” är aningen otydliga med vad de innehåller. Ett exempel på hur man kan göra det tydligare är att kolla på hur Socialstyrelsen gjort på sin nya webbplats (Fredrik Wackå om socialstyrelsen.se).

Interna länkar
Dagens hyperlånga länkar kommer enligt betan att kortas ner betydligt. Det ser även ut som att Kumla inte kommer göra misstaget som Örebro kommun gjort. På orebro.se heter de interna länkarna ”sifferkombination.html” men på nya kumla.se blir det länkar i stil med ”kumla.se/Vad-soker-du/Smahustomter.html” – bra!

Ny indelning/rubriksättning av innehåll
En stor utmaning som Kumla kommun står inför handlar om att de med den nya webbplatsen byter ut rubrikerna för en del av innehållet. Idag finns ett menyval som heter ”Barn & Utbildning” där delar av samma information på den nya webbplatsen finns under menyvalet ”Skola och utbildning”, men på den nya webbplatsen saknas delar av innehållet utan hänvisning till var detta går att hitta. Hängde du med?

Sökfunktionen
Dagens sökfunktion är inte bra alls och jag hoppas verkligen att sökresultaten blir mycket bättre när webbplatsen går live.

Jag testar att söka på ”skolskjuts” och får upp en lista med PDF-filer där första filen är ett 9 år gammalt informationsblad (PDF-länk i nytt fönster) om kommunen.

Högst upp i sökresultaten ska det finns en länk till en undersida på vilken det informeras om skolskjuts, inget annat. För den här funktionen finns det som tur är ett vettigt alternativ att överväga för internt sök: Google, där ”site:www.kumla.se skolskjuts” ger ett mer relevant sökresultat.

Viktigt att tänka på vid övergången till nya webbplatsen
Idag har kumla.se 10,800 indexerade sidor på Google, vårda detta. När NA.se bytte plattform i våras struntade de i att lägga en re-direct från den gamla länkstrukturen till den nya. Det resulterade i att alla inlänkar (exempel) till gamla webbplatsen ledde rakt in i en återvändsgränd. En återvändsgränd blev det eftersom sökformuläret som las till på den nya målsidan ibland inte kunde hitta artikeln dit de numera ”trasiga” länkarna pekade till. Snälla Kumla, gör inte om det misstaget.

091011: Uppdaterat inlägg med ny permalänk, rubrik och kompletterande information i stycket under.

Nyligen lanserades en uppdaterad version av obo.se på EPiServer CMS 5 där Headlight ansvarade för implementationen samt programmeringen och Strateg levererade designen. Men allt som är bra kan göras bättre:

Domänen
Besök obo.se (utan www) och du får vänta på inladdningen i ca 30 sekunder. Besök www.obo.se och sidan laddas in direkt. Så här var det redan före senaste versionen och är en detalj som är enkel att rätta till.

Flash
Splashen (eller stora bilden) överst på startsidan, visas bara om besökaren tillåter Flash. Samma problem uppstår på obo.se/sv/Bostader/Vara-stadsdelar/ där en ”interaktiv” karta visas. Visst är kartan snygg men det finns tekniska lösningar som ger samma funktionalitet (eller ”modern” grafik handlar det nog mer om) utan Flash-kravet.

Hyrestorget
Troligen det mest besökta delen av webbplatsen. Här listas lediga bostäder och torgets databas går att söka i direkt från startsidan, bra!

Sökningen sker via rullgardinsmenyer och besökaren behöver inga direkt hjälpmedel för att bli presenterad för ett sökresultat. Fritextsökning skulle kunna adderas här och skulle samtidigt vara känsligt nog att snappa upp vad användaren verkligen söker efter.

Det finns inget värre än när sökresultatet blir noll utan att förslag på alternativa sökningar. Förslag vid inmatningen av tecken är ännu bättre. Exempel på det senare finns t.ex. hos YouTube och Unionen.

Sökresultaten behöver mer konsulttimmar för att bli helt bra. Överblickbarheten är god men sortera en kolumn, kolla på ett objekt och backa i din webbläsare = sorteringen försvinner.

Enskilda bostadsbeskrivningar (lägenhetsinformation)
Länken är en javascript-länk vilket är uselt ur både SEO-synpunkt och användarvänlighet. Exempellänk: ”javascript:__doPostBack(‘_ctl3$DataGrid_Image$_ctl7$lbtn_AdressImage’,”)” ger på nya sidan ”obo.se/Hyrestorget?page=pgStart&dosearch=y&mg=3&sg=37″.

Besökaren befinner sig visserligen inom ramarna för obo.se men det är alltid trevligt att veta vart en länk går. Bättre länkar skulle desutom sannolikt öka på antalet indexerade sidor av webbplatsen.

En detalj som jag testade med Firefox och Internet Explorer 8, vilket gav samma resultat för bägge webbläsare; vid klick på ett objekt sker en automatisk scrollning av den nya sidan.

En annan programmeringsmiss handlar om att klick på ”visa alla bilder” (marknad.obo.se/sPictureView.aspx) som fungerar med IE8, ger felmeddelande ”Forbidden (Invalid URL)” med Firefox.

Generellt är de enskilda beskrivningarna bristfälliga när det gäller bilderna. Sällan eller aldrig är det aktuellt objekt som visas på bilderna. Så svårt kan det väl inte vara att fotografera de aktuella adresserna? Köp bovärden en digitalkamera så är saken biff!

Sammanfattning
ÖBO:s webbplats har blivit bättre på många punkter. Den bästa förändringen är att navigeringen som tidigare krävde Flash ej längre gör det. Det finns mycket information om varje bostadsområde och bolaget i sig.

Utöver småjusteringarna jag nämnt ovan efterlyser jag en bättre sökfunktion. En för mig relevant sökning i dagarna är ”tapeter” eftersom vi kollar huruvida en omtapetsering kan komma till stånd här (ja, jag är bor hos Öbo).

En sökning på ”tapeter” gav mig bara två länkar som handlar om Örnsköldsparken och ”Sextiotalscharm med modern interiör”. En sökning på ”omtapetsering” gav noll träffar utan kompletterande alternativsökningar eller relevant intern länk..

Jag ville testa den här sökfunktion på min resguide om Zanzibar. Men redan vid hämtningen av koden stötte jag på ett problem: Google Adsense krävde att sidan på min webbplats, där sökresultaten skulle visas, måste vara minst 800 pixlar bred.

Eftersom content i det här fallet var för smal och en breddning inte var aktuellt behövde jag en annan lösning. Ett par timmar senare sitter jag nu med ett än mer modifierat WordPress-tema.

Så här gjorde jag
Webbplatsen är 1000 pixlar bred där huvudinnehållet visas i en div (610 px bred) och en sidebar (350 px bred). Däremellan finns marginaler, padding och kantlinjer.

Jag skapade ett CSS-ID och kallade det för ”no-sidebar-content”. Jag redigerade CSS-filen och satte bredden till 1000 pixlar. Men för att inte sidebar skulle glida ut åt höger behövde jag ta bort den.

Att ta bort sidebar utan vidare är dumt. Det finns massor av anledningar till att den ska finnas kvar. Min lösning blev att skapa en sida (WordPress:Pages) och matcha sidans ID mot villkoret att sidebar skulle visas eller döljas.

Jag la till en rad i page.php där rad två nedan är det nya och 689 är ID-numret på den nyss skapade sidan:

1
2
3

<?php get_header(); ?>
<?php if (is_page('689')) echo '<div id="no-sidebar-content">';?>
<?php if (have_posts()) : while (have_posts()) : the_post();?>

Men eftersom page.php används av alla andra sidor på webbplatsen krävs en till liten if-sats längst ner i filen, där taggen för inkludering av sidebar finns:

1
2
3
4
5
6

<?php if (is_page('689'))
{}
else {
get_sidebar();
}
?>

För att slippa krångla med footern gjorde jag samma med den taggen:

1
2
3
4
5
6

<?php if (is_page('689'))
{}
else {
get_footer();
}
?>

Ovanstående ger att när besökare kommer till sidan med ID-numret 689 kommer div-taggen att ”aktiveras” och den aktuella sidan (689) visar innehållet utan att samtidigt visa en sidebar och footer.

Förmodligen har jag missat något elementärt här ovan så räkna med uppdateringar av inlägget under veckan :)