Hemsida – Sida 3

nov 13 2014

Firefox DE, utvecklarnas bästa vän?

Vi gillar webbläsare på FS Data. Även om vi är långt från eniga om vilken webbläsare som är bäst, så är vi alla väldigt entusiastiska och flitiga användare av olika webbläsare. En webbläsare är ändå det främsta arbetsredskap vi har i vårt dagliga arbete.

När Mozilla släppte en ny version av sin webbläsare, Firefox Developer Edition, tidigare denna vecka så var vi givetvis snabba med att testa den.

Firefox Developer Edition (Firefox DE) är rent konkret Firefox med ett mörkare tema, fyrkantiga flikar och lite mer inbyggda funktioner för utvecklare/programmerare. Tidigare användare av Firefox kan faktiskt behöva leta lite för att hitta skillnaderna mellan dessa versioner.

Nyheterna i Firefox DE gömmer sig under skiftnyckeln till höger om adress- och sökfälten. Här har Mozilla samlat ett stort antal funktioner för webbutvecklare. Många av dem är bekanta, medan vissa är helt nya (eller har existerat sedan tidigare som tillägg).

Firefox Developer Edition, verktyg

Med ”Inspekterare” kan man granska en hemsida och dess olika element. Det går att redigera HTML och CSS direkt här och se vad som händer på hemsidan i realtid. Notera dock att ändringar här inte sparas, utan att man behöver lägga in det på riktigt också.

Under ”Webbkonsolen” kan man se fel och varningar i script på hemsidan. Med ”Avlusare” (en väldigt rolig översättning av engelska Debugger) kan man likaså utföra mer ingående felsökning av script.

”Stileditor” är ett väldigt bra verktyg för att testa nya stilmallar. Även här uppdateras hemsidan direkt vid ändringar, men här kan man faktiskt skapa en separat stilmall (och spara den på sin dator). Stileditorn har även utmärkt stöd för kodformattering.

Med ”Prestanda” och ”Nätverk” kan man testa hur snabbt en hemsida laddar, både med och utan cache. Öppna nätverksfunktionen och ladda om din hemsida så listas alla element (script, bilder osv.) i ett ”vattenfall”. Varje element (och elementtyper) kan kontrolleras individuellt likaså.
Firefox OS
”WebIDE” är en nyhet i Firefox DE, som förenklar utveckling och test av webbapplikationer för mobila plattformar. Här kan man (efter viss konfiguration) testa webbapplikationer i Chrome (Android) och Safari (iOS).

Samt utveckla applikationer för Firefox OS. Har du inte hört talas om Firefox OS tidigare?

Det är Mozillas operativsystem för smarta mobiler (med fokus på enklare hårdvara). Istället för plattformsberoende applikationer (appar) används webbaserade motsvarigheter i Firefox OS.

Vi lär sannolikt återkomma till denna spännande plattform lite senare i vår blogg.

Med ”Responsiv designvy” är det möjligt att testa hur en hemsida ser ut i olika skärmstorlekar. Det går att välja ett antal färdiga upplösningar (matchande iPhone, iPad osv.) samt att ange en egen upplösning. Det går även att rotera skärmen.

Firefox Developer Edition, responsiv vy

Den responsiva designvyn är ett utmärkt verktyg i kombination med stileditorn, då man enkelt kan se och ändra utseendet på sin hemsida för olika skärmstorlekar där.

”Färgpipett” är ett verktyg för att ta fram färger på hemsidor (t ex bakgrundsfärg) och med ”Kladdblocket” får man ett separat fönster där kan skriva och spara kod och anteckningar.

I övrigt fungerar Firefox Developer Edition precis som Firefox. Det innebär att tillägg och teman till Firefox även fungerar med Firefox DE. Om man vill är det även möjligt att ändra temat i Firefox DE (t ex till det ljusare standardtemat i Firefox).

Vad tycker vi om Firefox Developer Edition?

Firefox är en riktig bra webbläsare och denna utvecklingsversion underlättar många saker som vi sysslar med till vardags. Det är enkelt att felsöka script, element, stilmallar och andra saker med hemsidor. Att samla alla dessa verktyg under en meny är riktigt, riktigt bra.

