• Teknisk SEO

Den definitiva sanitetskontrollen för SaaS-mjukvara - Den krispiga hemliga såsen

  • Antoine Goret
  • 6 min read
Den definitiva sanitetskontrollen för SaaS-mjukvara - Den krispiga hemliga såsen

Intro

Det här är berättelsen om den SEO-grund som vi har byggt upp på Crisp för att göra vår tekniska SEO-strategi effektiv.

Crisp är en allt-i-ett programvara för kundsupport i flera kanaler för företag över hela världen. Hjälper varje månad mer än 200M användare att komma i kontakt med kunder samtidigt som vi samlar team kring ett verktyg.

När jag kom till Crisp hade företaget en bit under 100 000 företag som använde Crisp. Organisk sökning var den tredje förvärvskanalen efter hänvisning (enligt Google Analytics) och viral marknadsföring.

Genom den här artikeln kommer jag att dela med mig av en teknisk SEO sanity check som jag har bearbetat när jag anlände till Crisp. Tanken här är att se till att du inte försöker bygga popularitet på en genomborrad korg.

Få statistiska uppgifter som jag kan dela med mig av nu när vi pratar:

  • Vår Ahref-rank är 7900
  • Vår DR är 82
  • Vi har mer än 300 000 besökare i månaden
  • Organisk sökning står för 50 % av vår trafik (exklusive befintliga kunder här).

Förvärvskanaler hos Crisp (Förvärvskanaler hos Crisp)

I den här tekniska SEO-guiden kommer jag att dela med mig av de åtgärder jag har vidtagit för att förbättra vår webbplats och få den att stämma överens med Googles rekommendationer.

Här är de saker du kan förvänta dig i slutet av den här artikeln:

  • Förstå det val vi har gjort när vi valde att bygga vårt eget CMS utan att ha något befintligt CMS.
  • Lär dig hur du kan granska den tekniska SEO:n på en befintlig webbplats.
  • Lär dig att skapa en enkel granskning som du kan skicka in till dina team för förbättringar.
  • Lär dig att analysera semantisk relevans för en dedikerad sida
  • Lär dig mer om de verktyg vi använder på Crisp för att få detta att fungera.

Att bygga vårt eget CMS för att kontrollera vår tekniska SEO

Det första som vi kan påverka är tyngden på webbplatsen som vi arbetar med. På Crisp hade teamet redan innan jag började arbeta på en webbplats som var helt hårdkodad.

För att göra det är det ganska enkelt, vi använder ett programmeringsspråk som heter JADE. Det är ett enkelt programmeringsspråk som kompilerar koden för att generera statiska HTML-sidor som vi serverar till våra webbplatsbesökare.

Observera att vår programvara inte byggs med JADE utan använder VueJS, vi har skrivit en artikel om VueJS-migrering om du vill veta mer om det.

Varför bygger vi vårt eget CMS från grunden?

Moderna CMS som Webflow eller WordPress är bra, jag säger inga lögner här. Men inte tillräckligt bra för våra krav.

Vi vill att vår webbplats ska vara snabb

Vi vill att vår webbplats ska vara lika bra som vår produkt när det gäller användarupplevelse. När du bygger en WordPress-webbplats kommer den med en dedikerad databas, förfrågningar till dussintals externa resurser, t.ex. plugins eller JS-skript, och därför saktar laddningshastigheten ner.

Och det är samma sak för många CMS som du måste förlita dig på en befintlig struktur för att bygga en teknisk SEO-strategi.

Sedan jag kom till Crisp har webbplatsen inte slutat att utvecklas och förbättras genom idéer och förbättringar som vi för in på vår webbplats.

Vi vill ha full kontroll över vår utveckling.

Saken är den att med verktyg som Shopify eller WordPress förlitar man sig på att produktteamen orienterar produkten i rätt riktning, vilket man inte kan kontrollera.

På Crisp har vi fullt ägarskap över våra optimeringar, tekniska val och den strategi vi implementerar för att bygga den bästa SEO-strategin i snabbast möjliga takt.

Vi har till exempel implementerat schema.org markup på specifika sidor på våra webbplatser med hjälp av en JSON-integration.

SERP-funktioner med hjälp av schema.org-markering

Vi vill bygga upp ett team av tekniskt kunniga personer.

På Crisp anser vi att vem som helst ska kunna ändra en JSON-fil och kompilera en kod för att ändra innehållet på webbplatsen.

Därför samlar vi ett team av tekniska personer kring webbplatsen: Front end-utvecklare, tekniska marknadsförare och försäljningsingenjörer hjälper till att förbättra webbplatsen varje dag. Vare sig det är genom texten eller själva upplevelsen.

Det är ett sätt för oss att rekrytera mycket begåvade personer som har en fullständig överblick över tekniska och marknadsföringsstrategier.

Nu när du förstår vår filosofi och strategi ska vi göra en djupdykning i tekniska SEO-optimeringar och hur vi kan bygga en bättre upplevelse med enkla verktyg som finns gratis på webben.

Granska din tekniska SEO med ett klick

När jag påbörjar ett arbete vill jag se var jag börjar och detta är exakt samma process som jag tillämpade för 3 år sedan när jag kom till Crisp.

Jag gillar att bygga upp en granskning som tittar djupt in i:

  • Teknisk granskning
  • Granskning av innehållet
  • Granskning av popularitet

