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.

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.

http://theoatmeal.com/comics/design_hell

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.

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.

• 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.

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.

Designen till Lubeck.nu är jag väldigt nöjd med, men den är ännu inte helt färdig. Jag funderar på att använda samma grunddesign till alla mina stadsdomäner. Jag är dock lite orolig att designen är för mörk.

Mina domäner av denna typ:

• Hamburgguiden.se
• Kaliningradregionen.se
• Lugano.se
• Lubeck.nu
• Gaza.se

Detta gör att innehållet man vill läsa får väldigt lite utrymme på skärmen och man måste försiktigt scrolla hela tiden. Jag ser ingen stor fördel med denna design, förutom att de lägger fokus på reklambannern hela tiden besökaren vistas på sajten.

Kanske något att tänka på när du ska designa sajter framöver. Såhär ser DI.se ut på en 10″-skärm med upplösningen 1024×600.

Den blå linjen förtydligar var de båda ramarna möts.

Jag är ganska nöjd med designen i stort jag har problem med att få bilderna på sajten snygga. De har vit bakgrund från början och jag vill göra den transparent eller i bakgrundens gråa färg. Det är kanten på snusdosorna som blir hackig eller ojämn. Jag skulle behöva ett bra verktyg i Paint Shop Pro som kan snygga till dem. Får väl testa mer med inställningarna på de verktyg jag hittat än så länge.

Som ni ser ligger det redan nu en del Adsense-enheter upplagda. Det är inte för att jag är girig och vill tjäna några cent extra under utvecklingsstadiet. Jag vill helt enkelt att de ska ligga uppe så att jag får en helhetsbild av sajten. Kom gärna med förslag på förbättringar om ni har några idéer.

Nackdelarna med denna typ av design är dock ganska många. Den största nackdelen är enligt mig att det är i stort sett omöjligt att djuplänka till ditt innehåll och samtidigt göra så att meny och logga syns när man går in via den länken. I en frame-design består index.html av en uppsättning FRAMESET-taggar som bestämmer hur stora de olika områdena ska vara samt vilket innehåll som ska visas när de anropas från index.html (startsidan). Den enda sidan besökaren ser i adressfältet är dindomän.se/index.html. Detta gör att besökare som vill lägga till en specifik sida på din sajt bland sina bokmärken alltid kommer skapa ett bokmärke till startsidan.

Ytterligare ett problem med rambaserad sida är att besökare som hittar den via Google ofta kommer till en undersida som egentligen ska visas i innehållsdelen på din sajt. Om länken på Google pekar mot dindomän.se/produkter.html så kommer besökaren in på produktsidan men ser inte loggan och menyn på din sajt, vilket gör det svårt att fortsätta navigera runt på den. Det finns dock sätt att komma runt detta, så att de övriga delarna ändå visas om man kommer in via ”fel” sida.

Mitt råd är att om du har en rambaserad webbplats så bör du anlita någon som kan göra en ny webbplats utan ramar åt dig, om du inte kan göra det själv såklart. Om du har en inte allt för stor webbplats så skulle jag kunna ta på mig jobbet mot en liten peng.

IE Tester innehåller Internet Explorer version 5.5, 6, 7 och 8 (beta 2)

Innehållet kommer förhoppningsvis min bror skriva. Hösten 2008 reste han runt i dessa länder under tre månaders tid och det kommer troligtvis resultera i ett personligt, underhållande och unikt innehåll. Det är ingen hemlighet att målet med sidan är att tjäna pengar på annonser. Jag tycker även det är väldigt viktigt med bra innehåll som är till nytta för besökarna.

Jaja, i värsta fall så förlorar man placeringar ett tag. Värre är det med gamla djuplänkar som antagligen inte kommer uppdateras.

Den nya sidan kommer vara mycket bättre sökmotoroptimerad än den förra, som hade många brister här och var. Jag är inte helt nöjd med utséendet på höger och vänsterkolumnerna, men det ger sig nog med tiden. Man får finjustera och pilla lite efterhand som all ASP-kod klistras in i, och anpassas till den nya designen.

Detta arbete gör att min planerade installation av Wordpress till denna blogg har fått skjutas på framtiden. Detta gäller även större arbeten på mina andra projekt.

CSS (Cascading Style Sheets) är stilmallar där man bestämmer presentationsstilen för de olika delarna va HTML-sidan. Man kan bl.a bestämma vilken font eller fontstorlek som ska användas. I HTML-filen hänvisar man till att de olika elementens egenskaper finns angivna i CSS-filen. Fördelen med att använda sig av en extern CSS-fil är att inställningarna bara behöver ändras på ett ställe, istället för i varje HTML-dokument. I HTML-filen anges bara ett ID eller en klass som sedan har sina egenskaper angivna i CSS-filen.