Det mest spännande med denna version av Firefox, det är de nya funktionerna för mobila webbapplikationer. Än så länge är dessa funktioner rätt enkla, men det lär bli ännu bättre här framöver. Så om man vill ligga i framkant vad gäller utvecklingen av den mobila webben så är Firefox Developer Edition ett riktigt bra val.

Har du testat denna nya version av Firefox än? Vad är dina åsikter och tankar? Lämna gärna en kommentar här!

okt 24 2014

Sveriges äldsta blogg, en intervju

Världens första personliga blogg brukar anses vara Justin Hall’s hemsida (från januari 1994). Uttrycket ”weblog”, som senare förkortades ”blog”, myntades dock först 1997. Samma år startade även Sveriges äldsta blogg.

Det var den 4:e april 1997 som Sven Ohlsson startade sin blogg ”Sven Tycker”. Sedan dess har han skrivit ett nytt inlägg nästan varje dag. Det gör ”Sven Tycker” till Sveriges äldsta aktiva blogg. Givetvis hanteras hans hemsida och blogg, sedan 2002, av ett av Sveriges äldsta webbhotell.

Att blogga dagligen i över 17 1/2 år (6 412 dagar) är en enormt imponerande bedrift. Hur lyckas man med det? Hur orkar man med? Vi beslutade oss för att intervjua Sven.

– Hej Sven! Vem är du och vad bloggar du främst om?

Jag är en 62-årig åstorpare med ett stort intresse för vad som händer i vår värld. Både lokalt och internationellt. Och det är främst detta jag skriver om. Aktuella händelser där jag får en chans att helt fritt, utan att någon redigerar eller refuserar mig, kan tycka precis vad jag vill. Och det är riktigt kul att själv läsa 10 år senare vad jag tyckte var viktigt och vad jag tyckte då.

– Du har bloggat i princip dagligen sedan 1997. Hur får du inspiration till dina inlägg?

Det mesta som skrivs har ju en politisk ton. Och jag har alltid varit politiskt intresserad, något som jag ärvt från min mamma och ännu tidigare morfar. Och samtidigt är jag läsoman, och läser egentligen alldeles för många tidningar – helst på papper. Och det är här jag hittar inspiration och idéer till det mesta jag skriver.

Sven Ohlsson – Har du något personligt favoritinlägg i din blogg? Varför?

Mest komiskt är väl det faktum att ”Carola Häggkvist naken” fortfarande ligger i topp bland sökningar som hänvisas till min blogg. Det började för mååånga år sedan med att jag kommenterade Carola med något och samtidigt samma dag skrev något om ”den nakna sanningen”. Det tog inte många dagar förrän mängder med snuskhumrar hänvisades till Sven Tycker. En tid senare år 2006 kommenterade jag detta faktum under just rubriken ”Carola Häggkvist naken”. Effekten blev ännu fler besökare. Och fortfarande många år senare trillar dom in, besvikna läsare gissar jag.

– Vad använder du för verktyg, eller program, till din blogg?

Bloggen skrevs i en ren texteditor (TextPad) och har gjorts så ända sedan början 1997. Då började jag för att lära mig skapa en hemsida. Jag höll på med kortvågslyssning (DX-ing) och hade en mängd material som jag skrev för Förbundets tidning som jag ville lägga ut. Och för att lära mig skapades Sven Tycker. Dagbok på nätet fanns det något som hette då. Blogg var väl inte uppfunnet. Och sedan har det fortsatt. Och jag vill fortsätta att ha ett nostalgiskt utseende på bloggen. Det ska se 1990-talet ut.

– Har du funderat på att gå över till ett publiceringsverktyg, såsom WordPress?

Jag ska erkänna att texten även läggs ut på WordPress.com. Från början hade jag tänkt lite olika innehåll. Men så har det inte blivit.

– Hur tycker du det fungerar med bloggen hos FS Data? Är det något du saknar hos oss?

För mig fungerar det utmärkt. Jag har inga problem. Och de få gånger jag haft något form av problem har er kundtjänst hjälpt mig på ett bra sätt.