Jag kommer att dela med mig av ramverket lite senare i det här dokumentet.

Google Lighthouse är ljuset som guidar dig genom rekommendationerna i Googles krav när det gäller tekniska SEO-optimeringar.

Vi har skrivit en guide om Google Lighthouse-optimeringar som vi kör på Crisp, kolla gärna in den! Den gjorde det möjligt för oss att förbättra vår Lighthouse-poäng mycket enkelt.

Trött på att läsa artikeln? Här är ett snabbt utdrag:

  1. Gå till web.dev och gör en granskning av din webbplats.

Exempel på resultat av en Google Lighthouse-granskning (Exempel på resultat av en Google Lighthouse-granskning)

  1. Prioritera listan över åtgärder som ska åtgärdas
  2. Se hur din ranking förbättras på ett naturligt sätt

Du kan också använda super Dareboost som erbjuder ett brett utbud av optimeringar som går djupare in i tratten för teknisk SEO.

Dareboost-rapport

Som du kan se har vi fortfarande en del saker vi kan arbeta med för att göra webbplatsen ännu snabbare och mer lättanvänd.

Med dessa två verktyg får du en tydlig förståelse för vad du behöver uppnå för att förbättra din tekniska SEO och rankas högre i dina älskade sökmotorer.

Nu när du har en tydlig bild av vad du måste förbättra, tekniskt sett, kan vi fokusera på den semantiska relevansen av din webbplats för att förstå om du matchar din målgrupp.

Förstå nyckelordstäthet för teknisk SEO

Som när jag kom in i spelet för att få Crisp-webbplatsen till månen, var jag tvungen att se till att vårt innehåll var korrekt utformat.

Jag var tvungen att se till att den semantiska webbplatsstrukturen var väl uppbyggd. Här är min todo-lista när jag kontrollerar semantisk webbsidestruktur. Detta är något du verkligen bör gräva i eftersom en mycket liten mängd webbplatsbyggare, byråer, utvecklare uppmärksammar detta.

Kontrollera din HTML-webbplatsstruktur med ett klick

Jag använder Web developer, som är ett tillägg till Google Chrome. Det är superenkelt att använda och blir inte gammalt.

Web Developer Chrome Addon

Klicka på "View Document Outline " när du kontrollerar sidan och hur den är uppbyggd. Här är ett exempel på vad vi har gjort på Crisp.

Dokumentöversikt

Varje Hn har en inverkan på nyckelordstätheten och den förståelse som Google har av webbsidan du arbetar med.

Och ja, det är sant, jag skulle kunna göra mig av med den sista H2 eftersom det minskar tätheten för det nyckelord jag siktar på på den här sidan.

Gjorde du en gissning om vilket nyckelord jag arbetar med?

Den här analysen bör kombineras med en analys av nyckelordstätheten så att du ser till att Google förstår ditt innehåll på rätt sätt.

Kontrollera din nyckelordstäthet sida för sida

För att hjälpa dig att förstå hur bra din nyckelordstäthet är har du verktyg som hjälper dig att bättre förstå hur du bör strukturera din sida.

Själv använder jag Alyze som är en fransk programvara för analys av nyckelordstäthet.

Nyckelordstäthet

För varje sida ger den dig en tydlig förståelse för de mest framträdande nyckelorden på din sida.

Bonus: Analysera crawls från Googles robotar

Crawls från robotar kan analyseras. Du måste veta att du har en särskild budget som är relaterad till din webbplats. Denna budget måste konsumeras klokt av Googles sökrobotar.

För att göra detta får du gärna använda verktyg som oncrawl.com för att förhindra att din webbplats har fel, för många omdirigeringar eller föräldralösa sidor.

De flesta säger att crawlbudgeten är obetydlig för SaaS-mjukvaruwebbplatser eftersom antalet sidor är för litet. Det är inte vad vi på Crisp anser. Vi tror att Google gillar varje optimering, oavsett om du har 15, 150 eller 1500 sidor på din webbplats.

Vid varje ny version av utvecklingar och förbättringar kör jag en oncrawl-analys för att se om allt går bra.

Men det är inte poängen här, vi pratar om Googles robotar som indexerar ditt innehåll.

För att göra det måste du söka efter en specifik användaragent, som kallas "GoogleBot ". Om du har CloudFlare ovanpå din webbplats eftersom du har följt våra tidigare rekommendationer är det här du bör få ett utdrag av dina "träffar". Annars kan du be om loggar på den server som är värd för din webbplats, detta bör lagras på denna nivå.

Träffar är de besök som GoogleBot gör. I motsats till vad många tror går GoogleBot inte igenom hela din webbplats på en gång. Den besöker en sida och lämnar sedan webbplatsen.

Det är därför du måste vara extremt försiktig med kvaliteten på dess upplevelse.

Genom att analysera besöksfrekvensen för varje sida förstår du vilka som är de mest populära på din webbplats som följer Google och kanske upptäcker du några ointressanta sidor som inte bör besökas av GoogleBot.

Författarens kommentar

Jag hoppas att den här artikeln hjälper dig att få saker och ting att gå i rätt riktning. Om du vill diskutera vidare med mig om detta är du välkommen att lägga till mig på Linkedin eller på Twitter, jag tar gärna en pratstund med dig.

Prova Ranktracker GRATIS