Plucera Webbyrå
Webbdesign och grafisk formgivning

Pluceras blogg

Arkivet

15
feb

10 saker att kolla innan en webbsida lanseras

I samband med att en webbsida är klar för lansering går vi alltid igenom en checklista. Denna lista brukar vi likna vid den typen av listor som används när man servar sin bil eller på bilbesiktningen.

En lång lista av punkter att kontrollera

Listan består i dagsläget av 32 punkter men växer ständigt när vi kommer på fler saker som måste kontrolleras innan sidan görs publik. Det handlar om allt från små saker till lite större.

Här listar vi 10 av dessa punkter som man bör se över.

  1. Allt innehåll på plats?
    En grundläggande förutsättning, men i vissa fall kan det vara enkelt att missa information på någon sida. Det händer ganska ofta att man får textmaterial i omgångar från kunder och då får man gå igenom så att allt är på plats.
  2. Finns en 404:a?
    En 404:a är den sida som ska visas när man försöker nå en sida som inte finns. Finns inte denna sida och man byggt sitt tema själv (med WordPress så klart) visas startsidan/index utan speciellt meddelande vilket kan vara förvirrande.
  3. Är 301 redirect satta?
    En 301 betyder att eventuella gamla länkar hänvisas till sina nya respektive sidor. Vi använder också 301:or ibland när man har en sidstruktur där vissa nivåer inte innehåller någon information utan pekar då istället mot en av de undersidor som hör till.
  4. Har vi en favicon?
    Vi tycker ofta att det är detaljerna som gör webbsidan. En sådan detalj är ”faviconen”. Det är den ikon som i vissa webbläsare visas i anslutning till adressen i adressfältet samt om man bokmärker sidan.
  5. Är Google Analytics installerat?
    Statistik är viktigt på en webbsida. Att samla in statistik måste man göra från början, det går nämligen inte att få någon statistik i efterhand om man inte påbörjat insamlingen av data.
  6. Går e-post-formulär till rätt adress?
    Detta kan tyckas vara en märklig punkt, men under uppbyggnaden av en webbsida vill man oftast se hur informationen från e-post-formulär skickas tillbaka. Då måste man använda en e-postadress man själv kontrollerar. Dessutom vill man inte att kunden blir spammad med en massa e-post. När webbsidan är klar kan det vara bra att ändra så att kunden från dessa mail.
  7. Validerar XHTML?
    Vi skrev nyligen en bloggpost om validering av webbsidor. Vi kontrollerar och åtgärdar så långt det är möjligt fel i HTML-koden för att vår kund ska få en så komplett och felfri produkt som möjligt.
  8. Olika browsers
    Denna punkt kan bli ganska omfattande, men webbsidorna måste kollas i olika webbläsare och olika upplösningar för att se att de fungerar och ser ut som de ska.
  9. Speed/performance
    Vi går igenom de anrop som webbsidan gör och kollar bland annat så att inga onödiga plug-ins är aktiverade. Om möjligt kan vi även i detta läge välja att se över hur bilder är komprimerade för att, om möjligt, göra webbsidan ännu snabbare att ladda.
  10. Sprites
    En punkt som också är kopplad till speed/performance. Bakgrundsbilder i designen kan, i många fall, slås ihop till en bild (en sk. Sprite) för att minska antalet individuella bilder som behöver laddas ner från nätet. Detta gör webbsidan snabbare att ladda. Många gånger anser vi det mer praktiskt att bygga en Sprite i efterhand och därför kvalar den in som en punkt att kontrollera innan släpp.

Vad finns det mer att kontrollera innan en webbsida blir publik?


07
feb

Är validering av webbsidor viktigt?

Vi validerar alla våra webbsidor mot W3. Vi ser detta som ett kvalitetsmått och att kunden får en färdig produkt utan fel. Validering innebär att html- & css-kod följer de standarder som satts upp.

Är det viktigt att validera?

Svaret är inte helt självklart. I många fall är det bra att validera men i vissa fall kan det kanske vara bättre att låta bli.

Fördelar med att validera

Om man validerar sin sida får man förhoppningsvis en framtidssäker webbsida. Oavsett om webbläsarna kommer i nya versioner med nya funktioner ska webbsidan ändå fortsätta att se likadan ut. Att ha en validerad sida kan också innebära att den fungerar bättre för någon som t.ex. använder en skärmläsare istället för en vanlig browser.

