Då och då har jag behövt exempel på hur man inte ska göra en hemsida. Problemet är bara att det inte finns något sammanhållet arkiv med dålig design. Bra design finns det gott om. Var och varannan designblogg har artiklar som “40 snygga hemsidor” men försök att hitta fula hemsidor. Min idé var lika enkel som genial; ta en hemsida som är dålig, förklara varför den är dålig eller hur den borde varit gjord, avrunda med litet humor. Efter ett tag finns dessutom Sveriges största samling av dålig webbdesign.

Jag har satt upp flera olika mål för det här projektet. Dels har vi de mer konkreta och resultatinriktade målen, som t.ex. att jag vill ha 1000 besökare per dag om ett år. Dels har vi de mer flummiga och personliga målen, som att jag ska bli bra på internetmarknadsföring och lära mig hur annonser sköts bäst.

Jag återkommer när det gått ett tag med resultat och analyser av hur projektet går samt hur och varför det skiljer sig från mina uppsatta mål.

Nytt projekt – fulahemsidor.se

• New Web – nytt wordpress-tema!

Hittills har jag varit en av få webbdesigners som vågat erkänna att one.com faktiskt var ett bra webbhotell att hosta sin webbsida hos. Jag har skrivit om det i mitt inlägg om hur man skapar en blogg på en egen domän. Detta tips har dock varit riktat främst mot dem som har en mindre seriös hemsida eller blogg och räknar med max 100 besökare om dagen. Om man har en kommersiell sajt på 100-tals sidor med flera tusen besökare om dagen har man råd att betala för ett riktigt webbhotell.

Med det sagt måste jag dock säga att jag på senare tid har fått anledning att ändra åsikt. Visst är one.com fortfarande det billigaste och enklaste webbhotellet, det har inte ändrats. Det är bara det att Wordpress inte längre fungerar på one.com. Efter lite efterforskning kom jag fram till att det berodde på att one.com har för lite minne tilldelat per hemsida. Jag har pratat med supporten på one.com och fått beskedet att de inte kan göra något åt detta just nu.

Att säga att det inte fungerar är kanske en överdrift. Lyckas du installera Wordpress så är allt bra. Men räkna med att det inte kommer att fungera att uppdatera Wordpress automatiskt eller ens manuellt. Det kan också uppstå problem om du har för många eller väldigt krävande plugins.

Tyvärr känner jag inte till några riktigt bra alternativ. Jag har dåliga erfarenheter av andra webbhotell i samma prisklass, t.ex. web10 och surftown. Loopia verkar bra men är betydligt dyrare och inte lika enkelt att använda om man inte är insatt.

Andra bloggar om: wordpress, wordpress-bloggar, one.com, webbhotell, WP, hosting.

Wordpress-blogg hos one.com

• Hur du skapar en egen wordpress-blogg i 4 steg
• New Web – nytt wordpress-tema!

Ted beskriver blogipedia som ett sorts wikipedia, fast med information från bloggar. Jag skulle snarare säga att blogipedia är en oerhört häftig idé som verkligen demonstrerar vad som faktiskt går att göra på webben idag.

För er som inte hört talas om Ted valentin tidigare så är han en av Sveriges mest namnkunniga internetoperatörer, mest känd för sina kartsiter som t.ex. wifikartan.se.

Andra skriver om: blogipedia, ted valentin

Blogipedia – Intressant idé

• Korrekturläs inte!

  Vi börjar lite mjukt med en allmänt känd och accepterad punkt, nämligen språket. Det absolut enklaste sättet att få en besökare att tappa allt förtroende för din hemsida är att stava fel ofta. Inget kan överträffa en felstavning i rubriken på förstasidan.

• Gul bakgrund och blå text

  Eller vilken annan kombination av starka komplementfärger som helst. Förutom att det blir totalt omöjligt att läsa ger det dessutom intrycket av att hemsideägaren bad sin tolvåriga son att designa hemsidan. Kombinera detta gärna med blinkande figurer (se nedan), olika stor och centrerad text samt regnbågsfärgade rubriker.

• Bakgrundsmusik

  Tänk dig att du sitter och slösurfar och lyssnar på musik för att varva ned efter jobbet. “Kolla in min häftiga hemsida” står det och du öppnar länken i en ny flik medan du fortsätter att läsa vidare där du var. Plötsligt bryter sig en kaskad av olika ljud ut genom högtalarna och skär sig på ett fruktansvärt sätt med den musik du nyss spelade.

  I panik stänger du av musikspelaren men oljudet är kvar. Du letar igenom alla flikarna, hittar den som verkar vara källan till eländet och dödar den för att aldrig mer besöka hemsidan igen.

• Störande reklam

  100% av de tillfrågade i min högst inofficiella undersökning ansåg att reklam som tar mer plats än själva innehållet är en faktor som kan få dem att lämna sidan. Till exempel: mycket blinkande banners, reklam mitt i inläggen eller annonser överst på hemsidan. Intressant nog använder många av de mest populära hemsidorna denna teknik ändå.

• Inkonsekvent navigering

  På startsidan kan du ha en klassisk menylist under headern. Låt sedan menyn hoppa slumpmässigt från höger till vänster när man byter sida och sätt den längst ned lite då och då. Glöm inte bort att låta menyn ändra form och utseende. För att fullända det hela kan du också glömma bort menyn på några sidor.

• Senast uppdaterad: 1999 på hösten

  Att mötas av inaktuell information är aldrig kul som besökare. Ett meddelande om att en uppdatering kommer inom en vecka (det stod så förra månaden också) ger ungefär samma resultat.

• En bild på dig själv där du sitter och äter frukost

  Nej, denna punkt är inte ett påhittat extremt exempel för att tydliggöra min poäng. Detta är ett exempel taget från en högst verklig startsida som finns än idag. Behöver jag ens förklara varför en sådan bild är avskräckande?

Följ dessa 7 tips så kan du vara säker på att du inte får många besökare som stannar i mer än fem sekunder.

7 sätt att skrämma bort dina besökare

• Vad besökare vill ha

Jag har petat och pillat i många timmar för att anpassa temat efter wordpress.orgs krav och bloggares behov, och tillsist är jag klar. Detta, mitt senaste och tredje officiella wordpress-tema, går nu att läsa om på temasidan (jag ska piffa upp den sidan snarast) och ladda ned hos wordpress.org. Gör det nu! Du vet aldrig när du får chansen nästa gång.

PS: Som synes är jag inte helt klar med uppdateringen än som jag lovade. Designen/layout bör vara okej och fungera felfritt nu, men innehållet på vissa sidor har jag inte fått helt klart.

New Web – nytt wordpress-tema!

• Två nya wordpress-teman upplagda!
• Nytt projekt – fulahemsidor.se
• Wordpress-blogg hos one.com

Med start idag ska hemsidan uppdateras. Enklare struktur, nytt innehåll och framförallt en snyggare design, med mer fokus kommer på bloggen. På grund av denna uppdatering finns det en viss risk att hemsidan inte beter sig riktigt normalt det närmsta dygnet. Jag hoppas dock att allt ska vara klart och fungera innan jag åker bort på tisdag.

För att störa så lite som möjligt börjar jag med att ta bort sidor som faktiskt inte behövs. Sedan skriver jag om de som är kvar och strukturerar om lite. Tillsist kommer den jobbiga biten med att uppgradera wordpress, uppgradera och installera plugins samt att få widgetsarna att uppföra sig som jag tänkt mig.

Nytt wordpresstema!

Som för att fira detta epokskifte passar jag på att lansera mitt senaste wordpresstema. Mer information om det när uppgraderingen är färdig.

Uppdatering pågår!

Men för eller senare kommer det uppgifter som inte går att lösa med hjälp av miniräknaren. För eller senare kommer du också att stöta på problem när du inte vet vad du gjorde för fel. Du vet ju faktiskt inte riktigt vad du gör, du vet bara hur man knappar in siffror på en maskin.

Samma fenomen förekommer inom webbdesignen. Du kommer på att det vore coolt med en hemsida och sätter igång med Dreamweaver i layout-läge. Men precis som med en miniräknare så vet du inte vad du håller på med när du jobbar i layout-läget. Det blir väl ganska fint, men det är inte alls säkert att koden bakom är det. När du sen ska hitta var du gjorde fel, så är det omöjligt om du inte kan grunderna.