Med det tackar vi Sven och önskar honom stor lycka till med sin blogg. Vi hoppas kunna få fortsätta läsa ”Sven Tycker” i minst 17 1/2 år här framöver!

okt 03 2014

När städade du din hemsida senast?

Städa en hemsida med FS Data Vi har tidigare konstaterat att en snabb hemsida är en bra hemsida. Men en ännu bättre hemsida är en levande hemsida.

Dvs, en hemsida som utvecklas, växer och har ett konstant flöde av ny och uppdaterad information. En hemsida som inte uppdateras är en hemsida som förr eller senare tappar sin relevans och värde.

Som med andra levande saker så kan även hemsidor bli stökiga och svåra att hitta på ibland. Om hemsidan uppdateras flitigt så kan den börja förlora besökare om det inte är ordning och reda.

Vi tänkte därför visa hur man kan städa sin hemsida, med fokus på WordPress-baserade hemsidor. Tipsen gäller även för hemsidor på andra plattformar, men vi har med specifika WordPress-tillägg här.

En städad hemsida underlättar för besökare och kan göra underverk i sökmotorer.

Så här städar du din hemsida

– Hitta och rätta externa länkar

Länkar är som bekant rätt så viktigt för en hemsidas placeringar i sökmotorer (ju fler länkar en sida har, desto mer intressant/relevant är den). Men om länkarna in till din hemsida inte fungerar, då hjälper det inte att ha en massa länkar.

Först behöver du ta reda på vilka externa länkar du har. För detta finns ett antal olika tjänster och även om vi brukar rekommendera alternativ till Google, så är Googles verktyg för webbansvariga väldigt bra på att hitta länkar (och andra fel med en hemsida).

Börja med att logga in på Googles verktyg för webbansvariga. Lägg sedan till din hemsida/webbplats. Ange sökvägen till din sidkarta (sitemap) och verifiera ägarskapet till webbplatsen. Ett bra WordPress-tillägg för sidkartor är Better WordPress Google XML Sitemaps.

Det kan ta någon dag för Google att indexera din hemsida ordentligt. När det har skett så kan du hitta felaktiga länkar/sidor under ”Genomsökningsåtgärder” > ”Genomsökningsfel”. Där listas bl a serverfel och sidor som inte kan hittas.

Klicka på en adress i listan för mer information, samt för att se var den är länkad från. Nu är det egentligen ”bara” att gå igenom hela listan med felaktiga länkar här. När en länk är rättad är det bara att klicka på ”Markera som åtgärdade”.

Googles verktyg för webbansvariga

När man har rättat alla länkar här så är det bra att återkomma och kontrollera sina länkar emellanåt.

– Hur rättar man trasiga länkar?

Den vanligaste orsaken till att länkar sluta fungera är att strukturen på en hemsida ändras, t ex efter byte av hemsideplattform eller domännamn. Försök därför först att hitta den tidigare länkade sidan, antingen genom att söka på din hemsida eller via en sökmotor.
Om sidan inte existerar längre, försök att hitta en bra ersättande sida med snarlikt innehåll. Om det är en värdefull länk (en länk från en populär sida) så kan det även vara värt att skapa en ersättande sida om en sådan inte existerar.
Om det inte går att rätta länken, styr då om länken till startsidan för din hemsida eller ta bort länken (om den finns på din hemsida). Låt inte trasiga länkar finnas kvar.

Ett bra verktyg för att enkelt rätta (eller styra om) länkar på en WordPress-baserad hemsida, det är tillägget Redirection. Installera/aktivera det och gå sedan in under ”Verktyg” > ”Redirection”.

Under ”Add new redirection” lägger du till den tidigare felaktiga länken (som ”Source URL”) och den nya fungerande länken (som ”Target URL”). Därefter styrs besökarna rätt på din hemsida.

Redirection i WordPress

Det är även möjligt att använda reguljära uttryck med Redirection-tillägget, så att man t ex kan styra alla sidor i en undermapp till en helt annan undermapp. Det är bra om man han ändrat sidostruktur på en hemsida.

– Hitta och rätta interna länkar (och bilder).