ASP använder man för att skapa dynamiska webbsidor, till exempel genom att läsa och skriva information till databaser. ASP-koden tolkas av webbservern som sedan skickar vanlig HTML-kod till webbläsaren.

ASP-kod kallas för “server-side script”, vilket betyder att den just tolkas av webbservern. JavaScript är ett exempel på “client-side script”, som körs och tolkas i användarens webbläsare. De vanligaste scriptspråken i ASP är VBScript och JScript.

Jag har dock begränsat med tid och har för vana att vilja göra allt på samma gång vilket brukar sluta med att alla projekt blir halvfärdiga. Detta är naturligtvis något jag vill undvika denna gång.

Jag har också registrerat domänen Whiskyrecensioner.se för att säkra mig mot felskrivninger då man kan skriva både ”whiskey” och ”whisky” beroende på vilket land den aktuella sorten kommer ifrån. På Irland och i USA skriver man whiskey, i Skottland och övriga länder heter det ”whisky”.

Länk: www.favoritrecept.com

Slut på detta korta inlägg som rör sajten favoritrecept.com

Det mest ansträngande arbetet är däremot att koda alla funktioner som ska finnas i detta minicommunity. Samt att säkra anropen till databasen för att undvika attacker mot den. Det är så lätt att man missar små, men viktiga detaljer.

Warning: mysql_connect(): Can’t create a new thread (errno 11). If you are not out of available memory, you can consult the manual for a possible OS-dependent bug in /home/kunder/xxxx/topplista.com/main/index.php on line 6
Can’t create a new thread (errno 11). If you are not out of available memory, you can consult the manual for a possible OS-dependent bug

Frågan är om detta beror på de turkiska spammarna, att webbhotellet de använder om inte klarar av trafiken eller att databasen eller koden är felkonstruerad. Jag misstänker att denna tjänst ligger på ett lågbudgetwebbhotell och att det är orsaken till alla problem. Men jag kan ha fel, det är svårt att spekulera när man inte har tillräcklig insyn (eller SQL- och Php-kunskap).

Edit: Kl. 23.30 fungerar tjänsten igen.

Har du däremot en mindre sida, men ca: fem underavdelningar så tycker jag det är en klar fördel att bara köra QueryString’s på index.asp. Du bygger helt enkelt upp sidan i sektioner (som vanligt) och låter helt enkelt innehållsytan bytas ut beroende på vilken avdelning som ska visas.

Säg att du har dessa menyval på din webbplats: Startsidan, Om mig och Mina bilder. Vanligsvis skulle du länka dessa avdelningar till filer (t.ex ommig.html). När vi använder QueryString’s kan vi välja vad på indexsidan som ska visas beroende på vad vi anropar, trots att alla ”sidor” ligger i samma fil.

Du har en innehålls-div på sidan som visar ”Välkommen till min hemsida” eller liknande på startsidan. Jag ska försöka mig på ett kodexempel nu:

<div class=”column_middle”>
<%If Request.Querystring(”page”) = ”” Then%>
<div class=”middle_content”>
<H1>Välkommen</H1>
<p>…Till min hemsida</p>
</div>
<%End If%>
</div>

<div class=”column_middle”>
<%If Request.Querystring(”page”) = ”minabilder” Then%>
<div class=”middle_content”>
<H1>Mina bilder</H1>
<img src=”bild.jpg” mce_src=”bild.jpg”>
</div>
<%End If%>
</div>

<div class=”column_middle”>
<%If Request.Querystring(”page”) = ”ommig” Then%>
<div class=”middle_content”>
<H1>Om mig</H1>
<p>Jag heter Örjan</p>
</div>
<%End If%>
</div>

Istället för att länka till olika HTML-sidor så kan vi nu säga till sidan att visa en specifik QueryString.
<a href=”index.asp”>Startsidan</a>
<a href=”index.asp?page=ommig”>Om mig</a>
<a href=”index.asp?page=minabilder”>Mina bilder</a>
Startsidan vill vi ju ha direkt under index.asp för att besökarna ska komma dit när de skriver in din URL i webbläsaren. Lämnar vi detta tomt (If Request.Querystring(”page”) = ”ommig” Then) så kommer det vara den If-satsen som visas som default.

Självklart kan du använda samma If-QueryString på fler ställen på sidan. Om du t.ex vill att något speciellt ska visas i högerkolumnen när besökaren är inne på en viss avdelning.

Hoppas jag inte har lyckats vara för svårbegriplig.

Google.se – Problem? Sök så får du svar!

Sidan är inte tänkt att bli så avancerad, utan tanken är att det ska vara en enkel och ren design där det är lätt att hitta det man letar efter. Den är både tänkt att vara en personlig receptbok för användarna, men med möjlighet som sagt att dela med sig, och ta del av recept.

Unikt eller inte, utvecklande för min del är det i alla fall. Kolla in sajten här: www.favoritrecept.com

Webbplatsen fungerar inte heller bra i Opera. Flashanimationen på startsidan visas inte alls. Det går att trycka på play men inget händer. I övrigt är webbplatsen fruktansvärt tungladdad. Det verkar som att webbyrån som gjort sajten inte heller buggtestat den ordentligt innan den lanserades.

Snygg design Svenska Spel, men räkna inte kallt med att alla era kunder kör Internet Explorer.

Jag räknar med att webbplatsen ändå kommer vara klar till månadsskiftet september/oktober. Då kommer deras nuvarande framebaserade webbplats ha ersatts med en sökmotoroptimerad databasgenererad webbplats. Jag är väldigt nöjd med designen även om det nog kommer slipas lite mer på den.

Webbplatsen utrustas även med ett kraftfullt adminsystem där det kommer gå att ändra det mesta av innehållet på hemsidan. De tekniker jag använder är HTML, ASP, CSS och JavaScript.

I förlängningen kan domänen också bli en webbplats för ett framtida företag inom webbutveckling, men det är än så länge bara på ett tidigt planeringsstadie. Har du ett mindre företag som behöver ny hemsida så är du väldigt välkommen att höra av dig för att diskutera en lösning.

Internet Explorer 6
Internet Explorer 7
Internet Explorer 8 (beta)
FireFox 2
FireFox 3
Opera 9
Safari
Google Chrome (Inte så populär just nu, men den kan bli framöver)

Funkar din webbplats i dessa så ser den bra ut för 99% av dina besökare.

Kundtjänst är också viktigt om du behöver komma i kontakt med webbhotellet snabbt. Billiga webbhotell erbjuder ofta endast support via e-post, telefonsupport är enligt mig en nödvändighet om det skulle uppstå en kris som snabbt måste åtgärdas.

Exempel på webbhotell du kan använda dig av:
Elvahost
Elitehost.se
Easy Webbhotell
Loopia

I version 6 och tidigare av IE adderas inte padding på det överordnade elementet (t.ex. en div) medan det gör det i FireFox och Opera. Detta skapar stora problem eftersom en div som i FF blir 600px bred blir 590px bred om vi använder en padding på 5px i höger- och vänsterkant. Problemen med måtten gör också så att vissa sektioner på sidan trycks ut för långt till höger så att de inte får plats och istället lägger sig under de andra divarna.

Numera struntar jag i att anpassa mina webbplatser till tidigare versioner av Internet Explorer i hopp om att de snart inte används av någon. Skrämmande nog använder dock 20% av mina besökare version 6 eller äldre.

Ladda ner programmet här:
http://www.my-debugbar.com/wiki/IETester/HomePage

Här är ett exempel på hur en CSS-fil kan se ut, jag använder mig av de klasser jag deklarerade i HTML-filen från del 1 i denna lilla skola. Exemplen blir ganska otydliga eftersom det inte går att skriva kod så bra i bloggtexten.

BODY {
background-color: #FFFFFF;
margin-top: 0px; Gör att en eventuell automatisk marginal i överkant försvinner
margin-bottom: 0px; Samma som ovan  men i nederkant
text-align: center; /*Innehållet centreras*/
}