Fördelar med att inte validera

Många stora siter har html-valideringsfel. Just nu ser det ut så här:

Att ha en webbsida som inte validerar, utan att man har en speciell anledning för detta, anser vi inte är någon bra idé. Vi menar alltså den typen av fel som finns där av lathet eller för att man inte gjort rätt.

Däremot kan det finnas lägen då man under kontrollerade former tjänar på att ha ”fel” i sin kod, eller låta bli att lägga till argument som standarden kräver. Ett sådant skäl kan vara för att minska på bandbreddsåtgången. Detta är dock endast ett giltigt argument för riktigt stora siter som t.ex. google.com. Vid något tillfälle har Google mätt detta på sin söksida och endast ett fåtal extra bytes/tecken kan förändra användarupplevelsen.

Vi validerar html-kod så långt det är möjligt

Vi anser att det, i de flesta fall, är så pass små saker som behöver åtgärdas att det inte är motiverat att låta bli att fixa dem. Det kan handla om alt-taggar på bilder, &-tecken som inte är korrekt skrivna (&) och block-element i inline-element. I vissa fall upptäcker man också oavslutade taggar och det kan klart vara bra att fixa.

I vissa fall går det inte att få en webbsida helt utan validerings-fel. Iframe är t.ex. en sådan tagg som kan vara problematisk och den behöver man använda i vissa fall.

Verktyg för att validera sin sida

Vi använder HTML Validator i Firefox för att på ett enkelt sätt se vilka fel som finns. Man kan även använda html-validator på w3.org.


04
jan

Tankarna bakom nya plucera.se

Igår blev det ett väldigt kort inlägg i all hast, sent på kvällen när vi jobbat i 14h, som i korthet bara talade om att nya plucera.se nu är live men att vi har lite kvar att fixa med.

Ny webbsida för nionde gången

Vill börja med att konstatera att vi för nionde gången totalt och sjunde året i rad, lyckats publicera en ny webbsida första arbetsdagen på nya året.

Portfolion återuppstår

Internt har vi kallat 2011-versionen för ”rebirth of the portfolio” och mycket av vårt tänk har vi lagt på just portfolion. Även om vi utseendemässigt har tyckt att vår portfolio har fungerat bra de senaste åren så har de varit en pina att uppdatera och underhålla. Därför var det viktigt nu att bygga den på ett sätt som gjorde det enkelt och snabbt att uppdatera. Vi tackar WordPress för de smidiga funktioner som automatiskt skalar bilder vilket bidrar i allra högsta grad.

Webbsidan växer

I och med att alla projekt nu ligger som egna sidor kommer vår webbplats att växa med ett antal sidor och på denna väg kommer vi fortsätta under året. Vi kommer skapa mer innehåll och fler sidor.

Bloggen är viktig

Bloggen har växt till ett kraftfullt verktyg för att driva trafik till vår webbsida. Därför får den ännu mer fokus och vi gör urval av bloggposter att visa på de flesta sidor.

Designen

Att ändra design på webbsidan en gång om året gör att man ofta måste tänka om och tänka nytt. För årets webbsida valde vi ett retro-tema med bilder från omkring 50-talet. Därtill har vi valt att jobba med signalfärger och tydliga rubriker.

Vi lovar offert på 24h

Att skapa en offert på den typ av uppdrag vi oftast får tar inte väldigt lång tid om vi bara har ett korrekt underlag. Därför har vi nu satt upp ett offertunderlag för beställning av webbsida där vi lovar offert tillbaka på 24h. Detta givet att formuläret är tillräckligt ifyllt.

Webbsidan är ännu inte riktigt klar

Även fast webbsidan är live och ”kickin” så har vi några saker kvar att bygga in. Jag tänker dock inte avslöja dem ännu utan det får bli lite av en överraskning när de dyker upp.

Plugins

Utan plug-ins till WordPress hade sidan varit betydligt svårare att bygga och underhålla. Simple Fields är t.ex. oumbärligt. Sedan kör vi nu även med Yoasts SEO-plugg.


30
sep

Ny webbsida till Miris