Därefter är det dags att rätta de interna länkarna, dvs. länkar (och bilder) på din egen hemsida. Det behöver inte nödvändigtvis bara vara länkar till olika sidor på din hemsida, utan kan även vara länkar till andra sidor på nätet. Att länka till hemsidor med hög trovärdighet, såsom Wikipedia, gillar sökmotorerna.

Men då gäller det givetvis att länkarna fungerar som de ska.

Det enklaste sättet att hitta trasiga interna länkar på en WordPress-sida är att använda tillägget Broken Link Checker. Men innan vi berättar mer om detta tillägg så vill vi utfärda en liten varning.

Broken Link Checker kan vara väldigt resurskrävande.

Även om våra servrar är riktigt snabba och kraftfulla så kan det hända att en hemsida med detta tillägg hänger sig (att administrationsgränssnittet i WordPress inte svarar). Om det sker, byt då namn på tilläggets mapp via FTP (under /wp-content/plugins/) så inaktiveras tillägget automatiskt av WordPress.

När du har installerat/aktiverat Broken Link Checker så kommer tillägget automatiskt att kontrollera alla länkar/bilder/videos på din hemsida. Du kan få mer information om denna kontroll under ”Inställningar” > ”Link Checker”. Där kan du även välja att få rapport om trasiga länkar via e-post.

När Broken Link Checker är klar med kontrollen så kan du se alla trasiga interna länkar under ”Verktyg” > ”Broken Links”. Där är det sedan enkelt att antingen rätta länkarna direkt eller att redigera den sida/inlägg där den trasiga länken finns.

Kontrollera trasiga länkar i WordPress

Tipsen ovan om hur man bäst rättar sina länkar gäller även här. Även här är det bra att återkomma emellanåt.

– Validera koden på din hemsida.

Kod för hemsidor, såsom HTML, CSS osv., följer en viss standard. Genom att validera en hemsida så kontrollerar man att denna standard efterföljs, så att hemsidan fungerar och visas ordentligt med alla typer av webbläsare, operativsystem och skärmar (som har stöd för dessa standarder).

Med WordPress är det enkelt att validera sidor och inlägg med tillägget Validated. Installera/aktivera det som vanligt. Därefter är det bara att gå in under ”Sidor” (eller ”Inlägg) och klicka på knappen med ett förstoringsglas under ”Check Validation” för den sida du vill kontrollera.

Validera WordPress

Bli nu inte rädd om du får en massa valideringsfel på dina sidor/inlägg. Det är fullt normalt. Standarden för hemsidor utvecklas ständigt och valideringen ger fel även på mindre och rätt irrelevanta saker. Men det är givetvis bra att åtgärda dessa fel oavsett.

När du har validerat en sida får du en länk till World Wide Web Consortium (W3C), som hanterar dessa standarder, där du kan läsa mer om de fel som har hittats (och få tips på lösningar). I vissa fall beror felen på felaktig kod i en sida/inlägg, men många gånger beror det på fel i hemsidans tema. Genom att rätta ett fel i ditt tema så försvinner detta fel på alla sidor/inlägg där felet förekommer.

Att en hemsida validerar fullt ut är givetvis något man bör eftersträva, men det är inte absolut kritiskt. De flesta moderna webbläsare är ”vänliga” vad gäller dessa standarder och visar ändå sidor som inte validerar utan problem. Men som sagt, håll gärna koll på detta.

– Övriga städtips.

Om du har en hemsida sedan en tid tillbaka så bör du redan arbeta aktivt med att optimera dina sidor och inlägg för sökmotorer, med relevanta meta-taggar, beskrivningar, alternativa texter till bilder osv.

Gör du inte det? Se då till att installera/aktivera WordPress-tillägget WordPress SEO by Yoast.

Med detta tillägg är det enkelt att lägga in nödvändig information för sökmotorer alldeles under det stora fältet där man skriver/uppdaterar sina sidor/inlägg. Varje sida/inlägg kan även betygsättas, så att du får en tydlig ”grön lampa” högst upp på alla sidor/inlägg som är bra optimerade.

I övrigt så bör du givetvis se till att hålla din hemsida väl uppdaterad vad gäller uppdateringar av hemsidan och dess teman och tillägg. Men det vet du redan om du har läst våra tidigare säkerhetstips här i bloggen.

Har du några frågor eller funderingar kring dessa tips? Eller har du tips på fler saker man kan göra för att hålla sin hemsida städad? Lämna gärna en kommentar här nedan!

aug 22 2014

Tack och hej, Swipnet

Knappen som Swipnet populariserade.

Även om FS Data är ett av Sveriges äldsta webbhotell så finns det (ett fåtal) företag som varit med längre än oss. En av de mest kända av dessa är Swipnet. Swipnet var den första kommersiella Internetleverantören i Sverige och de erbjöd utrymme för hemsidor redan 1994.

Till skillnad från FS Data så fokuserade Swipnet på att erbjuda folk uppkopplingar mot nätet, medan e-post- och hemsidetjänsten var en sidoverksamhet. Det hindrade dock inte tusentals svenskar från att få upp ögonen för möjligheterna med en egen hemsida.

Swipnet var på många sätt en föregångare och inspiration för de svenska webbhotellen. Deras system med adresser innehållande ”~” (tilde) satte även en tydlig prägel på det tidiga svenska Internet.

Swipnet uppgick sedermera i Tele2 och även om deras uppkopplingar fasades ut så fortsatte hemsidorna (och e-posten) att rulla på. Nu har dock Tele2 bestämt att Swipnets hemsidor ska stängas ned den 31:a augusti.

Swipnet stänger ner

Vi tycker det är väldigt synd att Swipnet lägger ner.

Faktum är att vi kontaktade Tele2 när vi hörde om detta, för att se om vi kunde ta över hanteringen av dessa hemsidor och låta dem fortsätta finnas kvar gratis, men de var tyvärr inte intresserade av det.

Om du har en hemsida hos Swipnet så har du fram till den 30:e september att ladda ner den. Det finns även ett projekt för att bevara så mycket som möjligt av Swipnet, läs gärna mer om Swipnet hos Archive Team.

Swipnet är inte den första tidiga hemsidetjänst som läggs ner (hej Geocities!) men det är tveklöst den som ligger många av oss tidiga svenska nätanvändare närmast om hjärtat.

Så från oss alla, tack för allt Swipnet!

aug 13 2014

Google, SSL och bättre sökresultat

Förra veckan berättade Google att de ska börja väga in SSL-säkrade hemsidor (adresser som inleds med https) i sina sökresultat. En säker hemsida är en bra hemsida enligt dem (och vi håller med där). I dessa tider av övervakning på nätet så behövs det verkligen fler SSL-säkrade hemsidor.

Att Google premierar SSL slog ner som en bomb i vår bransch.

Dags att sälja SSL-certifikat

Det tog inte lång tid för olika branschkollegor att börja köra SSL-kampanjer. Budskapet var tydligt:

– Vill du få bättre placeringar hos Google? Köp ett SSL-certifikat hos oss!

Nu har vi sålt fler SSL-certifikat än vanligt den senaste veckan, men vi har valt att inte spela upp detta. Om man verkligen läser det Google skriver då ser man att SSL, än så länge, har rätt liten betydelse. Det påverkar mindre än 1 % av alla sökningar och väger lättare än att man t ex har kvalitativt innehåll på sin hemsida.

Flera experter på sökmotorsoptimering, såsom Brath AB och Christian Rudolf, säger detsamma.

Faktum är att det är viktigare, vad gäller sökmotorplaceringar, att ha en så snabb hemsida som möjligt.

Missförstå oss inte, vi gillar att Google premierar SSL. Men vi gillar inte att lura våra kunder.

SSL är något som man bör ha till sin hemsida, oavsett vad Google säger. Det är en funktion som säkerställer kommunikationen mellan ett företag och dess kunder. Det är en trygghet, ett intyg som visar att ni värnar om era användare (såsom vi har det här på vår hemsida).

Nu följer vi givetvis denna utveckling noga och det är inte omöjligt att vi kommer introducera något extra med SSL för våra kunder. Vi hanterar SSL-certifikat för hundratals svenska företag sedan många år tillbaka. Men det är något vi gör professionellt, varsamt och ordentligt. Inte genom att luras.