De som driver en WordPress eller WooCommerce sida själv och inte har tillgång till någon digital marknadsföringsexpert kan ha svårt att hänga med i alla uppdateringar kring SEO. Google uppdaterar ständigt och ändrar sina riktlinjer och kommer med nya fräscha uppdateringar. En av de viktigaste sakerna som man bör ha koll på när det kommer till SEO är strukturerad data. Detta är något som bara blir större och mer betydelsefullt inom SEO. Men vad är då strukturerad data?
Google är världens största sökmotor som hjälper oss att hitta nästan allt som vi söker på. Man kan säga att Google är som ett bibliotek men istället för böcker har de webbsidor med information. För att Google ska fungera och hantera detta på ett så bra sätt som möjligt så använder de sig av robotar. Dessa robotar skannar av innehållet på en webbsida och gör en snabb automatisk analys för att ta fram det just du söker på.
Vad är då strukturerad data?
Strukturerad data går ut på att i förväg, innan Googles robotar kommer in på sidan, markera upp innehållet och tydligt förklara vad det handlar om. Detta gör det enklare för Google att förstå sidans innehåll. Tack vare att man har markerat upp sin sida med strukturerad data ökar chansen att synas under “rich snippets” i Googles sökresultat. På så sätt ökar man chansen att någon klickar in på just din webbsida. Man kan säga att med hjälp av strukturerad data kan man få en bättre placering på Google.
Hur implementerar jag strukturerad data på min webbplats?
Det enklaste sättet att applicera strukturerad data på sin webbplats är att ta hjälp av en webbyrå eller utvecklingsbyrå. Google har dock en guide på hur man kan uppdatera sin strukturerade data den kan ni läsa om här!
Varför Kepler Hosting är bra för SEO
Google gillar när en sida laddar snabbt och det finns inget bättre än en snabb hosting leverantör, om du vill snabbt komma upp på Google organiskt.
Genom att flytta till Kepler Hosting hjälper vi dig med en kostnadsfri hastighets optimering, fria migreringar och säkerställer att din hemsida laddar mycket snabbare än din tidigare Webbhotell/Hosting.
Yoast SEO är ett WordPress plugin som hjälper dig förbättra din hemsidas positions på google. Detta sker genom att optimera ord och innehållet i din text. DU väljer ett sökord som du fokusera på. Du kommer få en lista med det som är mindre bra och behöver förbättras.
När man pratar om olika plugins, är Yoast det populäraste alternativet. Pluginet är så komplext och har alla funktioner du behöver för att kunna ha full kontroll över din hemsidas SEO. Yoast har gjort pluginet så pass enkelt att det är väldigt lätt för nybörjare att använda.
Varje WordPress och WooCommerce webbplats behöver någon typ av plug in där man kan styra över sin SEO. Det finns en del olika plugins som man kan använda men det som är överlägset störst är ett plugin som heter Yoast SEO. Om du vill läsa mer om SEO och vad det innebär kan du läsa om det i vårt inlägg som handlar om SEO.
I kommande text tänkte jag förklara lite mer vad Yoast SEO är och hur du kan använda det på din WordPress site. Yoast har mängder av olika funktioner för att kunna du ska kunna anpassa din SEO på enklast sätt utan att behöva jobba i kod eller liknande. Du får helt enkelt koll på din SEO. När du laddat ner och aktiverat pluginet på din WordPress webbplats kan du börja att jobba med din SEO.
Du kan enkelt välja ut vilket sökord du vill ranka på.
Man kan enkelt redigera och ändra sina metabeskrivningar och meta titlar.
Det uppdateras poäng och färger beroende på hur stark din SEO är.
Du får direkt rådgivning på vilka delar du bör uppdatera på sidan. Det kan vara t.ex. textlängden – alt.taggar på bilder – interna och utgående länkar etc.
Det finns även en rad andra saker som du kan använda Yoast till.
Vill du vara säker på att du har en stark SEO så bör du ladda ner Yoast till din webbplats.
Idag tar både filmer och bilder allt större plats på Google. Fler människor i Sverige använder sig av Googles menyalternativ ”Bilder” eller ”Videor”, som finns under sökfältet, när de letar efter något på internet.
Inte så konstigt när konkurrensen om de organiska sökresultaten hårdnar och det gäller att sticka ut. Om man är ute efter en vara är det många som hellre vill få upp en bild på varan och sedan väljer länk efter det istället för att bara få upp text i sökrutan. På så sätt är det superviktigt att man optimerar sina bilder för att passa in på Google.
Man brukar dela upp bildoptimering på Google i två olika kategorier:
Storleksoptimering handlar om att göra en bild så ”lätt” som möjligt så att den laddar snabbt oavsett uppkoppling. Allt går ut på att pagespeeden ska vara så snabb som möjligt.
SEO- optimering handlar om att göra det lättare för Googles robotar att hitta bilden utifrån relevanta sökord som finns på sin sida.
Här nedanför kommer vi gå igenom lite tips som är värda att tänka på.
SEO-optimering:
Det är jätteviktigt att optimera sina bilder för att synas på Google. Detta är en sak som man ofta glömmer bort när man bygger en hemsida. Det tre viktigaste sakerna att tänka på är att: bilden är relevant för innehållet, bildens filnamn och alt-attributet.
På så sätt kan man öka förutsättningarna för Google att filtrera dom på rätt bilsök.
Google kopplar ihop texten kring bilden med själva bilden för att kunna visa den i så relevanta sökresultat som möjligt. Så bäst är ju om bilden tydligt relaterar till texten.
Namnet på bildfilen
Filnamnet är viktigt för att sökmotorerna ska förstå vad din bild föreställer. Google kan inte se vad en bild föreställer utan de behöver en tydlig beskrivning. Försök därför göra det så beskrivande som möjligt, vilket innebär ”rosa-byxor.jpg” istället för ”pic-3637.jpg”.
Alt-text
Även kallat ”Alt-attribut” betyder helt enkelt en alternativ text till bilden. Det är extra viktigt för de med nedsatt syn och de som använder skärmläsare då den alternativa texten ger dem möjlighet att få en beskrivning av bilden. På många sätt kan man också säga att en sökmotor är ”blind”, så även den använder alt-texten för att få mer information om bilden och dess innehåll.
Att skriva en bra alt-text behöver inte vara så svårt. De flesta CMS har ett enkelt sätt att lägga till alt-attribut på bilder som laddas upp. När man skriver en alt-text är det viktigt att tänka på vad det är bilden visar och gärna använda sökord. Låt texten vara naturlig och läsbar.
En nyhet från Google under sommaren 2019 är att de har gått ut och sagt att det är extra viktigt att skriva alt-text då det kan fungera som ankartext när du länkar dina bilder. Detta för extra kraftfull sökmotoroptimering.
Behöver ni hjälp med att optimera bilder till Google så når ni osshär!
SEO är en typ av digital marknadsföring som fokuserar på att ge företag ökad synlighet i sökmotorers organiska resultat. Det vill säga de resultat som inte är betalda annonser i exempelvis Google, Bing och Yahoo. Vi kommer fokusera mest på Google i denna beskrivning för att det är den största organiska sökmotorn på internet.
3 grundtermer i SEO
När man pratar om SEO finns det delar som är viktigt att ta i beaktning. Det är teknisk SEO, Onpage SEO och Offpage SEO. Dessa delar behöver alla vara optimerade för optimalt resultat.
Teknisk SEO: Detta betyder att de tekniska delarna på din hemsida bör vara optimerade. Här kommer några exempel på vad det kan innebära. Det kan innebära att din webbplats är mobilanpassad, att sidan har optimal laddningshastighet, du använder HTTPS, att sidan inte har dubbletter eller duplicerat innehåll. Teknisk SEO handlar även om att identifiera och fixa trasiga länkar, använd en SEO-vänlig URL-struktur, kontrollering av kanoniska taggar men även att lägga till strukturerad data.
On-page SEO: Detta innebär de delar du visuellt kan se på din hemsida och i Google. Det kan vara att åtgärda dubbletter, saknade och trunkerade titeltaggar men även hitta och åtgärda duplicerade eller saknade metabeskrivningar. Hitta och fixa flera H1-taggar men även att förbättra titeltaggar, metabeskrivningar och sidinnehåll. Göra en innehållsrevision och beskära innehåll på webbplatsen. On-page SEO handlar också om att optimera bilder (alt-taggar), hitta och åtgärda sökord kannibalisering, uppdatera föråldrat innehåll och förbättra innehållets läsbarhet.
Off-page SEO: Off-page SEO handlar om att analysera konkurrents länkstrategi och backlinks. Det innebär också att dra nytta av digital PR och implementera Skvscraper-tekniken. Off-page SEO är mycket om linkbuilding med externa länkar och interna länkar från din extna hemsida.
Inom SEO finns det tusentals olika faktorer som avgör vilken placering en webbplats hamnar på i Google. Vad som påverkar platsen är allt från innehållet på hemsidan och hur andra sidor länkar din sida. Det kan även handla om din sidstruktur om det är enkelt för Googles robotar att indexera och hitta din sida. En viktigt grej är att bygga webbplatser som inte bara tilltalar Google utan även användare som besöker din sida. Det viktigaste är att optimera de tekniska bitarna inom SEO för att fokusera på att Google hittar sidan och på så sätt kommer din placering långsamt öka. Om man endast fokuserar på sökorden utefter Google får man vara försiktig att man inte tappar användarnas intresse. Utan att man försöker skapa en bra balansgång mellan sökord och tilltalande text. Fokusera på användarvänligt innehåll så kommer du ta dig långt upp i sökresultaten. Följer man dessa 3 grundtermer är man en bra bit påvägen till en ökad trafik på din webbplats.
Varför din webbplats behöver SEO?
SEO har blivit mer och mer vanligt när det kommer till att optimera sin hemsida för att synas i de organiska sökningarna. I Sverige utförs det över 40 miljoner sökningar på Google varje dag. Detta ökar stadigt från år till år.
För att kunna synas bland konkurrenter och få upp sin placering på Google så krävs det att man fokuserar på att förbättra sin SEO och sin placering i de organiska sökningarna.
Om du är verksam i en speciell ort är det viktigt att lägga mycket fokus på sin lokala SEO för att synas och få in kunder på det sättet. Detta kan vara att uppdatera sin information via eniro, hitta etc. Men även att man uppdaterar sin Google My Business för att visa sina öppettider, telefonnummer och rating.
Det viktigaste när man ska optimera sin sida till SEO är att ha en tydlig strategi. Som vi nämnde tidigare så finns det många olika faktorer till att kunna ranka högt på Google så det gäller att få ner alla steg tydligt så att man inte missar någon del.
Helsingborg Design LAB – Kan hjälpa dig optimera din SEO och skapa en bättre digital närvaro!
Hastighetsoptimering är lika viktigt som UI- och UX-design samt övergripande estetisk känsla när det kommer till webbdesign. Din webbplats kan vara näst intill värdelös om det tar en evighet för dina besökare att ladda din hemsida. Men som alla vet; om det finns problem, så finns det alltid lösningar.
1. Ta bort inaktiva plugins och teman
Låt oss börja med något relativt enkelt.
Vi börjar ta bort oanvända plugins och teman. Även om de är inaktiverade så använder de fortfarande lagringsutrymme på din server. Så, genom att som ett första steg minska din servers arbetsbelastning så har vi eliminerat det första potentiella problemet med att din Elementor-sida laddar långsamt.
Du kan använda tex. P3 Profiler för att kontrollera vilka aktiva plugins som också pressar prestandaden på din webbplats. Du kan även övervaka och byta till alternativ som är mycket mer optimerade.
2. Ta bort allt i papperskorgen
Nästa steg är att du kollar alla papperskorgarna efter skräp.
Vad jag menar med skräp, är bokstavligen exakt som det låter. Först kollar du webbplatsens Cpanel (eller dyl.) och kontrollerar om det finns någon papperskorg där. Om det finns, ta bort skräpet permanent. Det finns ingen anledning att låta gamla bananskal ligga och skräpa, eller hur?
Vidare så kollar du på din hemsida, i inloggat läge. Sök efter sidor och inlägg som har blivit kastade och ta bort dem också.
Nu vill ni optimera din servers lagringsförbrukning till sitt mest optimala läge.
Du kan göra detta genom att ändra din webbplats wpconfig.php. Denna ändring kommer bespara dig besväret med att varje gång behöva tömma din papperskorg på jakt efter sidor, inlägg eller annat skräp som har hamnat i papperskorgen.
Som standard behåller WordPress skräpet i papperskorgen i minst 30 dagar. Vad sägs om att vi minskar det till sju dagar istället?
Om du vet med dig att du alltid bara kastar det som är skräp, och inte ångrar dig, så kan vi inaktivera systemet helt.
3. Aktivera Gzip-komprimering
Nu blir det lite mer komplicerat, när vi blandar in några rader kod i sammanhanget.
Under uppkomsten av internet så blev lagring extremt viktig. Komprimering kom sedan som vår herre och frälsare. Vi kunde äntligen ta en ofantligt stor mängd information och komprimera den för att utnyttja mindre plats på våra servrar. Samma gäller för att optimera din Elementor-sida.
Gzip är en funktion som låter dig minska den totala storleken på din webbplats med i genomsnitt 70%, vilket innebär att du också kan minska laddningshastigheten med 70%.
Lyckligtvis är det ganska enkelt att aktivera gzip-komprimering (om du inte redan har gjort det ännu). Du aktiverar gzip-komprimering genom att helt enkelt ändra din .htaccess-fil:
4. Dra nytta av cachning
Det är nu som saker och ting blir svårt.
Eftersom det nu finns en stor chans att vi redan har minskat storleken på din webbplats med 70%, så låt oss minska den ytterligare genom att inte behöva ladda din webbplats varje gång en användaren kommer besöker den.
Hur? Naturligtvis genom “cachning”.
Om du inte redan vet vad cachning är, så är det (enkelt förklarat); när webbläsaren automatiskt lagrar webbplatsens tunga filer på din i din webbläsare så att du inte behöver ladda ner dem igen om du besöker samma hemsida flera gånger.
Det finns många sätt att göra detta på.
Den första är att aktivera webbläsarcaching. Du kan göra detta genom att ändra din .htaccess-fil och lägga till det här kodavsnittet:
Eller genom att installera en cache-plugin, som tex. W3 Total Cache, WP Rocket eller något liknande. Om du är en webbutvecklare så bör detta ta ca 10 sekunder att genomföra. Om inte, så kanske detta tar dig i runda slängar, 1 minut. I båda fallen så är det dock relativt enkelt att göra.
Vanligtvis så räcker det med att enbart aktivera cache-plugin, men i vissa fall så behöver man göra några inställningar innan det fungerar. Varje plugin brukar ha en kort ‘’lathund’’ avseende hur man installerar samt använder deras plugin.
Du kan också enkelt logga in på din Kepler Hosting portal navigera till din valda sida och sedan trycka på Cache tabben. Sedan navigerar du till “Activate Cache” så kommer din hemsida få en rejäl boost i hastighet.
5. Den bästa webbhostingen
Ovanstående steg och tips kanske verkar gamla och föräldrade om roten till dina optimerings- och sidhastighetsproblem kommer från din server och hostingleverantören själv.
Det är därför du måste se till att du har valt rätt leverantör. En rekommenderad hosting bör ha bästa förmåga att bearbeta HTTP-förfrågningar och MySQL-kommandon på minst möjlig tid.
Vi på Kepler Hosting har tagit fram det självklara hosting-valet för din hemsida. Vi använder toppmodern teknik som Nginx, PHP 7.4, LXD-programvarucontainrar, MariaDB och beräkningsoptimerade dedikerade virtuella maskiner för att se till att din webbplats alltid laddas super snabbt.
Att välja det bästa Elementor-temat kanske låter enkelt, men efter att veta hur många olika WordPress-teman som finns där ute, så får man omedelbart huvudvärk.
Många WordPress-teman skulle hävda att de är det snabbaste, lättaste och helt enkelt det bästa WordPress-temat som finns. Dock så kan du aldrig riktigt veta om du faktiskt inte provar dem själv.
Jag skulle vilja spara tid och ge dig en lista över det bästa WordPress-teman som är kompatibla med Elementor, och som kommer göra din webbplats betydligt lättare och snabbare genom att bara använda temat:
Som e-handlare vill vi att vår e-handel ska sticka ut. För att uppnå detta och verkligen skapa en unik upplevelse för dina kunder, så måste du kunna anpassa din produktsida exakt som du vill ha den. Utöver detta är möjligheten att anpassa din produktsida avgörande för att behålla en och samma stil på hela din webbplats.
Om du ska bygga en e-handel helt från scratch, så krävs det ett dussintals rader kod. Elementor gör jobbet mycket lättare och mindre krävande. Genom att visuellt dra och släppa olika element på dina enskilda produktsidor, så kan du anpassa designen hur du vill. Det finns inga begränsningar i vad du kan skapa, utan det är enbart fantasin som sätter gränserna.
Elementor’s Page Builder ger dig full kontroll över din design och produktsidlayout med kraften hämtad från deras betalversion, Elementor Pro. Med Elemenor Pro och ‘’WooCommerce Builder, så behöver du inte skriva kod tills energin är slut, du behöver inte heller gräva i de olika PHP-filerna.
Varje designanpassning görs på produktsidan, direkt från Elementor’s Page Builder.
Innan du kan släppa lös dina design kunskaper eller din vilda fantasi, så måste du börja med att skapa en ‘’Elementor-mall’’.
Obs! Du måste aktivera WooCommerce på din WordPress hemsida först, annars kan du inte komma åt Elementors produktmallar.
Steg 1: Skapa din produktmall
För att börja designa den enskilda produktmallen i Elementor så behöver vi följa en liknande procedur som att skapa en vanlig mall.
Så här skapar du en produktmall:
1. Under Mallar -> Teambyggare -> Enskild produkt -> Lägg till ny, välj Enstaka produkt i rullgardinsmenyn, ge den ett namn och klicka på ‘’Skapa mall’’.
2. Välj ett enstaka produkt block och infoga. Om du vill börja helt från början, så rekommenderar jag att du skapar en helt egen mall.
3. När du är klar med designen så klickar du på ‘’Publicera’’.
Steg 2: Välj en mall för produktsida
Att börja från grunden kan alltid vara ett alternativ om du inte vill börja med en färdig designad mall.
Det enklaste sättet att komma igång är att använda en av de fördesignade mallarna och anpassa den så att den passar till din e-handel.
Det finns flera olika stilar på produktsidor att välja mellan. Via några lätta Googlingar på tex. Product templates for Elementor, så kommer du finna ännu flera stilar/mallar som du kan använda dig utav. Vissa kostnadsfria och andra mot en mindre engångsavgift.
Varje WooCommerce-produkt har en produktbild eller ett bildgalleri som visar bilder på produkten för kunderna. Elementor har en inbyggd Product Images-modul som gör att du kan infoga detta direkt i mallen. Vanligtvis så ligger den widgeten redan inlagd i mallen (om du tar en färdigdesignad). Om inte, så finner du den i redigeringspanelen tillsammans med övriga widgets.
Steg 3: Lägg till dina önskade widgets
Efter att du har ställt in dina bilder och texter eller annat skoj, så kan du nu lägga till widgets för att göra din e-handel fullt funktionell. Naturligtvis kan du alltid ta bort eller lägga till fler widgets på din sida under skapandets gång.
Samtliga widgets som är kompatibla med WooCommerce kommer att dyka upp på vänster sidan. För att applicera en widget i din mall, så klickar du helt enkelt bara på den widget som du önskar, håller in knappen och drar den till den plats på produktsidan där du vill att den skall vara.
Det viktigaste att komma ihåg är: Varför vi lägger widgets på vår sida, är för att göra den effektiv och engagerande. Rätt widgets hjälper dina besökare att nå dig, hitta det dem söker efter och sedan handlar.
Kom ihåg att varje produkt bör åtminstone visa grundläggande information som tex. titel, beskrivning och recensioner (om de är tillgängliga). Skapa en ny rad under det översta avsnittet och dra modulen ‘’Produktdata-flikar’’ från redigeringspanelen till raden för att infoga den.
Steg 4: Förhandsgranska produkt med en annan produkt
För att säkerställa att din produktmall har rätt design samt inte är anpassad till en specifik produkt, så rekommenderas att du förhandsgranska den med flera olika produkter.
Klicka på ögon ikonen längst ner till vänster och klicka sedan på inställningar. Välj den specifika produkt du vill visa under ‘’Inställningar för förhandsgranskning’’.
Därefter så klickar du på ‘’Förhandsgranska’’ för att se hur resultatet av din produktsida blev.
Steg 5: Ställ in din sida eller webbplatsens villkor
I detta steg ställer du in villkoren som avgör var din produktmall ska visas. Som standard påverkar mallen alla produktsidor på din webbplats. Du kan också välja en specifik produktkategori.
När du är färdig med din design och du har förhandsgranskat med olika produkter för att säkerställa att du är helt klar, så klickar du på ‘’Publicera’’.
Därefter får du upp några inställningar som styr vart din produktmall visas, vanligtvis så är ‘’Produkter’’ markerad, men om inte, så markera den.
När du gjort klart dina inställningarna så klickar du på spara och stäng. Din produktmall visas nu på samtliga produktsidor på din hemsida.
Slutsats
Elementors Page Builder ger dig design flexibilitet för att skapa och finjustera dina produktsidor visuellt. Detta sparar tid och pengar då det inte alltid krävs att du anlitar en professionell utvecklare innan du kan börja sälja via e-handel. Det minskar även avsevärt den tid det tar att gå från; att du har en idé om en hemsida som du vill förverkliga, tills du har en live och fullt fungerande WooCommerce-butik.
Elementor Page Builder ger dig även full designfrihet avseende resterande delar av din e-handel och inte bara produktsidor (som vi har gått igenom i detta exempel).
Vad är en sitemap? Jo, en sitemap eller webbplatskarta är en fil som listar tillgängliga sidor på din webbplats och som underlättar för sökmotorerna att hitta alla dina sidor.
Filen läses av med hjälp av med hjälp av sökrobotar som söker igenom webben genom att följa länkar från sida till sida och indexera innehållet.
Webbplatskartan kan även innehålla metadata som t.ex. när sidan senast uppdaterades, hur ofta den ändras samt information om särskilda typer av innehåll på sidorna som filmer och bilder.
Fördelar med att ha en sitemap
Eftersom en ny webbplats oftast har få länkar till sig så är det svårare för sökrobotar att upptäcka den nya siten och därmed ranka på Google. Därför är det väldigt viktigt för en ny webbplats att ha en webbplatskarta då det vanligtvis gör att det går fortare för sökmotorerna att indexera webbplatsen så den blir sökbar.
Om webbplatsen är väldigt stor eller har många isolerade sidor (t.ex. arkivsidor) så är det också en fördel att ha en sitemap så att sökrobotarna inte missar några sidor eller missar att söka igenom nya och nyligen uppdaterade sidor.
Så om du har en sitemap på din webbplats så kan du få större synlighet i sökmotorerna i och med att fler av dina sidor indexeras samt att sökmotorerna läser in nytt och uppdaterat innehåll.
En sitemap skrivs vanligtvis i XML-format och placeras direkt i roten på webbplatsen men det går att göra på andra sätt också.
Tips för att skapa en sitemap
Att göra en sitemap manuellt fungerar för väldigt små webbplatser men det finns bra gratisverktyg som hjälper dig att skapa en sitemap snabbt och enkelt.
För större webbplatser och webbplatser där nya sidor tillkommer eller gamla faller bort ofta t.ex. är det mest praktiskt att ha en automat-genererad sitemap så att den alltid är uppdaterad.
Här nedan finns tips på 2 sidor där man kan skapa detta enkelt:
