Arkiv för kategori ‘Webbdesign’

WP eller egen design till innehållssajter?

tisdag, 22 juni, 2010

Olof ska ha cred för att han gav mig idén till detta inlägg. Här tänkte jag diskutera huruvida man bör använda sig av en färdig lösning (t.ex. Wordpress) eller köra på egenkodat när man ska göra mindre innehållssajter. Några fördelar med Wordpress är helt klart att det följer med ett publiceringsverktyg samt att det är smidigt att installera.

Fördelarna med den egenkodade sajten är att man har från början har full kontroll på hur man vill använda de olika taggarna som gynnar SEO:n. Detta går givetvis att ordna till även i en Wordpress-lösning, men jag tycker det är mycket krångligare att pilla i någon annans kod. Den statiska ssidan har även fördelen att ofta vara snabbare vid laddning än den dynamiska med flera databasanrop. Svarstiden för sajten är en inte helt obetydlig del av SEO:n. Det är även en stor fördel att redan från början ha full kontroll över kod/text-ration på din sajt, ju mer text i förhållande till kod destå bättre. Även när det gäller annonsplacering ser jag större fördelar med den egenkodade sajten, här kan du enkelt slänga in ett annonselement (Adsense-enhet/banner) var som helst utan större problem. Håller man på mycket med affiliatelänkar direkt i texten borde det dock inte spela någon större roll. Gör man dessutom några mallar att utgå  ifrån behöver inte kodningsbiten ta allt för lång tid. Glöm inte heller att testa olika typer av designer och annonsplaceringar för att hitta den perfekta lösningen. Design och annonsplacering påverkar i hög grad hur mycket det klickas på annonser.

Jag vill poängtera att jag har mycket mer erfarenhet av de egenkodade sajterna än att köra Wordpress. Därför kan min bild vara kraftigt vinklad, men jag hoppas på kommentarer som ställar  allt till rätta i så fall.

Småföretagare dåliga på webben

tisdag, 23 mars, 2010

Jag tycker man jämt och ständigt stöter på företagswebbplatser som rent ut sagt ser förjävliga ut. Detta tycker jag främst gäller små företag. Tanken till detta inlägg fick jag då jag återigen besökte 7stera.se, sajten som marknadsför och beskriver Draknästetuppfinningen med samma namn. Jag tycker att det är lite känsligt att krisisera dessa sajter eftersom det i vissa fall ligger en form av stolthet bakom skapelserna. All respekt åt dem som gjort sig mödan att lära sig grundläggande HTML för att kunna snickra ihop en egen sajt. En del av den personliga utvecklingen består dock i att bli bedömd av andra och få konstruktiv kritik.

Kort analys av 7stera.se
Vid första anblick ser webbplatsen ut att härstamma från 1998. Jag försöker lista ut hur den är uppbyggd och märker att vänsterdelen och högerdelen med logga ändrar position när man zoomar in resp. ut. Sajten är uppbyggd av tabeller som på gamla dagar. Rent utseendemässigt behöver det inte alls vara fel att använda tabeller, men ser man till SEO och kod så är det en katastrof. Sajten använder sig inte heller av någon extern CSS-fil för att separera innehållet från den visuella presentationen. Längst upp syns också VB-kod som ren text.

Eftersom webbplatsen idag enbart fungerar som presentation av företaget och produkten skulle det inte kosta många tusenlappar att låta ett proffs göra en ny design. Jag rekommenderar starkt en sådan investering!

Kort analys av Ruda Golf
Här har vi en webbplats som jag nämnt tidigare. Då gjorde jag en helt ny sida, och erbjöd dem att köpa den för en mycket liten summa. Jag fick aldrig något svar. Ruda.nu består enbart av en startsida, som inte är alls tilltalande. Här skulle jag rekommendera att skrota den nuvarande färgsättningen, blå text på grön  bakgrund är ingen hit. Sajten skulle enkelt kunna fräschas upp genom att fixa en interaktiv karta med Google Maps. Bilderna borde ligga som klickabara  miniatyrer i ett bildarkiv med en förstoringseffekt från exempelvis Highslide.

Kort analys av Högströms Tekniska
Presentationen av Högströms Tekniska lyder: ”Högströms Tekniska hjälper dig som privatperson men även små och medelstora företag med tekniska installationer, datasupport och utveckling av hemsidor. Högströms Tekniska kommer ut och fixar dina datorer samt installation av hemnätverk”.

Han må vara en hejare på den tekniska biten, men att ge sig på att utveckla hemsidor bör han nog inte göra. Den egna webbplatsen marknadsför ju inte den tjänsten särskilt bra. En ordentlig omgörning av hela webbplatsen skulle vara på sin plats.

Design gjord helt i MS Paint

torsdag, 4 februari, 2010

Squicky.org är en sajt vars design helt är gjord i Microsoft Paint. Jag tycker den är riktigt lyckad, den är både snygg och rolig. Skaparen är dessutom inte helt ute och cyklar när det gäller SEO. Han har nämligen sett till att skriva all text som finns i bilderna i deras alt-attribut. Detta gör ju sidan, eller i varje fall bilderna, sökbara på Google.

Fördelning av tiden i webbdesign

måndag, 4 januari, 2010

Webdesignerns mardröm

söndag, 3 januari, 2010

Passar på att dela med mig av en rolig historia eller serie. Den beskriver mycket väl hur det ofta går till under utvecklingen av en ny företagssajt.

http://theoatmeal.com/comics/design_hell

Anpassning till olika webbläsare

fredag, 18 december, 2009

Nu har jag spenderat någon timma på att anpassa designerna till resesajterna till Firefox och Internet Explorer. Jag uppmärksammades på detta problem av en vänlig läsare och attackerade problemet direkt. När det däller dessa designer har jag slarvat en aning och struntat i att kontrollera hur de ser ut i andra webbläsare än Opera.

Ett problem återstår dock, jag får inte bakgrundsfärgerna att bli rätt i Firefox. Body-bakgrunden ska vara grå, men innehållsdelens bakgrund ska vara vit. Trots att jag gett div:en ”content” background: #FFFFFF; så funkar det inte. Body-bakgrunden används på hela sidan.

De andra felen i Firefox som bestod av felpositionerade div:ar löstes lätt i CSS:en, och påverkade inte heller designens utseende i Opera. När det kommer till fel i Internet Explorer tvingas man (ta mig fan) alltid skapa en <!–[if IE 7]> där man får ge div:arna helt ny bredd, marginal, padding m.m. Fel som uppstår i Firefox och Opera beror ofta på att man slarvat med att ange olika mått. Rättar man till, så funkar det sedan ofta i båda webbläsarna.

Dessa jobbiga snapshots

tisdag, 8 december, 2009

Det verkas som att många webmasters och bloggar gillar snapshot-funktioner för bilder. Ni har säkert stött på dem. De gör så att det dyker upp en liten pratbubbla när man rör musen över en länk eller en liten bild. Ofta är dessa så snabba på att reagera på musen, att de dyker upp så fort man råkar röra musen snabbt över dem. Fruktansvärt irriterande, undvik dessa onödiga ”service” till dina besökare.

Ska göra en mobilsajt

onsdag, 9 september, 2009

Jag funderar starkt på att göra en mobilsajt av någon reseguide jag driver. Jag tycker just reseguider lämpar sig särskilt bra som mobilsajter. De är särskilt användbara för människor när de är ute och reser och bör vara snabbt åtkomliga via mobilen.