Idag är jag föräldern som säger åt dig att träna på din huvudräkning. Om du verkligen vill lära dig webbdesign på riktigt, börja med att göra en hemsida i “Notepad/Anteckningar”. Jag var själv en gång i stadiet då jag inte förstod poängen med att kunna skriva i HTML-kod. Idag jobbar jag enbart i koden, och det går ändå snabbare och blir framför allt bättre än med en visuell html-editor.

Gör det du med, du kommer att tacka mig senare.

Webbdesign är som matte

Steg 1: hitta problemet

Det första man måste göra är att lista ut var felet är. Om man uppdaterar och testar sin hemsida ofta så brukar det inte vara något problem, och då kan man hoppa vidare till att identifiera problemet. Ibland kan det dock hända att man missar ett fel ett tag eller lägger till en funktion som avslöjar ett annat fel. I sådana fall brukar jag välja mellan att ”ta bort” eller att ”lägga till”.

Ta bort

Denna metod fungerar generellt sett mycket bra, men är bäst i synnerhet när man programmerar. Det man gör är helt enkelt att ta bort en del av koden och ser om antingen problemet eller elementet som hemsöks försvinner. Om det inte gör det vet man var det inte är fel.

Lägg till

I andra fall, som i css, funkar det bättre att lägga till några rader för att hitta felet. Om du frågar dig ifall det är lagret ovanför eller under som puttar bort ditt div-element, sätt en border sunt allt så brukar det klarna.

Steg 2: identifiera problemet

När du vet var problemet håller hus är det dags att lista ut vad felet är. Just i webdesign brukar åkommorna hålla sig till tre typer av av fel. Jag kallar dem semantiska/grammatiska, dumma och externa fel.

Semantiska eller gramatiska fel är när man har glömt ett sånt där irriterande litet semikolon som ska avsluta alla satser i de flesta script-språk. Eller när man går vilse bland alla parenteser. Även de gånger då man faktiskt inte har skrivit ”fel” men den rätta koden betyder något annat än vad man avsåg är ett sådant fel.

Dumma fel är när man helt enkelt klantar sig. Stavfel, ihopblandade attribut, you name it. Dessa räknar man nog ofta inte ens som fel eftersom man brukar upptäcka dem med en gång. Jag har dock skrivit ”display:blovk” hur många gånger som helst och undrat varför det inte funkar.

Externa fel är de buggar som du inte har någon kontroll över. Ett färskt exempel är mitt Offset Writing-tema. En person har påpekat att det inte uppför sig i hans version av Safari medan det gör det på min dator. Ibland går det att rätta till med avancerade logiska vurpor, ibland kan man inte göra något åt det. Det svåraste med denna typ av del är dessutom att de inte är rationella, och därför svåra att lösa.

Steg 3: åtgärda problemet

Nu när du vet vad som är fel är det bara att rätta till det. Viktigt här är att komma ihåg vad man kom fram till i föregående steg. Annars slutar det som vanligt, att man bara provar sig fram hej vilt. Förhoppningsvis kommer du också ihåg hur du inte ska göra till nästa gång. För en nästa gång kommer alltid.

Att lösa ett problem

Varför ska jag flytta bloggen?

Det finns många fördelar med att ha sin blogg på en egen domän. Du slipper alla de blinkande och fula banners som finns på många av gratistjänsterna och om du vill kan du lägga in egna banners istället och tjäna pengarna själv. De viktigaste anledningarna är dock att du får betydligt större kontroll över din blogg liksom det ger ett mer seriöst intryck.

Som med så mycket annat bör du vara medveten om att det även finns nackdelar med att ha en egen domän. Naturligtvis, annars skulle alla ha en. Det kostar pengar, olika mycket beroende på vilket webbhotell du väljer (se nedan); och det kostar tid och tålamod, eftersom allting inte alltid funkar och det inte är någon annan som löser det åt dig.

Vad ska hemsidan heta?

Domännamnet är alltså den adress som en besökare skriver in i adressfältet. Oftast bör det vara samma som ditt bloggnamn men i vissa fall, som om det är långt och krångligt, bör du överväga att välja en domän som är lättare att komma ihåg. Toppdomänen ”.se” är nästan alltid att föredra om du skriver för en svensk målgrupp.

Vilket webbhotell ska jag välja?

En vanlig tumregel är att ju billigare och mindre ett företag är, ju sämre är deras tjänster, men det finns många undantag från denna regel. Ett litet företag har till exempel oftast bättre kundservice, även om risken är större att de är kortlivade. Det finns dock en regel som alltid stämmer i webbhotellsammanhang: gratis=skit.

Det webbhotell jag skulle rekommendera är faktiskt ett sådant undantag, i synnerhet för bloggare då priset brukar vara en prioriterad fråga. Hotellet heter One.com, och ligger (tyvärr) i Danmark. De är i särklass billigast av de stora webbhotellen utan att för den skull vara dåliga. Jag har personligen inga dåliga erfarenheter från dem.

Uppdatering: Jag kan inte rekommendera one.com längre. Se mitt inlägg om wordpress hos one.com.

Hur skapar jag en egen blogg?

Nu till vad artikeln egentligen handlar om; hur du faktiskt gör när du bestämt dig för att flytta bloggen.

1. Köp en domän. Vad du ska tänka på har vi redan gått igenom. Webbhotellen har instruktioner för hur du gör på sin hemsida.
2. Installera wordpress. Det finns vad jag vet inget annat bloggsystem som är så enkelt att installera och använda. Instruktioner finns även på wordpress hemsida.
   1. Först laddar du ned den senaste versionen av wordpress från deras sida och packar upp den.
   2. Öppna filen ”wp-config-sample.php” i anteckningar eller notepad. Där står det vilka uppgifter du ska skriva in och var. Om du använder one.com så är detta hur enkelt som helst; allt du behöver står i mailet du får av dem.
   3. Spara filen och byt sedan namn på ”wp-config-sample.php” till ”wp-config.php”.
   4. Ladda upp allting till din ftp-server. ”Ftp:n” fungerar ungefär som en vanlig mapp fast för din hemsida dit du kan kopiera filer från datorn. Om du använder one.com finns adressen till ftp:n tillsammans med lösenord i mailet du fick, annars är det troligen enklast att be supporten om hjälp. Ofta är den samma som till hemsidan (t.ex. ftp://exempel.se) men på vissa webbhotell (ex loopia) måste man använda en särskild mapp. Det som krånglar till det hela är att man inte kan använda webbläsaren.
      • Om du har en pc är det bara att skriva in adressen i utforskaren istället. Då funkar det i stort sett som en vanlig mapp på datorn, med den enda skillnaden att du inte kan kopiera filer inom ftp:n.
      • Om du däremot använder en mac måste du ladda ned en så kallad ftp-klient. Filezilla (http://filezilla-project.org/) är gratis att ladda ned, men jag kan inte hjälpa dig med hur det funkar.
   5. Öppna din webbläsare och skriv in ”http://<ditt domännamn&rt;.se/wp-admin/install.php”. Om alla uppgifter är korrekta skriver du in namn på din blogg och får sedan ett lösenord. Om någon uppgift inte stämmer är det bara att kolla så att alla uppgifter i ”wp-config.php” verkligen stämmer och ladda upp filen igen.
   6. Det första du bör göra, efter att ha loggat in såklart, är att byta lösenordet. Det är ingen idé att ha ett slumplösenord om du ändå måste skriva ned det för att komma ihåg det. Välj ett som du minns, men som inte är ett vanligt ord.
3. Välj och installera ett tema. Först ska du naturligtvis hitta ett tema som du vill ha. Det officiella biblioteket finns hos wordpress.org. Naturligtvis kan du även välja något av mina gratis wordpress-teman. På båda dessa platser kan du dessutom prova temat först.
   1. När du bestämt dig för ett tema du vill ha så laddar du ned det. Oftast är filerna packade i en zip-fil. Packa ur filerna ur zip-filen.
   2. Anslut till din ftp igen och gå till mappen ”wp-content/themes”. Där ser du förhoppningsvis redan två andra mappar, för varsitt tema. Kopiera ditt mappen med ditt eget tema.
   3. Om du fortfarande är inloggad på din blogg (annars loggar du in igen, med ditt komihåg-bara lösenord) går du till fliken ”design”. Där ser du de teman som finns installerade varav ett förhoppningsvis är det du just la till.
   4. Välj temat, och du är redo att börja blogga.
4. Börja blogga! Även om du i princip kan börja blogga nu är det några saker som är bra att fixa. T.ex. finns det redan en ”page” som heter ”about” med lite innehåll. Ändra titel och innehåll eller ta bort sidan under fliken ”manage”. Överhuvudtaget rekommenderar jag dig att testa alla funktioner du kan hitta. Inget kommer att explodera om du klickar på det.

Vad händer med mina gamla inlägg?

Det finns några inbyggda funktioner i wordpress för att importera sina gamla inlägg under ”manage > import”. Om din gamla blogg låg hos till exempel blogger eller wordpress.com använder du bara respektive funktion enligt instruktioner. Använder du däremot blogg.se eller någon annan tjänst där hela inläggen syns i bloggens RSS-flöde kan du använda RSS-funktionen för att importera dina inlägg (kommentarerna går dock förlorade). Viktigt är då att du först ställer in den gamla bloggen så att den visar alla inlägg i feeden.

Metrobloggare

Vissa tjänster verkar dock tro att snålhet är en dygd och släpper därför inte ifrån sig inläggen i RSS-feeden. Metrobloggen är ett sådant exempel. Sitter du där eller på någon annan liknande tjänst så finns det tyvärr inget annat alternativ än att ta till apostlafingrarna. En tröst är dock att du borde klara ett inlägg på mindre än en minut och om du hoppar över dåliga inlägg så tar det inte så många minuter.

Ett annat alternativ som för många faktiskt kan vara bättre är att helt enkelt låta inläggen ligga kvar på den gamla bloggen. Sådana fall kan vara om många länkar till dig och om du får mycket trafik från sökmotorer. Skriv helt enkelt på väl synlig plats att din blogg har flyttat och be besökarna att uppdatera sina bokmärken, länkar och feeds.

Hur du skapar en egen wordpress-blogg i 4 steg

• Wordpress-blogg hos one.com

1. Styr layout med tabeller

Bry dig inte om att HTML-tabeller ska användas till att visa tabelldata och endast tabelldata. Bry dig inte heller om enda anledningen till att de någonsin användes för layout var för att div-taggar inte stöddes av webbläsarna. Att både skärmläsare och sökmotorer bara ser rapakalja är ju precis vad du är ute efter.

2. Använd inte rubrikelement

Eller använd dem för att bestämma textstorlek. Google älskar välstrukturerade och relevanta rubriker och undviker du dem eller förvandlar dem till en ogenomträngbar sörja kan du vara säker på att bli nedputtad några steg.

3. Betala dyra pengar till nissarna som lovar att du ska rankas högst hos 3000 sökmotorer

Visst, det finns en viss risk att de håller vad de lovar, och ger dig en topplacering för frasen “xgibbdv”, men det är värt den risken då sannolikheten att du blir klassad som spam och blockad från sökmotorerna är större.

4. Köp en korkad domän

Om du heter Nisse Andersson och har ett företag som hyr ut lastbilar, välj då för i helvete inte ett domännamn som är relevant och som någon kan komma ihåg. Lastbilar.se, hyrenlastbil.se, lastbilsuthyrning.se eller företaget.se är sådana exempel. Döp istället hemsidan till nisse.nu eller passagen.se/nisseandersson_77.

5. Håll envist fast vid att CSS och W3C-standard bara är en fluga

Skriv inte en endaste kodrad som skulle kunna insinuera att du vet vad något av dem är. Använd istället style-attribut i varje element, blanda font-element överallt, infoga massor av br-element eller “&nbsp;” för att få lite extra plats och till sist, avsluta inte h-element eller stycken i onödan.

6. Använd bilder för att visa text

Detta är den ultimata lösningen på det irriterande faktum att besökarna har webbläsare. Genom att göra texten, eller varför inte hela sidan, med hjälp av bilder kan du vara säker på att inte en endaste sökmotor har en aning om vad du har för innehåll. En positiv biverkning är naturligtvis att du vet exakt hur sidan kommer att se ut på mottagarens skärm.

7. Fyll hemsidan med osynliga nyckelord

Om inget annat funkar kan du alltid ta till detta hederliga spam-knep. Du kan antingen skriva kodorden med samma text som bakgrunden eller använda javascript för att dölja den för besökarna. Annars är omdirigering med javascript en populär metod för att bli utsparkad från indexen.

7 tips för att inte rankas högre på sökmotorerna