.main {width: 800px; Yttre DIV:ens bredd i pixlar
background-color: #FFFFFF; Bakgrundsfärg
border: 1px solid; Ram 1 pixel bred och heldragen linje, andra alternativ är ”dotted” och ”dashed”
border-color: #000000;} Ramens färg

.left_column {
float: left; DIV:en lägger sig så långt till vänster  som möjligt, i detta fall till vänster i main-diven
width: 190px;
margin-left: 10px; Bredden+vänstermarginal=200 pixlar
border: 1px dotted;
border-color: #000000;
background-color: #FFFFFF;} Kan skippas om du vill ha samma färg som i main-div:en

.right_column {
float: left; DIV:en lägger sig så långt till vänster  som möjligt, i detta fall direkt till höger om left_column eftersom den står skriven tidigare i HTML-filen
width: 580px;
margin-left: 10px; Bredden+vänstermarginal+högermarginal=600 pixlar
margin-right: 10px; Summan av alla mått blir då 800 pixlar som är bredden på main-diven 
border: 1px dotted;
border-color: #000000;
background-color: #FFFFFF;}

Nu är sidan grovt uppstrukturerad, det som saknas är innehålls-divar som vi lägger i de kolumner vi skapat. Det går jag igenom i nästa del.

<html>
<head>
<meta name=”title” content=”Hemsidans namn samt mycket kortfattad information/nyckelord”></meta>
<meta name=”description” content=”Beskrivning av webbplatsen”>
<meta name=”keywords” content=”Nyckelord separerade med mellanslag”>
<meta name=”robots” CONTENT=”all, index, follow”>
<meta name=”GOOGLEBOT” content=”all, index, follow”>
<meta name=”revisit-after” CONTENT=”2 days”>
<meta name=”copyright” content=”T.ex ditt namn eller webbplatsens domän”>
<meta name=”distribution” content=”Global”>
<meta name=”language” content=”sv”>
<link href=”style.css” type=”text/css” rel=”stylesheet”>

<title>Din sida – En sida om bla bla</title> 
</head>

<body>
     Här kommer sidans innehåll läggas
</body>
</html> 

Det enda som ska vara unikt för vare enskild HTML-sida är <title>-taggen. Gör en ny för varje avdelning eller liknande som beskriver den aktuella avdelningen på ett bra och sammanfattat sätt. Helst så kortfattat som t.ex ”Dinsida.se – Information” eller ”Dinsida.se – Kontakt”.

Här nedan går jag in lite kort på hur du kan strukturera upp innehållet på din webbplats med hjälp av DIV:ar. Jag hoppar direkt in mellan <body>-taggarna i detta exempel.

<body>
<div class=”main”> DIV:en main påbörjas
        <div class=”left_column”> DIV:en main påbörjas
        </div> DIV:en left_column avslutas

        <div class=”right_column”> DIV:en right_column påbörjas
        </div> DIV:en right_column avslutas
</div> DIV:en main avslutas
</body> 

Genom att tilldela dessa DIV:ar ett ”class-namn” kan vi ge dem alla de egenskaper vi vill i en separat CSS-fil. Det är en mall eller instruktion till webbläsaren för hur informationen ska presenteras. Men det går jag igenom i nästa del.

Just den här kursen verkar vara väldigt simpel. Den ska tydligen innehålla lite HTML, XML och CSS men på väldigt grundläggande nivå. I kursinformationen nämndes något om en uppgift där målet var att registrera en blogg :-), lite väl simpelt tycker jag. Det kan i och för sig vara bra att läsa en kurs som i stort sett bara är att ”tenta” av, jag är nämnligen i stort behov av poäng.

Kursen hade blivit riktigt intressant om den gick ut på att bygga ett webbpubliceringssystem, men då är det helt plötsligt ingen grundkurs längre.

Jag har kontaktat dem med ett erbjudande att köpa min version av webbplatsen för en billig peng. Har inte fått svar än.

Jag vet att det vimmlar av hemsidesnickare runt om i Sverige men det ska inte få hindra mig. Jag ser ofta mindre företag med rent ut sagt pinsamma hemsidor. Varför har ingen av alla webbutvecklare kontaktat dem och erbjudit sina tjänster? De som har gjort det men inte lyckats sälja någon webblösning till dessa företag har antagligen inte kunnat förklara nyttan med en bra och snygg hemsida. Det gäller att förklara att hemsidans kodning och design spelar roll när det gäller att positionera sig bra i sökmotorernas resultat. Det är också viktigt att få företagaren att inse att en hemsida inte kan se ut hur som helst. Om företaget en riktigt dålig och ful hemsida skulle det säkert vara bättre för dem att inte ha den kvar. Detta eftersom den kan ge dålig publicitet och avskräcka potentiella kunder.

Det jag vill göra är att utforma snygga och funktionella webbplatser som kan uppdateras genom ett lättanvänt adminsystem. Jag skulle kunna tänka mig att göra en webbplats bestående av totalt 6 sidor/avdelningar för 1500-2000kr. Jag tycer det är en liten summa för att få en sökmotoroptimerad och lättuppdaterad reklamplats på nätet. Att jag kan hålla priset ner beror delvis på att jag använder mig av samma adminsystem till alla projekt, det enda arbete som krävs då är att anpassa det till varje enskilt projekt.

Jag gillar inte när personer dyker upp och råkar lyckas utan att anstränga sig. Hon tycker säkert hon har ansträngt sig genom att blogga varje dag, men vad är det mot att koda sin egen hemsida plus att bidra med kvalitativt material? Jag är liksom Tony Rickardsson inte bitter även om det kan verka så. Jag är bara emot denna orättvisa och vill föra fram min mening.

Ni som råkar läsa detta förstår mig säkert, ni har antagligen en webbplats ni är stolta över och uppdaterar flitigt. Ni undrar varför ni inte blir det naturliga valet för tusentals människor. Det finns två svar på den frågan: Konkurrens och publicitet.

Ukonkurrerad av en annan webbplats i samma genre? Denna webbplats kommer genom sin popularitet antagligen fortsätta växa eftersom människor gillar att vara bland sina vänner. De vill inte bli medlem eller liknande på en sida där deras vänner inte finns representerade. Vi kan dra liknelsen mellan MSN och ICQ. Jag började med ICQ omkring 1997, i början av 1999 övergav jag det och gick över till MSN. Det gjorde jag inte för att jag ogillade ICQ:s design och funktioner utan för att allt fler av mina vänner började befolka nätet då. Och just vid den tiden var MSN hetast för nykomlingar. I och med att MSN fångade upp nykomlingar tvingade de även till sig många veteraner (som mig) på nätet.

Det är likadant nu, gammla communities förlorar medlemmar eftersom Facebook lockade till sig community-nykomlingar.

Har du fallit offer för bristande publicitet? Det har många andra också. Det går att successivt hanka sig fram som man gjorde förr i tiden när webben var mindre komersiell. Men för att verkligen lyckas nu krävs (förutom en väldigt bra idé) att du investerar i ditt projekt. Du måste i stort sett räkna med att lägga ut åtminstone några tusenlappar på t.ex AdSense-reklam. Har du en väldigt bra idé kan du klara dig enbart på word-of-mouth-metoden. Men generellt sett är mitt råd att betala för annonser.

Börja med att skapa en databas, t.ex i Microsoft Access vilken jag använder i detta exempel. I databasen skapar du en tabell som heter ”referer”. Skapa därefter följande kolumner:

url (memo)
antal (number)
totalt (number) 

Spara databasen och ladda upp den i en mapp på ditt webbhotell (i detta exempel heter mappen ”db” och databasen ”data.mdb”)

Därefter skriver vi ASP-koden som registrerar från vilken webbplats besökarna kommer. Denna kod lägger du förslagsvis enbart på förstasidan.

<%
referer = Request.ServerVariables(”HTTP_REFERER”)
If referer <> ”” Then
Dim WordArray
WordArray = Split(referer, ”/”)
url = WordArray(2)
check_visitor = Request.Cookies(”visitor”)
If check_visitor <> ”counted_for” Then
If url <> ”www.google.se” AND url <> ”www.google.com” Then
Set Conn = Server.CreateObject(”ADODB.Connection”)
Conn.Open ”Provider=Microsoft.Jet.OLEDB.4.0;Data Source=” &Server.MapPath(”db\data.mdb”)
Set RecSet = Server.CreateObject(”ADODB.RecordSet”)
‘Response.Write (url)
SQL = ”SELECT * FROM referer WHERE url like ‘%”&url&”%’”
RecSet.Open SQL, Conn
‘uppdatbesok = RecSet(”antal”) + 1
If RecSet.EOF Then
Response.Cookies(”visitor”) = ”counted_for”
Response.Cookies(”visitor”).Expires = Date() + 1
adress = url
datum = date()
tid = Time()
besok = 1
SQL = ”Insert Into referer (url,antal) Values(‘” & adress & ”‘,’” & besok & ”‘)”
Conn.Execute(SQL)
Else
Response.Cookies(”visitor”) = ”counted_for”
Response.Cookies(”visitor”).Expires = Date() + 1
besok = RecSet(”antal”) + 1
Conn.execute(”Update referer Set antal=’” & besok & ”‘ WHERE url=’” & url & ”‘”)
End If
Else
End If
Else
End If
Else
End If
%>

Eftersom du kanske inte vill att Google ska vara med och konkurrera med dina länkvänner så säger vi till scriptet att igonrera adresserna Google.se och Google.com. Här kan du givetvis lägga till vilken domän du vill. WordArray gör så att adressen bryts vid andra och tredje slashen. Då återstår endast det fetmarkerade ”http://www.domän.se/index.html”, detta lagras sedan i databasen.

Genom att använda oss av en cookiefil kontrollerar vi så att inte samma besökare räknas flera gånger. Cookien är giltig i ett dygn, därefter räknas besökaren igen om han kommer in på din webbplats. Så länge han har en aktiv cookie får ingen annan webbplats någon poäng för att ha hänvisat honom till din webbplats. Denna cookiefunktion är inte bombsäker för att förhindra fusk, men det kräver mycket jobb för den som vill fuska. (Rensa cookies i webbläsaren inför varje nytt besök till din webbplats)

Koden som visar länkar till de som länkar till dig ser ut så här:

 <%
Set Conn = Server.CreateObject(”ADODB.Connection”)
Conn.Open ”Provider=Microsoft.Jet.OLEDB.4.0;Data Source=” &Server.MapPath(”db\data.mdb”)
Set RecSet = Server.CreateObject(”ADODB.RecordSet”)
‘SQL = ”SELECT url, MAX(datum) AND MAX(tid) FROM referer GROUP BY url”
SQL = ”SELECT * FROM referer ORDER BY antal DESC”
RecSet.Open SQL, Conn
With RecSet
.MoveFirst
End With
x = 0
Do While Not RecSet.EOF And x < 10
overnoll = RecSet(”antal”)
If overnoll > 0 Then%>
<p><a href=”http://<%=RecSet(” mce_href=”http://<%=RecSet(”url”)%>” target=”_blank”><%=RecSet(”url”)%></a></p>
<%Else
End If

x=x+1
RecSet.MoveNext
Loop
RecSet.Close
Conn.Close
%> 

Det svåra är att få användarnas kod att kommunicera med databasen när koden ligger på användarens server. Frågan är om det går att skapa en funktionsduglig lösning med enbart ASP eller om det krävs JavaScript itsället. Jag vill helst få det att funka med ASP eftersom mina JavaScript-kunskaper inte är så bra.

Det är viktigt att länkarna verkligen ligger på varje användares webbplats eftersom de ska ge samma SEO-effekt som om de lades in som vanlig HTML-kod. Google m.fl ska alltså uppfatta att länkarna ligger på användarens webbplats. Annars hade det enkelt gått att fixa med en iframe, men då ligger ju alla länkar tekniskt sett på min webbplats.

Jag har trixat lite med olika REMOTE-kommandon i ASP men har kört fast och vet inte riktigt var problemet ligger nu. Jag får helt enkelt testa vidare så får vi se hur det går med projektet. Adressen till prototypsidan är lankvanner.wasabi.nu.

Jag har också planer på att alla som deltar i länkguiden ska kunna logga in på ett eget konto och då kunna ändra uppgifter om sin webbplats. En funktion som premierar webbplatser som skickar många besökare är också en tanke som kan förverkligas. I så fall skulle det kunna bli aktuellt att endast visa de tio webbplatserna som skickar flest besökare i varje kategori på förstasidan. Vill man se alla webbplatser i en kategori kan man göra det på en separat sida.

Något som talar emot ett allt för omfattande omarbete av länkguiden är att det finns så fruktansvärt många webbplatser av denna typ. Det kan kännas onödigt att lägga så mycket energi på något som inte känns så givande.

Men det kan ju vara skönt att redan kunna det mesta och klara kursen utan problem.

Det är klart att små stavfel alltid kan dyka upp här och var.  Men när stor begynnelsebokstav och särskrivningar ständigt upprepas börjar man undra om personen inte borde läsa upp sina gymnasiebetyg innan han ger sig in i det offentliga rummet.

Ofta hörs det på ordet om det ska vara ihopskrivet, ta ordet flaggstång som exempel. När du säger det så gör du inte en kort paus mitt i ordet, så att det blir ”flagg—stång”. Det är också viktigt att koppla bort engelskans inverkan eftersom man där nästan alltid särskriver ord som på svenska skulle varit ihopskrivna. Särskrivningar kan också göra att meningen får en helt annan betydelse än vad som var tänkt. ”En sjuk sköterska tog hand om min sjuka bror”

En förenklad regel för när du ska använda stor begynnelsebokstav är att endast använda det när du skriver namn (på personer, företag och länder). Använd inte stor begynnelsebokstav på vanliga ord som t.ex. hemsida, forum och blogg. Se skillanden i dessa två meningar:

”I Ryssland är det ofta kallt” och ”Min bror talar flytande ryska”

Det är självklart ännu viktigare att tänka på att ha ett korrekt språk om du utvecklar och driver en företagssajt. Företaget kan uppfattas som mindre seriöst om webbplatsen innehåller många stavfel.

Det är uppenbart att denna typ av marknadsföring drar in stora summor pengar, vissa av ”företagen” som köper upp domäner har tiotusentals domännamn i sin ägo. Ofta köper de upp ”begagnade” domäner, alltså sådana som tidigare ägare struntat i eller glömt att förnya. Dömännamnet utvärderas sedan i några veckor och uppfyller det inte kraven så överges det innan ångerperioden för registreringen gått ut.

Mest tråkigt är när man kommer på ett bra domännamn där man vill bygga en webbplats, så visar sig domänen vara upptagen just i detta syfte. Istället för att domänen hade kunnat tillföra något av värde så ligger den och visar enbart sponsrade länkar.

Den engelska sidan kommer bestå av samma material som den svenska, undantaget material som är på svenska. Faller projektet väl ut kan det mycket väl komma en tyskspråkig version i framtiden. Storhetsvansinne eller ej så är det roligt att utveckla sidan.

Kontot skapar du på en sekund, under förutsättning att du inte måste sitta och tänka ut ett bra användarnamn som också används i den adress din webbplats får (http://one.xthost.info/dittnamn).

Detta är ett bra alternativ för dig som inte riktigt bestämt dig för att ta steget att registrera en domän och betala för ett webhotell än. I deras FAQ står det att det inte går att köra PHP på deras server, vilket kan betyda att de kör en Windowsserver och att du därmed kan köra ASP-sidor. För tillfället tillåter de ”hotlinking”, d.v.s att du använder utrymmet för att lagra filer som besökare kan komma åt via din huvudwebbplats om du har någon.

Vill du istället ha mer utrymme och tjänster så rekommenderar jag Loopia starkt. Det är ett väldigt snabbt och stabilt webbhotell, och Sveriges största har jag för mig.

De tekniker jag använder är ASP, HTML, CSS, JavaScript och en Access-databas.

Jag har även upptäckt att jag inte riktigt lever som jag lär. I ett tidigare inlägg argumenterade jag för hur viktigt det är att planera arbetet för att minimera risken för kompletteringsarbete. Det har jag alltså inte gjort, antar att jag är för ivrig att se resultat.

Projektet riktar sig till en kollega som är i behov av en ny e-handelsplats, men tanken är även att skapa en lättmodifierad mall som eventuellt kan säljas framöver.

Vinsten med att ha en webbplats som är kompatibel med alla webbläsare är stor. För varje besökare som ser din webbplats felaktigt förlorar du i värsta fall återbesök från den personen. Har du bara optimerat din sida för Internet Explorer så betyder det att du kan gå miste om ca: 35% av dina besökare. Har du 1000 besökare om dagen så betyder det att 350 av dem kanske inte alls sett vad du har att erbjuda, eller blivit avskräckta av att sidan blir svårsurfad. Din statistik ljuger alltså, även dessa besök syns ju i statistiken, men vad som inte syns så tydligt är just det ovannämnda. Det kan i och för sig synas på ”avvisningsfrekvensen” hos dina bsökare.

Testa din webbplats och optimera den för alla stora webbläsare. Internet Explorer, Firefox, Opera och Safari är ett måste. Då har du optimerat för 99,5% av dina besökare.

Funderar du på att bygga webbplatsen själv bör du svara på följande frågor:

• Har jag kompetensen att skapa den webbplats jag önskar och alla de funktioner som ska ingå?
• Är det värt tiden det kommer ta jämfört med kostnaden för att köpa en fullständig webbplats?

Svarar du nej på någon av dessa två frågor bör du överväga att köpa en webbplats, och då kommer det ytterligare beslut att ta ställning till.

Hur avancerad måste webbplatsen vara?
Du vill ju varken betala mer för funktioner du ändå inte kommer använda, eller betala för en webbplats som inte uppfyller dina krav. Beroende på hur stora kunskaper du har så varierar behovet av att ha en fullständig administrationsfunktion till sidan. Men även om du har breda kunskaper kan en omfattande adminfunktion spara dig mycket tid när sidan ska uppdateras. Har du en sida som inte behöver uppdateras oftare än någon gång i veckan, samt att du har goda kunskaper så finns det antagligen inget behov av en omfattande adminfunktion.

Hur stor är din arbetsbörda utanför ditt webbprojekt?
Driver du ett enmansföretag och därmed själv sköter alla andra sysslor såsom bokföring och beställningar så kan det vara bra att köpa en webbplats där du kan betala för att de sköter uppdateringar åt dig. Då kan du t.ex maila dina önskemål på ändringar så fixar dom det åt dig. Frågan är hur tidsbesparande detta egentligen är jämfört med en kraftfull administrationsfunktion där du lika enkelt som att skicka ett mail själv kan uppdatera. Jag skulle föredra en administrationsfunktion i detta fall. Det viktigaste är att webbplatsen lever, få människor gillar ”öde” webbplatser där det står något i stil med, ”Senaste nytt: 2007-04-13 – Ny produkt”.

Kontrollera noga vad du kommer få innan du köper
Fråga ut företaget om vad som ingår i varje alternativ du kan välja mellan, samt om du gör en specialanpassad beställning vara noga med att få med alla de funktioner du vill ha. Specificerar du inte tillräckligt så kommer troligtvis webbsnickrarna inte lägga ner en minut mer än din order kräver.

Ta även kontakt med andra som har köpt sin webbplats av det aktuella företaget och fråga om de är  nöjda med vad de fick. Är det svårt att hitta referenser så brukar det gå att söka på webbproduktionsföretaget i fråga. Sök t.ex efter ”Design av webbnissarna” eftersom de ofta brukar lägga till sin signatur på de projekt de varit med i.

Bygga själv
Nu måste du vara säker på att du klarar uppgiften du tagit dig an. En snygg och avancerad webbplats är inget man snickrar ihop på lunchen direkt. Beroende på hur duktig du är måste du räkna med att få lägga ner en hel del tid på projektet.

Om du är på ett företag med flera anställda och t.o.m har någon form av IT-ansvarig så kommer frågan om kompetensen finns inom företaget. I många fall kan det vara så att trots att det finns en IT-ansvarig så finns inte kompetensen för just denna uppgift. Försökra dig om att presonen/personerna kommer klara av projektet och inte producera ett halvfungerande resultat som bara kostat arbetstid till ingen nytta.

Åter till enmansföretaget. Kom ihåg att göra research bland dina konkurrenter och andra webbplatser med ett utseende och funktioner du vill ha. Det kan vara väldigt svårt att komma på allt på egen hand och missar du något kan det uppstå problem senare i projektet. Det kan vara väldigt tidskrävande att implementera en funktion eller detalj du missat från början. Planering är lika viktigt som själva konstruktionen.

De faktorer Website Grader undersöker är b.la:
- On-Page SEO (kodning)
- Off-Page SEO (pagerank, inlänkar, länkkataloger m.m.)
- Bloggosfären
- Sociala medier

Kommer du fram till att din webbplats klarar av konkurrensen eller helt saknar konkurrens så måste du ta tag i nästa viktiga steg. Planering. Det är väldigt viktigt att du planerar ditt arbete, speciellt om du tänker bygga sidan själv, men även om du köper en färdig mall. Nu säger vi att du ska bygga sidan själv, se då till att sätta upp ett tydligt schema för hur och i vilken ordning du ska arbeta.

Lista de olika delarna i arbetet t.ex såhär: 
1. Planering (2 dagar)
2. Registrera domän och skaffa webbhotell (1 dag)
3. Sidans struktur (5 dagar)
4. Sidans grafiska design (7 dagar)
5. Databasen (3 dagar)

Sedan bör du specificera arbetet i de olika punkterna så väl som möjligt, allt för att undvika att du glömmer viktiga delar i kodningen. På så sätt kan du undvika att tvingas göra om stora delar av sidan om du upptäcker att du glömt bort en viktig detalj. Börja med att göra det övergripande ramverket och testa det i så många webbläsare som möjligt (Internet Explorer (alla senare versioner), Firefox, Opera, Flock etc.) Upptäcker du för sent att sidan fungerar dåligt i någon webbläsare så kan det krävas mycket tid att gå igenom alla HTML-/ASP-/PHP-sidor för att rätta till problemet.

Databasen är oftast enklare och kräver inte samma korrekthet från början, det är enkelt att göra nödvändiga ändringar under arbetets gång. I alla fall om du kör en Access-databas utan en massa relationer.

Sidans grafiska element är också viktiga (min akilleshäl) och du bör lägga mycket tid på detta. Tänk bara på att inte dränka sidan i grafik eftersom detta slöar ner den mycket. Det går att göra mycket av designarbetet med hjälp av CSS.

Om jag inte har hastat igenom allt för snabbt så borde vi vara framme vid stadiet då du har en sida som ä redo för publicering. Nu bör du sätta upp olika mål för sidan.

Exempel på mål:
- 50 länkbyten inom två veckor
- 200 unika besökare/dag inom två veckor
- Google Pagerank 3 vid nästa uppdatering från Google
- 1000 registrerade medlemmar inom en månad 

Vill du slippa länkbyten så är Google Adwords ett väldigt bra sätt att marknadsföra din webbplats. Länkbyten är dock ett väldigt bra sätt att öka din Pagerank, som i sin tur gör att du visas högre upp bland sökresultaten. Länkbyten leder i de flesta fall till gratis marknadsföring genom ökad synlighet i sökresultat. Dessutom ger ju länkbyten också trafik direkt från sidorna du har ett länkbyte med.

Förr var det ytterst vanligt att man kodade hemsidor enbart i HTML, och inte separerade hemsidans utseende (grafiska element) från struktur. Taggar som t.ex <font> och <width> hör till utseendet och inte till strukturen på sidan. Dessa taggar ska du i största möjliga mån undvika att ha med i dina HTML-filer. Det som är struktur är tabeller, tabellrader och -kolumner. Numera används dock div:ar i större utsträckning. Och dessa kan se ut såhär:

Hur denna div sedan ser ut styrs via en CSS-fil (ex. style.css) och den kan se ut såhär i detta fall:

.hogerkolumn {width: 200px; background-color: #FFFFFF; font-family: Arial,Tahoma,Verdana;}

CSS-filen länkar du in i HTML-filen genom att använda dig av denna kodsnutt (som placeras mellan <head>-taggarna)

<link href=”style.css” mce_href=”style.css” type=”text/css” rel=”stylesheet”>

Genom att separera utseende från struktur så får du en mer lättuppdaterad hemsida. Om du har alla mått på de olika elementen i din CSS-fil så slipper du uppdatera varje HTML-sida när du vill göra ändringar. Ytterligare en positiv effekt är att webbläsarna visar din sida snabbare eftersom det är enklare för dem att tyda din kodning.