Miris, en av våra mest trogna kunder sedan lång tid tillbaka, har nu fått en ny webbsida. Fokus har legat dels på att tydligare peka på de produkter och produktområden man arbetar inom men även fräscha upp design och form.

Miris arbetar med verktyg för analys av fettinnehåll i mjölk men även analys av andra vätskor.

Som vi tidigare bloggat om använder vi gärna Simple Fields för att kunna använda WordPress som CMS. På Miris webbsida har det återigen kommit till nytta och vi kan skapa ett back-end där kunden själv kan styra allt innehåll.

Vi har även använt Feed WordPress för att hämta pressmeddelande från AktieTorget samt WPML för språkhantering.


16
sep

Köpa en webbsida? Detta ingår

Vi får ofta frågor kring pris på en webbsida. Denna fråga är alltid lika svår att besvara utan att närmare sätta sig in i vem kunden är och vad man vill göra. Det vi dock kan säga är att det i grunden inte skiljer sig speciellt mycket från en sida till en annan utan det som påverkar är snarare hur mycket ”extra” man vill ha.

Vad får man på köpet?

Det som kanske är mer intressant är vad man får när man köper en webbsida. Vad ingår i priset? Förutom det faktiska arbetet med att designa och koda själva webbsidan kommer här en lista på saker som alltid ingår.

  • Kunskap om hur webben fungerar – I priset ingår vår mångåriga erfarenhet av att arbeta med webben. Vi har bra koll på såväl trender som användbarhetsfrågor.
  • Genomlysning av verksamheten och budskapet – I och med arbetet med webbsidan så sker det en naturlig genomlysning av kundens verksamhet och budskapet som man förmedlar. Kanske dyker det upp frågeställningar som gör att man ytterligare kan förtydliga sitt budskap.
  • Skräddarsydd och unik design – Vi återanvänder aldrig tidigare skisser eller producerad kod. Varje kund får en unik och skräddarsydd design.
  • En webbsida som följer standarder – Vi jobbar med XHTML och CSS och ser till att webbsidorna validerar mot W3:s standarder.
  • En webbsida som fungerar i alla webbläsare – Som standard ingår att vi kontrollerar att webbsidorna fungerar bra i Internet Explorer 7 & 8, Mozilla Firefox, Safari, Google Chrome och Opera. Vi kan också erbjuda stöd för Internet Explorer 6, även om vi ogärna gör det.
  • Möjlighet att uppdatera webbsidan på egen hand med ett användarvänligt verktyg – Vi lägger upp alla webbsidor i WordPress, en produkt baserad på öppen källkod. Med WordPress kan man själv uppdatera sidan och dessutom på ett väldigt enkelt sätt. Vi låser inte våra kunder till oss som leverantör heller.
  • Möjlighet till hjälp med framtida uppdateringar – En webbsida som inte uppdateras är dömd att misslyckas. På något vis behöver man hålla sin webbsida uppdaterad. Vill man inte själv göra dessa uppdateringar finns vi tillgängliga och kan hjälpa till.



05
mar

Webbsida i WordPress till Layerlab

Vi har nu slutfört arbetet med ny webbsida till Göteborgsföretaget Layerlab.

Företaget jobbar inom biosensorområdet med produkter som inte är helt enkla att förklara för gemene man. Man genomför just nu en nyemission inför listning på AktieTorget.

Webbsidan är byggd i WordPress vilket lämpar sig alldeles utmärkt även för webbsidor med ett antal nivåer av information.

Förutom webbsida har vi även hjälpt till med en teaser (PDF) samt HTML-baserade e-postutskick.


"Plucera Webbyrå i Ängelholm, Skåne, arbetar med webbdesign vilket innebär att vi bygger webbsidor, främst i verktyget WordPress. Våra webbsidor är unikt formgivna och fungerar i alla moderna webbläsare. Vi arbetar även med sökmotoroptimering, SEO, och konsultation inom social media som Facebook & Twitter. Många av våra kunder hjälper vi dessutom med formgivning av trycksaker, som årsredovisningar, reklamfoldrar och visitkort. Vi kan även designa logotyper."

"Vi arbetar med kunder i hela Sverige, så söker du t.ex. webbyrå i Helsingborg eller webbyrå i Ängelholm kan vi hjälpa Er."

Plucera på Flickr