Jag har liten erfarenhet av att göra denna typ av sajter. Har i stort sett bara Googlat fram två resultat samt kollat Loopias beskrivning av .mobi-domänen. Där skriver de att ”En .MOBI-sida måste följa standarden XHTML MP. Du kan validera din .MOBI-hemsida med tjänsten ready.mobi”. Då kanske man ska fräscha upp sina små kunskaper om korrekt XHTML. Dessutom måste jag läsa lite tips om hur man bäst strukturerar en mobilsajt, var ska meny och innehåll placeras o.s.v. Nu tror jag inte det är aktuellt att registrera en .mobi-domän, utan jag tänkte köra sajten på subdomän till den vanliga domänen.

Webbprojekt steg för steg

fredag, 22 maj, 2009

För att effektivisera sitt arbete med en ny webbplats så är det bra att strukturera upp arbetet. Här vill jag visa på hur man kan dela upp arbetet i olika moment. Dessa moment är ganska övergripande och många fler delmoment kan rymmas inom varje av dem.

  • Design
  • Innehåll
  • Inlänkar

Börja med att skapa designen till webbplatsen, och i detta moment jobbar du enbart med designen hur lockande det än kan vara att börja slänga dit innehåll. Visst, lite innehåll kan behövas för att se hur designen funkar när det väl kommer till text. Sitt och putsa och finjustera allt fram och tillbaka till dess att du är helt nöjd med det du åstadkommit. Går du för snabbt vidare till nästa steg kan det krävas väldigt mycket onödigt arbete om du kommer på att designen inte alls var så bra som du trodde.

När du är helt nöjd med din design och det inte finns något du vill ändra på är det dags att fylla sajten med mycket innehåll. Över 500 ord per sida brukar anges som en tumregel för mängden innehåll som Google anser vara bra. Beroende på vilken typ av sajt du skapat så kan det ju skilja sig markant åt hur mycket innehåll som behövs. Om det är en tjänst så brukar ju inte innehållet vara i fokus, utan istället hur bra funktionerna är. För att ändå ha lite innehåll för Google att indexera så kan det vara bra att skapa några faktasidor som rör din tjänst.

När du kommit hit ska din sajt vara helt färdig, designen är helt klar och allt innehåll är på plats. Då börjar arbetet med att skaffa många bra inlänkar till sajten. Detta är nödvändigt för att din sajt ska ranka bra på Google, och därmed locka till sig besökare. Inlänkarna bör vara genomtänkta med dina viktiga sökord i länkens ankartext. Istället för att ha sajtens namn som ankartext (länktext) bör du använda dina viktigaste sökord och sökfraser. Om sajtens domän innehåller det viktigaste sökordet gynnar det dig om du får ”naturliga” länkar till din sajt. Då behöver du inte försöka påverka de som länkar till dig att använda en speciell länktext eftersom sökordet automatiskt används även om de bara skriver www.dinsajt.se som ankartext. Arbetet med att ordna länkbyten med andra sajter är ganska tidskrävande, men ack så viktigt. Utan dessa inlänkar kommer inte Google tro att din sajt har något viktigt att erbjuda.

Den återanvändbara designen

fredag, 22 maj, 2009

Designen som jag skapade till Lubeck.nu har jag börjat använda på Lugano.se och Bilsemester.net. Jag är dock osäker på om jag fortfarande är lika nöjd med den som jag var från början. Ett problem med den är att den kan vara för mörk. En förbättring skulle ev. vara att centrera innehållsdelen, behålla den svarta bakgrunden där, men byta färg på den absoluta bakgrunden. Problem nr. 2 är att koden är väldigt omständig med mycket div:ar för att få till de avrundade boxarna. Jag funderar på att börja om från början med en helt ny design, gillar dock  menyn så den kommer nog få följa med om det blir så.

Sedan har jag ju ständigt problem med att börja på nya projekt utan att slutföra dem. Det handlar då ofta om att fylla sajterna med mycket innehåll. Därför ska jag ännu en gång anstränga mig på den punkten. Min plan just nu är att enbart satsa på en sajt åt gången istället för att hoppa runt mellan de olika projekten och inte få så mycket gjort.