Tillgänglighet handlar om mer än att uppfylla krav. Det handlar om att öppna din webb för fler – och samtidigt göra upplevelsen bättre för alla. Läs mer i vår artikel om ökad tillgänglighet på webben. Här går vi igenom fem insatser du kan göra direkt, med praktiska exempel, vanliga fallgropar och verktyg som hjälper dig hela vägen.
1) Texta video och publicera transkriptioner
Utan textning går viktigt innehåll förlorat för många användare – och för dem som tittar utan ljud. Transkriptioner gör dessutom materialet sökbart och återanvändbart.
Så gör du
Lägg till undertexter på alla videor (de flesta plattformar stödjer textning – använd den inbyggda funktionaliteten). Och du – korrekturläs alltid auto-genererad text, det kan bli så fel annars…
Publicera en transkription under videon. Ange tydligt var läsaren hittar den.
Säkerställ att textningen inte skymmer viktig grafik och att den fungerar på mobilen.
Fallgropar
Automattextning utan manuell kontroll – a big no-no!
Transkriptioner som göms bakom otydliga länkar eller som PDF.
Skärmläsare och andra hjälpmedel navigerar via sidans struktur. Rätt semantik gör innehållet begripligt – även utan visuell presentation.
Enkelt sagt: semantisk HTML handlar om att skriva kod som berättar vad något är, inte bara hur det ser ut.
Så gör du
Följ en logisk rubrikhierarki: <h1><h2><h3> … (hoppa inte över nivåer).
Använd rätt element för sitt avsedda syfte: <nav> för navigation, <main> för huvudcontent, <section> för att dela upp innehållet i tematiska delar.
Markera listor och tabeller korrekt: <ul>/<ol> det vill säga unordered list eller ordered list.
Lägg in en “skip link” överst på sidan för tangentbordsanvändare. Detta görs på olika vis i olika publiceringsverktyg eller CMS, men så här kan de se ut i HTML-koden:
<a class="skip-link" href="#main">Hoppa till innehåll</a>
<main id="main">...</main>
Fallgropar
Rubriker som enbart är <div> med fetstil.
Dubbla <h1> eller rubriker i sidfot/menyer som stör logiken.
Alt-texten förklarar bildens syfte när den inte kan uppfattas visuellt. OBS – Dekorativa bilder ska däremot ha tom alt-text så att hjälpmedel kan hoppa över dem.
Så gör du
Beskriv vad bilden visar och varför den finns: “Diagram som visar 18 % ökning av leads Q2–Q3”.
Håll det kort (cirka 125 tecken är ett bra riktmärke) och undvik texter typ, “bild av…”.
För rena dekorationsbilder: alt="". Dvs en tom alt-text
För komplex grafik: lägg gärna en längre beskrivning i brödtext nära bilden.
Fallgropar
Alt-texter som upprepar rubriken ordagrant. Det blir bara kaka-på-kaka.
Alt-texter som lämnas tomma på bilder som förmedlar budskap eller ger mening.
Börja med en snabbskanning av ett par nyckelsidor. Åtgärda uppenbara fel (rubriker, alt-texter, kontrast) och bygg sedan in tillgänglighet i din vanliga arbetsprocess – mallar, komponenter, contentrutiner och kodgranskningar. Det är mycket lättare att göra saker tillgängliga från början än att göra det i efterhand.
Testa tangentbordsflöden och skärmläsare (NVDA/VoiceOver), fixa fokus, modaler och menyer.
https://www.topvisible.se/wp-content/uploads/webbtillganglighet-5-saker-att-gora-idag.png7201280Pontus Österlinhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngPontus Österlin2025-10-16 16:15:552025-10-16 16:52:14Gör din webb mer tillgänglig: 5 åtgärder du kan genomföra redan idag
Att bygga ett öppet och inkluderande digitalt samhälle genom tillgänglighet på webben
Vill vi ha ett öppet och inkluderande samhälle där alla människor oavsett kön, ålder eller funktionsnedsättning, på lika villkor, kan förverkliga sina drömmar och leva sina liv som de vill? Självklart vill vi det! Och det vill även FN och EU. Därför finns det tillgänglighetsdirektiv som styr hur vi utformar våra digitala miljöer för att inkludera alla människor. I detta blogginlägg ska vi fokusera på EU:s tillgänglighetsdirektiv för webbplatser och hur du kan anpassa din webbplats så att den blir tillgängliga för alla.
Varför är tillgänglighet så viktigt?
Tillgänglighet är en grundläggande rättighet. Våra politikerna har i uppdrag att bygga ett samhälle där alla har tillgång till alla delar av samhället. Det finns regler och lagar som styr detta, exempelvis vid nybyggnation för att anpassa miljöer för rullstolsburna eller vid utformningen av busshållplatser så att synskadade enkelt kan orientera sig. Genom att göra dessa anpassningar skapar vi ett mer jämlikt samhälle.
Tillgänglighetsdirektivet gällande webben
På webben är det lika viktigt att vi anpassar våra plattformar så att alla, oavsett funktionsnedsättning, kan ta del av det digitala samhället. EU har därför infört specifika direktiv i just detta syfte.
Vad är WCAG?
De riktlinjer vi har att följa kallas WCAG, vilket står för Web Content Accessibility Guidelines. WCAG är en internationell standard för webbtillgänglighet och består av tre nivåer:
Nivå A: Grundläggande tillgänglighetskrav, men inte tillräckliga.
Nivå AA: Den nivå som ska följas för att uppfylla lagkraven.
Nivå AAA: Den högsta nivån, för dem som vill gå ett steg längre.
De fyra grundprinciperna i WCAG
Möjlig att uppfatta (Perceivable): Innehållet ska vara synligt och hörbart för alla. Om en användare inte kan se, ska de kunna höra informationen, och vice versa.
Hanterbar (Operable): Navigeringen på webbplatsen ska fungera för alla, oavsett vilka hjälpmedel de använder.
Begriplig (Understandable): Innehållet ska vara enkelt att förstå och använda. Vi bör undvika komplicerade uttryck och göra informationen så klar som möjligt.
Robust: Webbplatsen ska vara tekniskt stabil och använda standardiserad kodning, så att den fungerar med olika hjälpmedel och framtida teknologier.
Fördelar med att följa tillgänglighetsdirektiven
Det kan kännas överväldigande att behöva anpassa sin webbplats, men det finns många fördelar:
Bättre SEO: Genom att förbättra strukturen och metadatan på din webbplats blir den också mer sökmotorvänlig, vilket kan leda till högre placeringar på Google.
Ökad räckvidd: Du når en bredare publik, inklusive användare med funktionsnedsättningar, vilket kan öka din målgrupp och potentiella kunder.
Förbättrad användarupplevelse: En tillgänglig webbplats är ofta mer lättnavigerad och användarvänlig för alla besökare.
Lagkrav: Att följa WCAG nivå AA är inte bara en rekommendation utan ett lagkrav inom EU, vilket hjälper dig att undvika granskning och eventuella böter.
Visste du att andelen personer i Sverige med funktionsnedsättning kan vara så hög som 30 procent?
Se till att allt filmat material har undertexter och gärna en fullständig transkribering. Detta hjälper inte bara hörselskadade utan förbättrar också din sökmotoroptimering.
2. Korrekt användning av HTML-element
Använd korrekta HTML-element för rubriker och struktur. Huvudrubriken bör vara <h1>, underrubriker <h2>, och så vidare. Detta skapar en tydlig hierarki som underlättar för skärmläsare och sökmotorer.
3. Beskrivande alt-texter för bilder
Alla bilder bör ha en alt-text som beskriver bildens innehåll. Detta gör det möjligt för synskadade att förstå vad bilden föreställer via skärmläsare och förbättrar också din sökmotoroptimering.
4. Tillräcklig färgkontrast
Säkerställ att färgkontrasten mellan text och bakgrund är tillräcklig för att texten ska vara lättläst, även för personer med synnedsättningar.
5. Tangentbordsnavigering
Webbplatsen bör kunna navigeras enbart med tangentbordet. Detta är viktigt för användare som inte kan använda mus eller pekskärm.
Gäller detta dig?
Du kanske undrar om dessa regler gäller just din verksamhet. Enligt lagstiftningen finns det undantag för företag med färre än tio anställda och en omsättning under 2 miljoner euro. Dock finns det specifika branscher, som e-handel och banktjänster, som har extra krav på sig att uppfylla.
Oavsett lagkrav rekommenderas det starkt att följa tillgänglighetsdirektiven. Fördelarna är många och sträcker sig bortom att bara uppfylla lagen; det handlar om att vara inkluderande och nå ut till så många som möjligt.
Vill du veta mer?
För mer information om tillgänglighetsdirektiven och hur du kan anpassa din webbplats, besök Post- och telestyrelsens webbplats på pts.se. Där hittar du utförliga guider och resurser.
Genom att anpassa din webbplats bidrar du till ett mer inkluderande digitalt samhälle där alla kan delta på lika villkor. Ta steget idag och gör din webbplats tillgänglig för alla! Ta gärna kontakt med oss på Topvisible om din webbplats och vad vi kan göra för dig!
https://www.topvisible.se/wp-content/uploads/Tillganglighet-webbplats-wcag.webp7201280Pontus Österlinhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngPontus Österlin2024-11-07 14:17:412025-03-05 22:51:01Ökad tillgänglighet på webben
https://www.topvisible.se/wp-content/uploads/Tips_optimera_b2b_webbplats.png10801080Emily Cayhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngEmily Cay2023-10-04 16:08:212024-02-08 08:15:225 Tips för en optimerad B2B-webbplats!
Låt mig börja med att ställa frågan direkt till dig kära läsare; är ditt företags hemsida viktig? Dom allra flesta verkar överens om att svaret är ja, den är viktig. Så viktig att en B2B webbplats ska ses som ett nav som all marknadsföring utgår från. Efter att ha granskat 100-tals B2B hemsidor genom åren måste jag tyvärr konstatera att detta inte överensstämmer med verkligheten. De flesta B2B sajter suger fett.
Varför är företag så bra på att göra dåliga webbplatser?
Jag tror att det har att göra med så kallad hemmablindhet. Innehållet på de flesta B2B hemsidor brukar utgå från företagets:
produkter
tjänster
struktur
vokabulär
Det blir ett så kallat inifrån och ut perspektiv. Och det är inte så konstigt, egentligen. När du sitter och ska göra innehåll på din webbplats så har du dina produkter och tjänster först i åtanke. Det är naturligt, men inte desto mindre fel.
”Ska vi inte ha med ett flygfoto på fabriken också?”
Den brutala sanningen är – ingen bryr sig om ditt företag. Dom vill bara veta en sak – What’s in it for me?
Vem är bäst lämpad att bestämma?
Vem tror du har bäst inblick i vad ditt företags hemsida ska innehålla och hur den ska se ut?
Är det webbyrån?
Är det ledningsgruppen?
Eller rent av en konsult som kan se på er verksamhet med nya ögon?
Jag skulle vilja påstå – ingen av dessa. Jag menar att det är besökaren som är bäst lämpad att bestämma hur er hemsida ska se ut, hur den ska fungera och vad den ska innehålla. Det är ju faktiskt för besökaren eller den presumtiva kunden som ni gör hemsidan, eller hur?
Kunskapens förbannelse
Ditt uppdrag blir att sätta dig i besökarens skor och göra allt utifrån det perspektivet. Det är dock nästintill omöjligt att bortse från den kunskap som företag har om sina produkter/tjänster. Det är svårt att se på verksamheten med besökarens (ofta oinsatta) ögon. Hur du än vrider och vänder dig så har du kvar din kunskap och kan inte glömma det du vet. Det är det som är förbannelsen.
Hur bryter du kunskapens förbannelse?
Du kommer inte kunna undkomma förbannelsen av egen kraft. Du behöver ta hjälp utifrån. Det finns lite olika saker du kan göra:
Ett av de dyraste sätten är att bilda en fokusgrupp som består av representanter av era målgrupper. Låt dom titta på hemsidan och tycka till vad som är fel eller vad som saknas.
Ett av de billigaste sätten är att låta någon i din närhet komma med synpunkter. Kanske din sambo, fästman eller lumparpolare?
Ett av de effektivaste sätten är att låta mig göra en brutalt ärlig granskning av din webbplats. Då ger jag dig en checklista på vad du måste åtgärda, vad du borde åtgärda och vad du kan strunta i. Jag kallar den här tjänsten för hemsidesmassakern. Vågar du..?
TIPS! Vill du inspireras och lära dig mer om webb, leadsgenerering och annat inom digital marknadsföring?
Lyssna på vår podd – “Digital marknadsföring med Topvisible”. Varje månad släpper vi nytt avsnitt med nyttig information kring marknadsföring för både B2B och B2C.
Glöm inte att prenumerera så missar du aldrig ett avsnitt – Finns där poddar finns!
Utöver att få till ett utifrån och in perspektiv, att arbeta med utgångspunkt från dina målgrupper så skulle du säkert också vilja att din webbplats blir till en användarvänlig leadsmaskin? Och att hemsidan är som en supereffektiv säljare som jobbar för dig 24 timmar om dygnet 365 dagar om året, låter väl mumma? Jag skulle tro det… Och jag lovar dig, det går! Det är inte lätt och det tar tid, men det går!
Börja använda KISS metoden
KISS står för Keep it Simple Stupid och är en metod som säkerställer att enkelheten kommer i första rummet. Det gäller naturligtvis inte bara webbplatser.
Detta kan du säkerligen förenkla i ditt företag:
processer
budskap
erbjudande
Gör snitslade banor för dina besökare
Bygg upp webbplatsen med logiska steg som utgår från vilken roll besökaren har. Typ: “Börja med detta, gå vidare när du är redo, du kan också vara intresserad av det här.” Tänk lite som IKEA gör sina instruktioner, eller är du en sån som aldrig läser instruktionerna? Gör det pedagogiskt, med tydliga steg-för-steg instruktioner.
Ta bort alla frågetecken
När en besökare kommer till din webbplats ska du ha allt förberett så att hen tänker, oj vad lätt det här är. Om du gjort rätt kommer besökaren att veta precis vart hen ska gå vidare. Det kommer vara kristallklart vad nästa steg är. Och det råder inga tveksamheter vad som händer när en klickar på någon knapp. Eller som Steve Krug, författaren till den bästa boken för användarupplevelser på webbplatser säger: ”Don’t make me think!”
Berätta för besökarna vad du vill att de ska göra
Varje sida på din webbplats bör avslutas med en uppmaning. Använd knappar med så kallade Call To Actions (CTA) med tydliga uppmaningar vad besökaren kan göra. En enkel sanning är att vi gör vad vi blir tillsagda att göra, men säger ingen något så gör vi heller inget.
Så gör du de bästa CTA knapparna
Ett av de vanligaste CTA knapparna är också tyvärr en av de sämsta; “Kontakta oss”. Speciellt om det enda som händer när du klickar på knappen att det triggar igång ett tomt mail. Suck…
Hjälp besökaren att göra det du vill att hen ska göra. Med ett bra formulärverktyg kan du ha kryssbara alternativ. Gör det nu lite smart bara så att du begränsar antalet val beroende på situationen. Gör formulär med olika ändamål och länka till den mest relevanta versionen.
Var specifik i din CTA text. Istället för “Kontakta oss” kanske du kan länka till ett offertformulär med texten “Få en offert redan idag”
Tänk på timingen i din uppmaning. Länka inte till “Köp nu” innan kunden är redo att ta sitt beslut.
Utbilda din blivande kund
En del B2B verksamheter har långa införsäljningscykler, tekniskt avancerade lösningar, eller investeringstunga produkter. I dessa fall är det extra viktigt att vara tydlig och förenkla. Ofta kan din presumtiva kund behöva extra stöd och hjälp att ta sitt beslut.
Öka antalet konverteringar
Så här ökar du antalet besökare att ta beslut och få dom att konvertera:
Hjälp dom göra sin research
Redovisa olika alternativ med fördelar/nackdelar
Gör det enkelt att beställa/köpa
Innehåll i hela kundens köpresa
En normal B2B sajt saknar alltför ofta viktigt innehåll. Material som hjälper kunden att göra sin research och jämföra olika alternativ, har helt missats. Denna typ av innehåll är något som ligger högt upp i kundens köpresa, i upptäcksfas eller övervägningsfas.
I konverteringsfasen brukar det finnas mycket befintligt innehåll på en B2B webbplats. Men är det bra innehåll? Är det hjälpsamt för en blivande kund? Förstår kunden varför hen ska göra affärer med just detta företag?
I konverteringsfasen kan du göra stor skillnad genom att applicera ett utifrån och in perspektiv och även förenkla och förtydliga budskapet och visa på fördelar istället för funktioner. Vad är vinsten ur kundens synvinkel? Vilket problem löser din tjänst eller produkt? Varför ska kunden handla av dig och inte någon av dina konkurrenter?
”Det duger inte längre med att bara visa upp maskinerna.”
Så får du fler leads
Det finns i princip två sätt att marknadsföra dina produkter eller tjänster på – säljdrivande aktiviteter och varumärkesbyggande aktiviteter. Dessa typer av aktiviteter kompletterar varandra och den ena utesluter inte den andra. En bra mix av de båda är kritiskt för att nå uppsatta säljmål.
Så ska du satsa dina pengar
Det här kan komma som en överraskning för många, den genomsnittliga (och optimala) fördelningen mellan säljdrivande aktiviteter och varumärkesbyggande aktiviter är 60% varumärke och 40% sälj. Merparten av din budget ska ligga alltså ligga på varumärkesbyggande aktiviteter och inte säljdrivande aktiviteter.
Prioritera inte bort varumärkesbyggande aktiviteter
Förklaringen till att varumärket alltid bör prioriteras (lite mer än sälj) är att du kan få så mycket större intäkter med ett starkt varumärken än du någonsin kan med säljdrivande aktiviteter. Men det tar tid att bygga varumärke, så säljdrivande aktiviteter behövs naturligtvis också – speciellt i ett startup skede. Med tiden kommer varumärkesdrivande aktiviteter slå sälj på fingrarna när det gäller mängden intäkter. Så du vill inte prioritera bort varumärket.
De bästa kanalerna för Brand vs Sales
En av de bättre kanalerna då det gäller säljdrivande aktiviteter är Google Ads. Med hjälp av annonser på Googles sökresultatsida visas din annons upp i samband med att personer söker efter något som är relaterat till ditt erbjudande.
En av de bästa kanalerna att synas på överlag är det organiska söket. I det här sammanhanget vill du sökoptimera och synas med ditt varumärke genom att skapa hjälpsamt material för sökningar som har ett syfte inom faserna upptäck och utvärdera. Och göra du materialet tillräckligt hjälpsamt har du goda chanser att det hamnar högt upp på Googles sökresultatsida.
Ta reda på om din B2B hemsida är värdefull eller värdelös
Kontakta oss så ser vi hur vi kan hjälpa er få svar på hur mycket er webbplats suger.
https://www.topvisible.se/wp-content/uploads/B2B-webbplats-vardefull-vardelos.jpg7201280Pontus Österlinhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngPontus Österlin2023-09-25 17:20:222025-10-16 16:55:16Missar din B2B-webbplats värdefull söktrafik och skarpa leads?
Överväger du att byta CMS (Content Management System) för din B2B webbplats? Då är den här artikeln en bra grund att utgå från.
Det finns ett hemsidesverktyg på marknaden som alla andra jämförs med och det är WordPress. Ganska förståeligt eftersom WordPress har den överlägset största marknadsandelen. Över 40 % av alla webbplatser i världen använder WordPress.
Läs här om du vill få svaret direkt [Spoiler]
Frågan är om det finns det något bättre verktyg att göra hemsidor med än WordPress? Jag ska ge dig svaret redan nu så slipper du läsa min artikel. Nej, för B2B webbplatser finns det ingen bättre publiceringsverktyg än WordPress.
Och för dig som vill ha lite mer kött på benen – Läs hela min artikel så får du lite mer djupgående information om hur jag kom fram till min rekommendation.
Vad är viktigt att tänka på då du jämför olika webbplatsplattformar med varandra?
Det finns en rad viktiga faktorer att jämföra:
Pris
Säkerhet
Användarvänlighet
Snabbhet
Flexibilitet
SEO
Vilka publiceringsverktyg ska du jämföra WordPress mot?
Jag kommer att jämföra de största på marknaden:
Joomla
Wix
Squarespace
Drupal
Episerver
Umbraco
Även om Episerver och Umbraco inte tillhör de största så är Episerver ganska vanlig i alla fall i Sverige och Umbraco är också ett publiceringsverktyg som nämns då och då. Därför har jag även inkluderat Episerver (som numera heter Optimizely) och Umbraco i min jämförelse.
WordPress jämfört med andra CMS-verktyg
PRIS
WordPress är gratis och baseras på öppen källkod, vilket gör det till ett kostnadseffektivt val. Hosting (webhotell) och domännamn kostar naturligtvis och du kan komma att behöva betala för teman, plugins och ytterligare funktioner, även om det finns mycket gratis.
Joomla är ett CMS med öppen källkod och är gratis, men även här kan du behöva köpa till premiummallar eller tillägg.
Wix, som är en prenumerationstjänst erbjuder en rad prisplaner, inklusive en gratisversion med begränsade funktioner. Betalda planer varierar i kostnad beroende på dina behov.
Squarespace är också en prenumerationstjänst som erbjuder månatliga prisplaner. Kostnaden beror på de funktioner och tjänster du behöver för din webbplats.
Drupal är ett CMS med öppen källkod, liknande WordPress och Joomla, och det kan användas utan några licensavgifter. Anpassning och underhåll kan dock kräva ytterligare investeringar.
Episerver kräver en årlig licens, och kostnaden varierar beroende på storleken och komplexiteten på din webbplats och organisation. Kostnaden för Episerver får nog räknas som ganska avsevärd.
Umbraco är ett CMS med öppen källkod, vilket innebär att det kan användas gratis. Ytterligare kostnader kan dock tillkomma för support- eller premiumpaket.
SÄKERHET
WordPress har genom stor tillgång på externa plug-ins alla möjligheter att öka säkerheten. Nackdelen med att vara marknadsledare är dock att många hackare riktar sina attacker mot WordPress-sajter. Att hålla system och plug-ins uppdaterade är viktigt för att täppa till eventuella svagheter som kan utnyttjas av hackare.
Joomla har inbyggd funktionalitet som stödjer tvåfaktorsautentisering (2FA), Google ReCaptcha och följer GDPR-riktlinjer, men har inte lika många möjligheter till skydd genom tredjeparts plug-ins som WordPress har.
Wix erbjuder inbyggd säkerhet som inte kräver något av dig som användare, till skillnad från WordPress där det ju är du själv som ser till att säkerheten är på en tillfredsställande nivå.
Squarespace är precis som Wix en tjänst du prenumererar på och därför kan du inte påverka säkerheten själv.
Drupal anses allmänt vara ett av marknadens säkraste CMS.
Episerver hanterar säkerheten åt dig och fokuserar på att upprätthålla högsta möjliga nivå, men även för Episerver har det förekommit fall där säkerhetsuppdatering krävts på grund av att hackare hittat svagheter i systemet.
Umbraco i sig är ett säkert så kallat identitetsbaserat system. Den övergripande säkerheten är dock berende på utvecklarens förmåga att implementera nödvändiga säkerhetsåtgärder.
ANVÄNDARVÄNLIGHET
WordPress anses vara ett utmärkt val för nybörjare. Det finns massor av tutorials på till exempel YouTube. Lösningar på problem är vanligtvis bara en google-sökning bort.
Joomla kräver lite mer teknisk expertis och har inte riktigt lika användarvänligt gränssnitt som WordPress.
Wix är byggt för att vara så användarvänligt som möjligt och anses vara ett av de bästa verktygen för att snabbt få igång en webbplats.
Squarespace är väldigt användarvänligt tack vare dess drag & drop-funktionalitet, något som WordPress saknar, såvida du inte installerar en så kallad sidbyggare som till exempel Elementor.
Drupal är lätt att installera men du kommer att behöva programmeringskunskap både för anpassningar och att hålla verktyget uppdaterat.
Episerver anses generellt vara ett mer komplext CMS att arbeta med. Episerver beskrivs ibland som ett ramverk för att skapa specifikt skräddarsydda webbplatser och behöver programmeringskunskap för att kunna anpassas fullt ut.
Umbraco är en favorit bland utvecklare. Utan en utvecklare är det svårt att ens få igång en Umbraco-webbplats.
HASTIGHET
WordPress kan lätt bli ganska långsamt, eftersom det finns en tendens för användare att förlita sig på plug-ins för utökad funktionalitet. Och det finns många slarvigt programmerade plug-ins, som både öppnar upp säkerhetshål och gör sajten långsam. Valet av tema kan också påverka hastigheten. Du måste konstant vara uppmärksam på hastigheten och hastighetsoptimera din WordPress installation.
Joomla kommer inte riktigt upp i samma hastighet som WordPress eftersom dess sidor tenderar att vara något mer komplexa. Men precis som WordPress kan Joomla också optimeras för hastighet.
Wix är en tjänst som du prenumererar på, så du kan inte riktigt påverka hastigheten själv. Du får förlita dkg på att Wix ser hastigheten som en viktig del i sitt erbjudande.
Squarespace är precis som wix en tjänst du prenumererar på, så du kan inte riktigt påverka hastigheten.
Drupal är inte särskilt resurskrävande vilket möjliggör snabba webbplatser och med Drupal kan du hantera webbplatser med tusentals sidor på ett effektivt sätt. Det går också att förbättra prestandan ytterligare med plug-ins för hastighetsoptimering.
Episerver kan optimeras för hastighet och här gäller det att se till att den kod som utvecklarna tar fram följer bästa praxis.
Umbraco använder ASP.NET som är något snabbare än den PHP-lösning som WordPress använder. Hastighetsoptimering och cachning måste däremot skötas manuellt av utvecklaren.
FLEXIBILITET
WordPress är svårt att slå när det kommer till flexibilitet på grund av dess otaliga plug-ins och anpassningsmöjligheter.
Joomla är i grunden mer flexibel än WordPress, men det finns inte alls lika många plug-ins att välja mellan. De plug-ins som finns är heller inte lika lätta att installera som de för WordPress.
Wix stöder plugin-program från tredje part men utbudet kommer inte i närheten av det som finns för WordPress.
Squarespace har bra inbyggda funktioner som du har tillgång till (beroende på månadskostnaden). Squarespace har dock begränsad tillgång av plug-ins.
Drupal-sajter byggs mestadels av erfarna utvecklare, även om det finns tillägg och teman tillgängliga. Dessa är dock inte lätta att installera.
Episerver kan snarast klassificeras som ett ramverk snarare än en hemsidesbyggare. Episerver går att anpassas till det du vill att det ska göra. I den meningen är Episerver extremt flexibelt, även om det är utvecklingstungt.
Umbraco är en ASP.NET-baserad CMS och kräver en Windows-baserad värdmiljö som kan vara krångligare än hostingalternativen för WordPress.
SEO
WordPress har ett gott rykte för sina sökoptimeringsmöjligheter och det finns en uppsjö av olika användarvänliga SEO-plugins för WordPress.
Joomla är bra SEO-optimerat redan från grunden och det går även att utöka funktionaliteten med SEO-plugin, även om dessa inte är lika användarvänliga som de för WordPress.
Wix har en guidad SEO-inställning som kan kännas mindre komplex för nybörjare än WordPress.
Squarespace har bra stöd för SEO men endast begränsad tillgång till avancerad SEO via plug-ins.
Drupal har omfattande SEO-möjligheter inbyggda och dessa kan även utökas med plug-ins. Det populära SEO-verktyget Yoast har en plug-in för Drupal.
Episerver är SEO-vänlig redan från starten och kan även utökas med SEO-tillägg.
Umbraco förlitar sig på att utvecklaren implementerar de senaste SEO-teknikerna, medan de bästa WordPress SEO-plugins sköter detta automatiskt.
Sammanfattning – WordPress är en självklar vinnare för B2B webbplatser
Det är sällan plattformen som sätter begränsningarna, istället är det hur du använder ditt verktyg och vad du använder det till som påverkar. Med det sagt, finns det egentligen inget CMS som vinner över WordPress på alla punkter som vi inkluderat i vår jämförelse. På några punkter finns det vissa verktyg som slår WordPress på fingrarna, speciellt om du väljer att inte använda dig av plug-ins till WordPress.
För personligt bruk eller för B2C-företag kan ett enklare verktyg än WordPress vara att föredra, speciellt om du ska driva en enkel webshop. Men för B2B finns det egentligen ingen anledning att välja något annat än WordPress på grund av dess flexibilitet, användarvänlighet och skalbarhet.
Behöver du hjälp med din webbplats?
Behöver du ett underlag för att ta beslut om din nya webbplats? Eller är du på jakt efter en bra webbyrå? Kontakta gärna mig så pratar vi webb.
Hemsidesmassakern är en tjänst där jag gör brutalt ärliga granskningar av företags webbplatser i form av videoinspelningar. Jag går in i rollen som en förstagångsbesökare och så spelar jag in min upplevelse under ett ca 45 minuter långt besök.
Och jag har lagt märke till att det är fyra misstag som ständigt återkommer då jag granskar B2B webbplatser. Även på B2C hemsidor hittar jag brister, men dessa webbplatser brukar vara något bättre faktiskt.
Så handen på hjärtat – gör ni dessa 4 misstag på er B2B hemsida?
1 – Ni pratar om er själva
Det finns inget tråkigare än någon som pratar för mycket om sig själv. Tänk dig att du är på en första dejt och personen mitt emot dig bara håller låda om sig själv hela tiden och verkar inte vara ett dugg intresserad av att lära känna dig eller dina behov. Det lär inte bli fler dejter då eller hur?
Inifrån och ut, eller…
Varför är det så med egotrippade hemsidor? Jo, jag tror det är för att webbplatsen är skapad efter ett inifrån och ut-perspektiv. Det är resultatet när en sätter sig ner och tänker, “Nu ska vi skapa en webbplats för oss, våra produkter och våra tjänster”. Big mistake!
…utifrån och in
Vad ni istället ska tänka är att, ”Nu ska vi skapa en riktigt bra webbplats för våra målgrupper.” Känner du skillnaden? Det blir direkt ett utifrån och in-perspektiv istället.
Vem gör ni hemsidan för?
Newsflash – det är faktiskt inte för er egen skull ni har en hemsida. Den är till för era blivande (och i viss mån nuvarande) kunder. Det är dom som är målgruppen. Visst i slutändan är ert mål att sälja produkter eller tjänster, men det finns olika sätt att nå det målet.
WIIFM – What’s In It For Me?
Så till den brutala sanningen; era målgrupper bryr sig inte ett dugg om er. Dom vill inte veta att ni har en ny hemsida, ny VD eller har fått pris för norra Europas bästa ISO-certifieringsprocess. Dom vill bara veta en sak. What’s In It For Me? Vad kan ni hjälpa mig med?
”Era målgrupper bryr sig inte ett dugg om er”
Ju mer ni vet om målgruppen desto fler kunder får ni
Så kan ni få era målgrupper att känna att ni bryr er om dom, ja då har ni antagligen en andra dejt i hamn.
Företag som har koll på sina målgrupper vet hur dom ska kommunicera så att målgruppen känner sig viktiga, uppskattade och rent av älskade. Det är dessa företag som har störst chans att locka till sig fler nya kunder.
Frågor inför ett målgruppsarbete
Så utgå alltid från målgrupperna i era budskap. Och har ni inte redan gjort det, gör ett målgruppsarbete och ta reda på följande:
Vem är målgruppen (demografi, utbildning, etc)
Vad har de för mål?
Vad för hinder har de som gör att de inte kan nå sina mål?
Hur kan vi inom vår organisation hjälpa dem att nå sina mål?
Hur beskriver vi vår produkt elller tjänst så att vi når våra målgruppers hjärtan?
Har du svarat på dessa frågor då är du på god väg att genomföra ett målgruppsarbete som i bästa fall leder till ett par olika användbara ”Personas” som du kan använda för att skriva texter som konverterar.
Mall för att ta fram Personas
Här är en av de bättre Personas mallarna som jag hittat. Det finns många olika mallar bara en googling bort. Det jag föredrar med just denna är att all information får plats på en A4 sida. Ju enklare du kan hålla din mall desto större chans är det att du verkligen använder den. Om allt ryms på ett papper så kan du enkelt skriva ut alla dina Personas och ha dom framför dig när du skapar ditt innehåll.
Undvik hemmablindheten
En relaterad sak som många blir drabbade av är så kallad hemmablindhet. Ni inom er organisation vet ju en massa om er själva och era produkter eller tjänster och den kunskapen är nästan omöjlig att bortse från.
Då är det lätt hänt att råka skriva på ett sätt som ni brukar göra internt. Ni använder de ord och uttryck som ni själva brukar använda till vardags. Är det ingen annan som förstår vad ni pratar om förlorar ni snabbt målgruppens intresse. Och att använda målgruppens egna ord och uttryck är superviktigt för att lyckas med sin SEO – sökoptimering. Om ni inte använder de ord som målgruppen söker med missar ni den viktiga söktrafiken.
Logisk struktur och ordning på sajtens sidor
Jag har även sett exempel på att webbplatsen är strukturerad utifrån en intern logik som ingen utanför organisationen tycker är logisk. Tänk alltid på att ordna saker utfrån vad målgruppen tycker är viktigt och inte vad ni prioriterar. Det som är viktigast för målgruppen ska komma först eller överst och sedan ska det ordnas i fallande skala. En rörig webbplats där det inte går att hitta det en vill ha är förödande för affärerna.
2 – Ni ger inte besökarna något av värde
Det är tyvärr alltför ofta som informationen på sidorna inte lever upp till de förväntningar vi som besökare har. Jag som besökare vill gärna lära mig något nytt och inte få känslan av att det här bara var något som slängdes ihop för att få upp något på hemsidan. Det finns allför mycket skräp därute. Jag vill heller inte att innehållet ska kännas “reklamigt” och glättigt med massa floskler staplade på varandra.
Google har gett oss några bra riktlinjer så vi kan verifiera kvaliteten på vårt innehåll. Du kan läsa om Helpful Content här. Det är helt enkelt ett gäng frågor som vi ska fundera över när vi skapar sidor på vår webbplats. Här är ett något förkortat urval:
Visar ditt innehåll tydlig förstahandsexpertis och djup kunskap?
Har din webbplats ett primärt syfte eller fokus?
Efter att ha läst ditt innehåll, kommer besökaren känna att hen lärt sig tillräckligt om ett ämne för få hjälp att nå sitt mål?
Kommer någon som läser ditt innehåll känna att de haft en tillfredsställande upplevelse?
Kan du svara ja på dessa frågor då är du på god väg att ge besökarna något av värde.
3 – Ni bygger återvändsgränder
Finns det något mer frustrerande än att behöva leta efter information på en rörig webbplats? Besökaren har oftast väldigt lite tålamod med en ostrukturerad hemsida. ”Om det inte är logiskt var jag ska klicka då kommer jag heller inte att klicka”. Eller som Steve Krug skriver i sin bok om web usability, och bara titeln säger det mesta Don’t Make Me Think! – ”Det ska vara kristallklart vad som händer om jag klickar på länkar eller knappar.”
Logiska och tydliga Call to Actions
Hjälp besökaren att ta del av ditt innehåll på din webbplats. Det gör du effektivast med en tydlig Call To Action, det vill säga en knapp eller länk till nästa steg. Försök tänk igenom vad är nästa logiska steg när besökaren tagit del av innehållet på sidan och led besökaren dit.
Försök också få med länkar direkt i text. Det är väldigt hjälpsamt för besökaren att kunna hoppa direkt till det som omnämns i texten.
Använd Google Analytics för att bygga bort återvändsgränder
I Google Analytics finns det ett värde som en lite tillspetsat kan säga är till för att få bort återvändsgränder – Bounce Rate (avvisningsfrekvens på svenska). Ju högre bounce rate desto fler återvändsgränder har ni på er sajt. Avvisningsfrekvensen är nämligen värdet på hur många procent av era besökare som enbart besöker en sida på er webbplats under sitt besök.
4 – Ni fångar inte upp era besökare
Det sista och viktigaste steget om du nu fått till de övriga förbättringarna på er sida är att fånga upp en intresserad besökare och inte bara släppa iväg hen utan möjlighet till uppföljning. Att hela tiden tänka på att skapa möjligheter att få in Leads är bra på många sätt. Det kan göras med olika metoder. Börja med att skaffa er en mejlinglista som besökaren kan skriva upp sig på, ett nyhetsbrev till exempel. Då fångar ni upp besökarens epostadress och kan hålla kontakten.
Det går också att göra andra så kallade leadsmagneter genom att ta fram intressant innehåll för målgruppen som ni kan erbjuda i form av ett dokument som går att ladda ner. Och för att kunna ladda ner så behöver besökaren ange sin epostadress. Vips så har ni början till ett lead och kan till och med tagga det med hur hett det är beroende på vilken typ av innehåll som laddas ner.
Vågar ni bli granskad av mig?
Tänk så mycket jag skulle hitta om jag granskade er webbplats… Och så många lärdomar ni skulle få. Ta kontakt med mig så kan vi diskutera om ni vill ha en brutalt ärlig granskning eller om jag ska vara snäll. Eller, nä – vad snackar jag om? Jag gör ju bara brutalt ärliga granskningar. Nu ska jag gå och fylla på olja på motorsågen.
Ska du bygga en ny hemsida? Eller designa om din befintliga? Titta då hit! Jag har i dagens inlägg listat 5 tips för att bygga webb för människor!
Vad behöver du som bygger webb tänka på? Hur skapar du en hemsida som är logisk, lättnavigerad, väldesignad och trevlig att vistas på? Låt oss se!
Du och kunden
Vi sätter igång! Jag har fyllt kaffekoppen, pepparkakorna står bredvid mig – dags att prata webb!
Din och kundens relation och position är en av de viktigaste faktorerna. Du måste veta vem du är och vem din potentiella kund är! Utan denna kunskap kommer vårt innehåll vara ofokuserat och budskapet skrivet till ingen. Vi startar med dig!
Din profil
Vem är du? Vad gör du? Varför går jag till dig och inte din granne?
Dessa frågor måste du kunna svara på. Är du inte helt säker på vem du är och varför, så kommer inte din besökare veta det heller.
Därför ska du börja med att sätta dina mål och delmål för att nå dit. Du ska veta vad du erbjuder och vad dina USP:ar är. Du ska veta vem din kund är – detta är superviktigt! Och som sista punkt på detta avsnitt – du ska sätta din grafiska profil och tonalitet. Din profil och ton kommer behöva grunda sig i kunden – så detta steg är svårt att göra utan att veta vem din kund är!
Vem är du? Och varför? – vet du detta så kommer det genomsyra ditt arbete på webben och i marknadsföringen. Ditt arbete blir då koncentrerat och riktat – och din kund kommer att se precis vem du är!
Kundens profil
Vi hoppar över till kunden! Nu har jag kommit några klunkar in i mitt kaffe, och några pepparkakor för långt…
Kunden! Din kund möjliggör din verksamhet – du måste se till att kommunicera tydligt och ärligt till dina befintliga och framtida kunder. För att veta vem din kund är kan du se till vad du erbjuder för produkt eller tjänst och du kan skapa personas för att få en bättre förståelse kring din perfekta kund. Jag har faktiskt skrivit ett inlägg om just målgrupper och hur du riktar innehåll rätt. Du kan läsa det inlägget här!
När du vet vem din kund är kan du börja designa och bygga din hemsida utifrån din kunds behov och beteenden. Det är superviktigt, så pass viktigt att jag skrev det i fetstil. Det är dina kunder som kommer att använda din hemsida – se då till att skapa den utifrån deras behov, vanor, och beteenden! Se till att både innehållet och designen matchar besökarnas intressen och frågor!
Design är en produkt av funktion
Passande övergång till vårt nästa ämne! Design är en produkt av funktion, det ska vi inte glömma. Jag kan grotta ner mig i dagar om design och hur vi borde designa, men det arbetet grundar sig i att det tjänar en funktion!
En väldesignad hemsida som inte fyller någon funktion är värdelös. En funktionell sida som är svår och otydlig att använda är… också värdelös. Se till att skapa en hemsida där din design hjälper funktionen!
Innehåll som människor vill ha
Min nästa punkt handlar om innehåll, det är också en rätt viktig del. Nu har vi pratat om dig, din kund, din design och hemsidans funktion. Nästa steg är att fylla hemsidan med värdefullt innehåll.
Utan innehållet är hemsidan bara ett tomt skal, det kanske är väldesignat och utformat efter dina kunder, men innehållet är det som lockar in din kund och håller kvar denne!
Se till att skapa innehåll som människor vill ha – skriv för kunden, inte för dig själv!
Tydlighet och enkelhet
Jag ska försöka göra denna punkt tydlig och enkel.
Tydlighet = bra
Enkelhet = bra
Tydlighet + Enkelhet = superbra!
Se till att din hemsida och innehållet är tydligt. Din besökare ska aldrig kunna undra över dina produkter eller tjänster. Se till att din hemsida är enkel. Din besökare ska aldrig kunna undra över hur den ska använda din hemsida.
Kontext och relevans
Nämen se där! Vi är redan på den sista punkten för dagen. Kontext och relevans.
När du pratar om dig själv, din produkt, eller din tjänst så måste du även tänka på kontexten du sätter detta i!
Hur förklarar du vad du gör? Hur förklarar du vem du är? Hur positionerar du dig på spelplanen?
Relevansen är också en otroligt viktig punkt. Hur är det du skriver om relevant för din kund? Är din produkt/tjänst anpassad för kunden? Är din design anpassad för kunden? Är ditt innehåll anpassat för kunden?
Se till att ditt innehåll och din hemsida i helhet är relevant för din kund!
Vet ni vad, kaffet är slut. Pepparkakorna borde jag nog inte ta slut på…
Jag hoppas ni har lärt er något om hur ni bygger webb för människor! Och att dessa 5 tips kommer att hjälpa er på vägen.
Vi ses i nästa inlägg!
https://www.topvisible.se/wp-content/uploads/Att-bygga-hemsidor-för-människor.png7201280Alesso Lionhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngAlesso Lion2022-12-29 13:45:532023-09-15 10:31:58Att bygga hemsidor för människor – 5 tips!
Funktionaliteten är största prioriteringen när man skapar en e-handels hemsida. Design brukar vara nästa på listan, efter det kommer kanske frågeställningar om vilken domän man ska ha och hur koden ser ut? Är det lätt att ändra koden om det behövs?
Men när kommer då tankarna om sökoptimering? I detta inlägget kommer jag att diskutera varför du som webbutvecklare bör tänka på SEO (sökmotoroptimering) när du utvecklar en e-handelssida med Javascript.
Vad är SEO?
SEO står för sökmotoroptimering (Search Engine Optimisation på engelska) och handlar om hur du optimerar din hemsida eller e-handelssida för olika söktermer för att öka chanserna att hamna längst upp på förstasidan av Google.
Att hamna högt upp på Googles sökresultat sida eller SERPen som det brukar kallas (SERP står för Search Engine Results Page) kan uppnås på två olika sätt. Organiskt eller paid.
Organisk
Organiskt trafik på din hemsida kommer från besökare som klickar på de resultat som du inte betalt för på Googles sökresultat sida, som leder till din hemsida efter att de sökt på Google.
Betald
Betald trafik är de besökare som kommer till din hemsida genom betald marknadsföring. På Googles sökresultat sida är annonserna knutna till sökord. De visas ovanför det organiska sökresultatet och markeras med ordet “annons”.
Ett exempel på organisk trafik är om du säljer kläder och du sökoptimerat på sökordet “tröja”, då vill du att din sida med tröjor kommer upp som ett resultat på Google när en användare söker på det ordet. Helst längst upp såklart.
Det är en ganska förenklad beskrivning av SEO, men nu har du fått en insikt i vad det är. Men varför är det viktigt?
Har du en hemsida vill du självklart ha besökare, för besökare kan betyda kunder. Googles algoritmer räknar ut vilken position just dina sidor ska få på sökresultatsidan utifrån fler än 200 punkter, varav sökordet och var det används är en av de viktiga faktorerna. Strukturen på din hemsida spelar också roll, vilket leder oss till punkt två.
Varför ska du tänka på SEO när du programmerar?
Vilken struktur är då bäst för din hemsidas SEO? Att strukturera din meny i ett logiskt hierarkisk upplägg med viktigaste sidorna högst upp kan påverka din ranking. Att placera viktig information eller sökord högst upp och först är en bra praxis.
Det naturliga sättet människor läser texter är från vänster mot höger och sedan nedåt i en Z form. Det finns undantag i kulturer där man läser från höger till vänster.
Håll din kod ren och fin så att webbläsare enkelt kan läsa av den. I hemsidas kod ska du använda sökord som kan hjälpa din hemsidans ranking på Google, i de så kallade meta-taggarna som till exempel Title, Description och ALT-tag.
SEO kriterier från Google
Gör din hemsida enkel att navigera. Din meny och menyvalen ska vara uppenbara, besökaren ska direkt förstå vad som finns bakom varje rubrik de klickar på. Detta spelar roll för besökarens upplevelse på sidan och i förlängningen påverkar det också sidans ranking. Visar det sig att besökarna endast stannar i några sekunder och sedan går tillbaka till sökresultat sidan och väljer att besöka en annan sida kan det ses som negativt. Det är en indikation att besökaren inte hittade det den sökte efter. Men om besökaren stannar en längre stund ses det som att du har värdefull information på din hemsida som besökaren tycker är värd att läsa eller ta del av.
”Google strävar efter att de bästa sidorna för besökaren hamnar högst upp”
Tiden som besökare spenderar på din hemsida spelar stor roll och då är det viktigt att ha en hemsida med snabb svarstid, detta kommer jag diskutera mer längre ner. Här är det bra att ha designen i åtanke när du programmerar för bättre SEO. När du programmerar en e-handels hemsida ska du alltid tänkte på användarvänligheten för besökaren, då Google kan mäta hur lång tid varje besökare spenderar på hemsidan. Desto längre tid och mer engagemang du får från dina besökare desto bättre ranking kan du få.
Säkerhet på hemsidan när du programmerar
Det finns vissa åtgärder du bör tänka på när det kommer till säkerhet när du programmerar en e-handels hemsida. Två punkter jag vill diskutera är Åtkomsthantering och Iframe.
Det låter som en självklarhet när man säger att du inte ska ge alla eller vem som helst åtkomst till din kod. Utan endast de du litar på och också de som du vet kommer göra ett bra jobb.
Ingen kan se in i framtiden och därför kan det vara svårt att programmera för att undvika fel eller buggar. Det är helt okej att koden inte är helt optimal med en gång, det är en del av programmerandet att hela tiden arbeta mot en strukturerad och optimerad kod, så försök att tänka långsiktigt. Ställ dig frågor som, Vad kan gå fel med denna CTA (Call to action), samarbetar hemsidan med dessa animationer? Försök sedan att programmera för att allt ska fungera.
Åtkomsten till din kod ska vara begränsad till de i ditt team (om du jobbar i ett). Välj ett lösenord som ingen kan gissa sig till, stora och små bokstäver, siffror och tecken. Använd ingenting som relaterar till dig eller ditt jobb, för högst säkerhet. Får fel person behörighet till din kod kan personen använda den som sin egen eller förstöra hemsidan du byggt, så ta vara på det du skapar och håll det säkert!
Iframe är en tag ( <iframe/ > ) som du skriver in i HTML fil, det ger dig en ruta på din hemsida som speglar en annan hemsida. Detta kan till exempel användas i din portfolio. Om du har en hemsida med animationer och visuella element som rör sig, kan detta vara svårt att visa upp endast med bild, då kan du använda dig av Iframe och visa din hemsida live.
Detta låter ju perfekt men det finns risker med Iframe, en del företag väljer därför att koda bort möjligheten till Iframe. Det som kan hända är att någon använder din hemsida för att få tillgång till känslig information från besökare på din hemsida. De kan då spegla hela din hemsida och låtsas vara du, de ändrar all kod förutom din <style> / CSS för att behålla samma utseende som din hemsida, men kan till exempel stjäla användares konto eller kortinformation.
Varför programmering är mer än hemsidans funktionalitet
Att skapa en hemsida handlar också om designen, vilka fonter du använder och vilka animationer du har, med mera. Visst är det häftigt när det visuella är precis som du föreställt dig? Men när du designar för ögats skull är det lätt att glömma funktion på hemsidan. Det som kan hända när du har animation på animation är att du ofta försämrar hastigheten på din hemsida då webbläsaren måste läsa in mycket kod.
Ditt val av fonter kan också spela roll. När du väljer fonter för din hemsida rekommenderar Google att du ska använda dig av Googles förråd av typsnitt, Google Fonts. Förr fungerade det så att om du använde ett typsnitt som från Google så behövde webbläsaren inte ladda ner den för att läsa in typsnittet. Google utnyttjade det faktum att typsnitten sparades i ett cacheminne som var gemensamt för alla webbplatser. Detta gav en snabbare laddningstid av din hemsida eftersom typsnittet med största sannolikhet redan fanns nedladdat.
Idag använder vi inte längre gemensamma cacheminnen på grund av säkerhetsrisker. Så just den fördelen med Google Fonts har försvunnit. Idag rekommenderar man att istället manuellt ladda ner och installera Google Fonts på sin webbplats.
Hemsidans funktionalitet och SEO
Om du ska skapa en hemsidan för en e-handelsplattform, är synlighet på Google väldigt viktigt. Att tänka på sökmotoroptimering brukar inte ens vara på topp 10 av vad en utvecklare fokuserar på. Standarden har blivit att man har en utvecklare och i efterhand anlitar någon SEO kunnig. Men med lite tips kan du göra det lite enklare för din kund eller dig själv nästa gång du bygger en hemsida för e-handel.
Ett exempel är att använda Sökmotoroptimerade ord i din kod, alltså inte i kommentarer för det syns inte i webbläsaren. Du kan istället döpa titlar eller klasser (class) till SEO vänliga ord för Google att hitta.
Bilder i din HTML fil
Om din kund vill att du lägger in deras bilder direkt i koden kan du gör det i HTML fil och för att ändra utseendet på bilden, som storlek, border eller skugga görs i din CSS fil eller style tag i HTML (<style/>). SEO innefattar också bilder, vilka du väljer och vad du döper de till. När du hämtar eller laddar ner bilden kan du sedan döpa om texten och även skriva en ALT text till bilder.
En ALT text är texten du skriver om din bild, ALT texten kommer att visas när du hovrar över bilder. Google läser av ALT texter och det är ett bra ställe att få med ditt sökord så att sidan förhoppningsvis rankas högre.
Här är ett exempel på hur du kan skriva in ALT text i html kod:
<img src=”jultroja.png” alt=”Jultröja”>
I kodexemplet följer jag samma tema som jag diskuterade lite tidigare i ämnet “Vad är SEO?” där exemplet var att du säljer tröjor på din e-handelsplattform. Jultröja blir alltså din ALT text till bilden. Använd ditt sökord även i bildnamnet. Tänk dock på att inte använda å, ä, ö eller andra specialtecken i dina filnamn. Ersätt mellanslag med vanliga bindestreck (inte underscore).
Skapa en användarvänlig hemsida
Om det tar mer än 5.3 sekunder för din hemsida att ladda är det stor chans att besökaren lämnar din hemsida. Enligt Hubspot Academy väljer 79% av användaren att besöka din konkurrent om din hemsida har lång svarstid.
Tänk därför på detta när du programmerar för en snabbare sida:
Ha minimalt med kommentarer i din CSS fil
Ha inte för många line breaks
Ha inte för mycket white space
Komprimera bilder på hemsidan
Gör dina bilder responsiva
Kommentarer är bäst att ha i din HTML fil och inte i din CSS, detta kan vara på gott och ont. Som programmerare (speciellt om man jobbar i team) är det viktigt att kommentera i sin fil för ett bättre samarbete. Men dina kommentarer i filen kan också bidra till längre svarstid på din hemsida. Line breaks och whitespace ingår i samma kategori, det är snyggt men tar upp plats som webbläsaren behöver läsa in.
Att komprimera dina bilder betyder att du ändrar storleken på bilderna till en mindre storlek men behåller samma kvalitet i grafiken (samma antal pixlar). Väljer du att komprimera dina bilder, glöm inte att spara originalbilden också. En komprimerad bild är en bild med mindre minne och därav minskar laddnings/svarstiden när webbläsaren läser in bilden.
När du skriver din CSS kod så kan du göra din bilder responsiva genom att koda:
img {
width: 100%;
height: auto;
}
Med denna kod kommer webbläsaren att läsa in din bild med rätt storlek för rätt skärm. Bilderna du väljer kommer att anpassa sig efter vilken enhet besökaren använder, om det är en telefon eller en dator och även storleken på skärmen
Listan med saker du kan göra är lång, men dessa är några åtgärder som ökar hastigheten på din hemsida. En sidas hastighet är en av faktorerna som påverkar placeringen på Google.
Optimera hemsidan för mobil
Som jag tidigare nämnde är det viktigt att göra hemsidor telefonanpassade och responsiva till olika enheter och skärmstorlekar. Det bidrar till att besökaren får en bra användarupplevelse på hemsidan.
Men också för din Google rankning. Google belönar hemsidor som har responsiv design på hemsida. Att ha responsiv design betyder att det inte spelar någon roll vilken enhet eller skärmstorlek besökaren använder, hemsidan kommer automatiskt att anpassa sig efter skärmstorleken.
Hur ska du programmera för bäst SEO?
Om du skapar din egna e-handelsplattform eller jobbar som konsult till en kund, kom ihåg att UX design på hemsidan är lika viktig som SEO. Jag har nämnt många punkter som kan hjälpa din hemsida redan från start med SEO. En stor del av optimeringen på hemsidan handlar om innehållet (i till exempel bloggartiklar), beskrivningar, ALT taggar, och så vidare. Om du tänker på alla relevanta områden redan när du programmerar kommer din hemsida ett steg närmare en bättre sökoptimering.
Självklart behöver hemsidan fortfarande ha ett intressant och värdefullt innehåll (som bloggar och produktbeskrivningar) för att hittas och få bättre ranking på Google, men nu har du sett till att förutsättningarna är de bästa.
En intressant faktor som jag tidigare inte nämnt, är betydelsen av URL det vill säga adressen till din sida. URL är också ett ställe där du kan använda dina sökord för att få större chans att prestera på Google. Var försiktig när du ändras en sidas URL. Du vill inte råka ut för att besökare som går till den gamla URLen får ett 404 felmeddelande (sidan kan inte hittas).
Så tänk på vad du ändrar och om det förändrar din URL. Google gillar INTE om du har URLer som får 404 felmeddelanden. Det du kan göra för att fixa detta problemet är att göra en “redirect” som länkar besökaren till den nya och rätta sidan. I de allra flesta fallen använder du en så kallad 301 redirect (permanent flytt).
Vad ska du ha i åtanke när du programmerar en e-handels hemsida?
Programmera för snabb hastighet
Använd sökorden i sidans Meta-taggar
Gör hemsidan responsiv
Se till att typsnitt cashas
Gör dina bilder responsiva
Använd sökord på filnamn
Ta säkerhetsåtgärder för att skydda din kod
Det var mina tips för dig som programmerar en e-handels hemsida! Lycka till med programmeringen och glöm inte bort SEO.
https://www.topvisible.se/wp-content/uploads/Kaddy-Webbutvecklare.png7501200Kaddyhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngKaddy2022-12-19 21:30:072023-05-30 09:46:15Varför bör du som webbutvecklare tänka på SEO?
Nina nina nina nina na, Nina na na nina – dagens boktips: Don’t Make me think av Steve Krug, Made to Stick av Chip & Dan Heath och Webs of Influence av Nathalie Nahai. Tre av mina favoritböcker när det gäller web och marknadsföring.
Don’t Make Me Think – A common sense approach to web usability
Don’t Make Me Think handlar om vad som är viktigt vid framtagning av en hemsida. Och bara titeln säger egentligen allt. Du ska göra alla, texter, strukturer, menyval så kristallklara att det inte uppstår några frågetecken hos din besökare. Varför är det så viktigt att undvika osäkerhet då? Jo för att osäkerhet drar ner på dina chanser att övertyga besökaren och förmå hen att göra det du vill att hen ska göra på din sajt.
Den här boken är i princip min bibel och jag tipsar om den i nästan varje kurs eller workshop jag anordnar. Steve Krug får oss på ett humoristiskt sätt att tänka om när det gäller hur vi tror att webdesign fungerar. Vi har ofta en felaktig uppfattning att det vi designar och skriver används på det sätt som vi tänkt. Så är inte fallet.
Även om den här boken finns i uppdaterade upplagor, har den en hel del år på nacken och det märks, speciellt på de skärmdumpar från hemsidor som används som exempel. Men låt inte det avskräcka dig. Mycket av poängerna i boken är tidlösa. De både kan och bör appliceras på moderna webbplatser.
Made to Stick – Why some ideas take hold and others come unstuck
Den här boken försöker förklara varför vi har svårt att komma ihåg viktiga fakta, när vi ibland kan minnas helt ovidkommande saker. Och Chip och Dan Heath har tagit fram en metodik som hjälper oss att forma våra budskap så att vi verkligen minns dem. Och vem har inte nytta av något sådant i sin marknadsföring..?
Metodiken för att skapa bestående budskap består av sex principer som bildar akronymen S U C C E S. Ju fler av dessa sex principer vi kan få med när vi formar vårt budskap desto större chans har vi att mottagaren verkligen kommer ihåg det.
S som i Simplicity
Med simplicity avses inte simpelt utan snarare något som är både enkelt och djupt. Det ultimata exemplet är att på en mening kunna förmedla något som är så djupt att det tar någon en livstid att lära sig följa den. Det du! Nu är inte alla tipsen och exemplen så utmanande, utan författarna pekar också på det faktum att om du har för många bra argument riskerar du att mottagaren inte kommer ihåg ett enda. Så du behöver utveckla den ädla konsten att prioritera.
U som i Unexpectedness
Det gäller inte bara att överraska för att stå ut i mängden. Det är bara det första steget. För att verkligen få till ett lyckat budskap behöver det även bibehålla mottagarens intresse och väcka nyfikenhet.
C som i Concreteness
Att vara konkret är egentligen inget svårt, men ändå så har vi en tendens att göra våra mission statements, strategier och visioner onödigt abstrakta och högtflygande. Det är inget recept för att få budskapet att fastna.
C som i Credibility
När det gäller att få folk att tro på våra idéer tar vi gärna till torra fakta och siffror eller statistik och i många fall är det inte rätt väg att gå. Ett exempel från politiken är när Ronald Reagan debatterade med sittande Jimmy Carter och istället för att ta till statistik om hur ekonomin dalat den senaste ämbetsperioden helt enkelt sa, “Innan du röstar, fundera på om du har det bättre ställt idag än för fyra år sedan.”
E som i Emotions
Varför ska någon bry sig om vårt budskap? Det gäller att få dem att känna något och en av utmaningarna är att välja “rätt” känsla. Att få ungdomar att sluta röka genom skrämselpropaganda kan vara svårt. En bättre väg kan vara att få dem att känna avsky inför att stödja de stora omoraliska tobaksbolagen.
S som i Stories
Att få folk att agera på våra idéer kan vara en utmaning och då är en väg till framgång att berätta en minnesvärd historia. Storytelling är något av ett buzzword, men icke desto mindre en effektiv strategi inom marknadsföring.
I Made to Stick går Chip och Dan Heath igenom exempel efter exempel för att illustrera dessa olika principer på ett ofta fascinerande sätt.
Webs of Influence – The psychology of online persuation
På ett sätt är denna bok av Nathalie Nahai (som kallar sig webbpsykolog) en mix av det två andra böckerna jag tipsar om, men som också ger ett lite annat perspektiv. Och det perspektivet är just det psykologiska och hur våra hjärnor fungerar. Något jag personligen tycker är superintressant. Med det sagt så är den här boken den “torraste” av de tre, pedagogiskt upplagd men kanske inte den roligaste.
Den här boken är också en av de få böcker jag hittat som även adresserar kulturella skillnader som kan påverka hur du formulerar dina budskap. Ytterst relevant för dig som agerar på en global eller multi-kulturell marknad.
Boken är indelad i tre delar:
1 – Know who you’re targeting
Här går Nathalie igenom hur du ser och förstår dina målgrupper ur ett psykologiskt och kulturellt perspektiv.
2 – Communicate Persuasively
Ett intressant upplägg med psykologiska principer (och hur du bäst utnyttjar dem) för dina olika kommunikationskanaler:
din hemsida
dina bilder
dina videofilmer
dina färger
dina sociala medier
3 – Sell with integrity
I denna del får du en viss repetition av ämnen som avhandlas i både Made to stick och Don’t make me think fast med ett större fokus på psykologin bakom principerna. Du får också tips om prissättning och hur du kan öka din försäljning.
Vill du ha ett bollplank?
Behöver du en kickstart på din online marknadsföring, men vet inte riktigt var du ska börja eller vem du kan bolla idéer med. Då kanske jag är den rätte för dig. Låt oss sy ihop ett förutsättningslöst möte och se om vi är rätt för varandra. Det hade varit så kul att sätta tänderna i något utmanande uppdrag.
Pontus Österlin Senior Digital Marketer and Consultant Mejla mig Ring: 0765-115141
https://www.topvisible.se/wp-content/uploads/3-basta-boktips-content-marketing-webb.webp7201280Pontus Österlinhttps://www.topvisible.se/wp-content/uploads/2019/03/topvisiblelogo-1.pngPontus Österlin2022-03-10 15:36:272024-04-03 22:02:06Content Marketing och webb – 3 bästa boktipsen
