Teknik9 december 2021av Gabriel

Förbered dig på att lansera din webbplats: Glöm inte dessa 10 saker!

Vilka saker behöver du fortfarande göra på din webbplats innan du lanserar den?

Du har köpt en webbdomän och skapat en webbplats - bravo! Innan du trycker på lanseringsknappen och sprider nyheten om din nya webbplats ska du kontrollera följande saker för att ge ditt projekt de bästa förutsättningarna.

Nedan följer några tips om övervakning, optimering och säkerhet för att hjälpa din trafik att öka och ge besökarna på din webbplats den bästa upplevelsen:

  1. Google Analytics
  2. Google Search Console
  3. Cloudflare för säkerhet och snabbhet
  4. SSL-certifikat för säkerhet och besökarnas förtroende
  5. Cachelagring för prestanda
  6. Optimering och komprimering av bilder
  7. Minifiering av skript
  8. Kontroll av trasiga länkar
  9. Kontroll av kanoniska länkar
  10. Säkerhetskopiering

Låt oss förklara varje punkt mer i detalj:

1. Google Analytics för trafikövervakning

En analyslösning är mycket enkel att lägga till på en webbplats och gör att du kan övervaka trafiken på alla sidor på din webbplats: den registrerar hur många besökare du har, varifrån de kommer, vilka webbplatser de kom till dig från, vilka sidor de besöker, hur mycket tid de spenderar på varje sida och mycket mer!

Lansering av en webbplats utan en lösning för trafikanalys är som att köra bil med förbundna ögon: du är på vägen men har ingen aning om vart du är på väg. Du vet inte hur din trafik fungerar, om de artiklar och det innehåll du publicerar har någon effekt eller hur dina reklamkampanjer påverkar dig.

Utan en analyslösning vet du inte ens om dina SEO-insatser har någon effekt.

En av de mest populära och lättinstallerade lösningarna är Google Analytics - och det är gratis!

2. Google Search Console (tidigare Webmaster Tools)

Med Google Search Console kan du mäta din prestanda i Googles sökmotorer.

Om Google Analytics berättar vad som händer med besökarna på din webbplats, visar Google Search Console (tidigare Webmaster Tools) var din webbplats rankas i Google när det gäller sökningar. Den berättar hur många sidor på din webbplats som Google har indexerat, vilka ord besökarna hittar dig med, hur ofta du visas i resultaten och vilka sidor på din webbplats som är mest populära när det gäller organisk trafik.

I Google Search Console kan du också tala om för Google var din webbplatskarta finns för att hjälpa Google att hitta och indexera sidorna på din webbplats.

När du väl har godkänt och lagt till din webbplats i Google Search Console får du olika meddelanden och varningar om webbplatsens "hälsa", t.ex. när Google upptäcker fel på din server eller virus och skadlig kod på din webbplats.

Den ger dig tips för att göra din webbplats lättare att navigera på mobila enheter och visar dig vilka webbplatser som lägger upp länkar till din webbplats.

Google Search Console kan också kopplas samman med Google Analytics för att se mer detaljerade rapporter direkt i gränssnittet för trafikanalys.

Google Search Console är ett mycket värdefullt verktyg och jag rekommenderar att du utnyttjar det.

3. Cloudflare för snabbhet och säkerhet

Cloudflare är ett företag som erbjuder många tjänster som rör webbplatsens säkerhet, överföring av innehåll, hastighet och mycket mer.

Du kan aktivera Cloudflare på din webbplats gratis, utan några ändringar på webbplatsen, direkt på webbplatsen DNS-nivå. När du har aktiverat den (tar cirka 10 minuter) tar Cloudflare över DNS-zonen och DNS-förfrågningar.

I gengäld får du:

  • Skydd: Eftersom DNS-zonen kontrolleras av Cloudflare kommer din webbplats IP-adress att vara dold och ingen kommer att kunna ta reda på din serveradress. Din webbplats kommer att fungera smidigt eftersom Cloudflare dirigerar trafiken till servern utan att avslöja dess identitet och därför kommer robotar och skadliga personer att se Cloudflare-adressen i stället. På så sätt skyddas du från vissa attacker som riktar sig direkt mot servern. Cloudflare skyddar dig också mot DDoS-attacker (en typ av attack som överväldigar en server genom att skicka tusentals förfrågningar per sekund).
  • Hastighet: Cloudflare erbjuder gratis caching för ditt statiska innehåll (bilder, HTML, CSS, Javascript-kod) direkt i deras distributionsnätverk (CDN). Det innebär att du kommer att se betydande bandbreddsbesparingar - eftersom dina bilder och annat statiskt innehåll finns på Cloudflare-servrar i många regioner runt om i världen kommer dina besökare att kunna få tillgång till dessa resurser mycket snabbare, från en server nära dem, och din server kommer att vara fri och avslappnad. När jag skriver den här artikeln har jag mer än 50 webbplatser på Cloudflare och de flesta har bandbreddsbesparingar på 50% eller mer. Jag förvaltar många e-handelswebbplatser och alla har tusentals produktbilder. Bandbreddsbesparingarna är enorma!
  • Säkerhet: Cloudflare erbjuder ett gratis SSL-certifikat för hela domänen som förnyas automatiskt. Allt du behöver göra är att aktivera det i administrationsgränssnittet och voila! Din webbplats kan nås med https://. Varför är detta en bra sak? För det första kommer dina besökare att känna sig tryggare när de ser att din webbplats nås via en säker anslutning. Sedan 2017 har Google dessutom sagt att de kommer att ge säkra webbplatser större vikt i resultaten, och sedan 2018 visar de till och med en etikett i webbläsaren Chrome bredvid webbplatser utan SSL: unsecured site. Så eftersom det är gratis behöver du inte ens tänka på det! Du behöver inte ens installera något på din server!

4. SSL-certifikat för säkerhet

Som nämnts ovan har Google börjat föredra webbplatser som har SSL-säkerhetscertifikat och visar en "osäker" etikett på resultatsidorna tillsammans med webbplatser som inte har SSL. Det ser inte bra ut, men det är också en säkerhetsrisk att fortsätta utan SSL på din webbplats, särskilt när du kan få ett gratis.

Inga fler ursäkter 2019 för att inte ha SSL! Och om du inte flyttar till Cloudflare kan du få en gratis SSL-certifikat De flesta webbhotell använder gratis certifikat från Let's Encrypt. Du kan installera dem med några få klick från ditt värddatorn, eller om du använder Windows kan du ladda ner en liten programvara som installerar dem enkelt.

Naturligtvis är det ingen som hindrar dig från att köpa ett SSL-certifikat från en auktoriserad återförsäljare (t.ex. GoDaddy, etc.) och installera den.

När du har konfigurerat SSL-standarden får du inte glömma att omdirigera alla sidor med http://-versionen till den säkra https://-versionen. Detta gör du vanligtvis genom att lägga till regler för omdirigering på din server eller, om du använder Cloudflare, genom att kontrollera "Använd alltid https"i avsnittet Krypto i Cloudflare-gränssnittet.

5. Cachelagring för att öka hastigheten på webbplatsen

Du kan minska belastningen på din server genom att dra nytta av fördelarna med caching. Om din webbplats är byggd med WordPress finns det många cachingmoduler som du kan installera för att spara CPU (Total Cache, WP Rocket, etc.), spara många frågor till din databas, etc.

Cachelagring fungerar på många olika nivåer, men den grundläggande principen är att första gången en besökare besöker en sida som har aktiv caching, så genererar denna sida genom att fråga databasen, generera HTML-kod och visa sidan för besökaren. Men samtidigt kan caching-pluginet skapar en statisk kopia av den redan genererade sidan och lagrar den på disken (eller i serverminnet). När sidan besöks igen (av samma besökare eller en annan besökare), kan insticksprogrammet hittar den cachade sidan och serverar den därifrån, vilket gör att servern inte behöver arbeta igen för att generera sidan.

Detta är den grundläggande principen och beroende på hur komplexa dina sidor är kan det få webbplatsen att se ut som om den flyger!

Processen sker i bakgrunden, du behöver bara oroa dig för den första installationen och cacheminnet uppdateras automatiskt när du ändrar sidor eller när de löper ut.

6. Optimering och komprimering av bilder

Det är alltid en bra idé att planera och förbereda bilderna tidigt i byggfasen av webbplatsen - det sparar mycket tid när det är dags att lansera webbplatsen. Du bör alltid ladda upp optimerade bilder, i rätt storlek för den plats du använder dem på. Det är ingen idé att ladda upp en enorm bild till servern och webbsidan om du bara behöver den för att täcka en fjärdedel av sidan.

Det är också en bra idé att föroptimera och komprimera bilder innan du laddar upp dem för att se till att de har det bästa förhållandet mellan storlek och storlek. Det finns många plugins för WordPress som optimerar och komprimerar bilder efter att du lagt till dem på webbplatsen, men det är bäst om du har en uppfattning om var varje bild kommer att användas, hur stor den behöver vara och laddar upp den i den storleken från början.

Bilder ökar kraftigt laddningstiden för din webbplats och kan förbruka mer serverbandbredd än nödvändigt. Om ditt webbhotellskonto har en bandbreddsbegränsning (mängden data som överförs under en månad) kan du förbruka bandbredden mycket snabbare med bara några få bilder för mycket, beroende på hur mycket trafik din webbplats har.

Om du huvudsakligen använder JPEG-bilder, som är ett komprimerat format (med förlust), har vi konstaterat att du kan uppnå betydande bandbreddsbesparingar genom att justera komprimeringen/kvaliteten en aning.

Jag studerade nyligen förhållandet mellan storlek och kvalitet på några e-handelssajter som jag har skapat och fann ett bra värde för produktbilder (som på vissa webbplatser kan vara tusentals).

Se nedan skillnaden i filstorlek när du varierar bildkomprimering (kvalitet) från 90 (standard) till 70 och sedan till 50.

Även om bildstorleken var mycket liten på produkterna resulterade värdet 50 i bilder av alltför dålig visuell kvalitet, så jag ökade värdet till 70. Men även med en kvalitet på 70 sjönk bandbredden som förbrukades av bilderna med nästan hälften! Om man multiplicerar detta med tusentals produkter är besparingarna och skillnaden i sidladdningstid enorm.

Som du kan se nedan ökar bildstorleken dramatiskt när du går till 70 kvalitet. Och när du går från 50 till 90 i kvalitet, mer än fördubblas filstorleken på bilden!

Storlek vid kvalitet 90 (i KB) Storlek vid kvalitet 70 (i KB) Storlek vid kvalitet 50 (i KB)
35.6 20.0 15.0
34.4 19.3 14.5
35.8 20.1 15.0
24.7 13.3 9.9
37.3 22.0 16.9
27.4 15.3 11.5
27.1 15.2 11.4
61.2 34.9 26.3
Totalt: 283,5 Totalt: 160.1 Totalt: 120,5

 

7. Minimering för att minska storleken på skriptet

Minimering är en process där man minskar storleken på de skriptfiler (Javascript, CSS-stilblad) som din webbplats behöver så att de laddas snabbare.

Du kan ha CSS-filer (för formgivning) eller Javascript-filer (för att lägga till animationer eller dynamisk funktionalitet och interaktion). När du arbetar på webbplatsen har dessa skript vanligtvis en snyggt ordnad kod med indrag, tabulatorer, mellanslag, flera rader och långa variabelnamn för att göra det lättare att redigera, men webbläsare behöver inte dessa för att tolka filerna korrekt och visa sidan.

Genom att minimera kan du automatiskt ta bort dessa mellanslag, tabulatorer och tomma rader., ersätta variabelnamn med korta namn utan att det påverkar funktionaliteten. Denna minimeringsprocess kan göra filerna mycket mindre och därmed snabbare att ladda.

För effektivitetens skull kan denna minimeringsprocess ske på servern (det finns plugins för WordPress för minimering), men den kan också göras i det program/den plattform som du använder när du utvecklar webbplatsen. Om din webbplats har Cloudflare kan den minimera filer direkt från servern, vid åtkomsttillfället, utan att du behöver göra något.

Genom att minimera skript kan du få bättre poäng när tester som Google Page Speed, GTMetrix eller YSlow analyserar din webbplats. Google använder också webbplatsens laddningshastighet när man bestämmer hur väl din webbplats ska rankas i sökresultaten. En webbplats som laddas snabbt är väl sedd av Google och dina besökare kommer att bli nöjda.

Här är ett exempel på inställningen i Cloudflare som automatiskt minimerar statiska filer på din webbplats:

exempel på minifiering av cloudflare

8. Kontrollera om det finns trasiga länkar

Ibland blir jag oorganiserad när jag arbetar på webbplatsen. Jag skapar de flesta sidor som utkast, tomma, och sedan bearbetar jag dem och lägger in innehåll på dem. Jag lämnar ofta tillfälliga länkar i innehållet som inte leder någonstans, med avsikt att komma tillbaka senare och ersätta dem innan webbplatsen lanseras. Men ibland glömmer jag bort det och det kan sluta med trasiga länkar på webbplatsen.

Andra gånger får jag inte allt innehåll från kunderna och skapar tomma sidor med tillfälliga länkar, bara för att jag ska kunna fortsätta med min verksamhet. Naturligtvis är det ofta så att kunden ändrar sig eller att jag glömmer bort dem.

Oavsett orsaken kan alla webbplatser ha trasiga länkar och saknade sidor. Det ser inte bra ut vid första intrycket och det är ingen bra idé att låta dem vara så, både med tanke på besökarnas upplevelse men också med tanke på sökmotorernas placering.

Därför kontrollerar jag min webbplats före lanseringen (och med jämna mellanrum efter lanseringen) för att se om länkarna är trasiga. Du kan göra det manuellt om du inte har så många sidor, men du kan av misstag utelämna vissa länkar.

Det är bäst att använda en programvara som kallas "crawler" - en programvara som besöker webbplatsens huvudsida, identifierar alla länkar på den sidan, sedan besöker varje länk och gör samma sak med varje länk tills alla sidor och länkar är uttömda. Efter att ha skannat hela webbplatsen ger programmet dig en rapport om resultaten och låter dig veta om du har några trasiga länkar så att du kan åtgärda dem.

Mina favoritverktyg för att kontrollera om du har trasiga länkar är:

  • Xenu Link Sleuth - ett gratis Windows-program som kontrollerar alla länkar på din webbplats - inte bara sidor, utan även bilder, ramar, plugins, bakgrunder, formatmallar och så vidare. Programmet genererar rapporter i realtid medan det skannar, och i slutet kan du spara rapporten eller skicka den via e-post. Den fungerar även på https-säkrade webbplatser. Programmet är mycket litet och fungerar på alla versioner av Windows från 95 och framåt.
  • Skrikande groda - ett online-verktyg som erbjuder mer än bara kontroll av trasiga länkar. Gratisversionen skannar upp till 500 webbadresser (vilket kan vara tillräckligt om du inte har en stor webbplats). Den hjälper dig också med en del tips och verktyg för sökmotoroptimering, till exempel att identifiera duplicerat innehåll, analysera meta- och titeltaggar, generera XML-sitemaps med mera.

Här är ett exempel på en rapport som genereras av Xenu Link Sleuth:

xenu exempel

9. Kontrollera kanoniska webbadresser

Om du har en sida på din webbplats som kan nås med mer än en URL, eller om du har olika sidor med olika URL:er men identiskt innehåll, har du "duplicerat innehåll". Sökmotorerna identifierar också detta innehåll och det kan påverka din webbplats prestanda i sökmotorerna negativt.

Låt oss till exempel säga att du har en kontaktsida som är tillgänglig på följande adress:

http://www.mysiteexample.com/contact

Och samma sida på:

http://mysiteexample.com/contact

Du kanske säger: men det är samma adress! Det är samma sida!

Ja, det är faktiskt samma sida, men du kan komma åt den på domänversionen med "www" och utan "www". För Google är detta en duplicerad sida. "WWW" är bara en subdomän och betraktas som en annan adress.

Om du inte talar om för Google exakt vilken version (kanonisk eller officiell) av dina sidor som är att föredra, kommer Google att välja själv och betrakta den ena versionen som "kanonisk" och ignorera den andra, eller ännu värre, betrakta båda som lika viktiga. I det här fallet delas det SEO-"värde" som den kanoniska sidan skulle få i två delar - till varje version en sida i taget. Detta leder till att sidans betydelse minskar på grund av de olika länkarna, vilket slutar med att dina sidor konkurrerar med sig själva.

Det är här som den "kanoniska" länken är praktisk - även om din webbplats har flera sidor med samma innehåll som är tillgängliga via olika webbadresser kan du ange i -avsnittet på sidorna vilken version du föredrar (den "kanoniska" versionen), till exempel så här:

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

Den här taggen räcker för att ange för sökmotorerna att du vill att sidan ska betrakta versionen utan "www" som "officiell".

Om du har Google Search Console installerat bör du också gå dit och ange vilken version du föredrar så att rapporterna som tas emot där gäller för rätt version.

Du kan läsa mer här om kanoniska webbadresser och andra ämnen som handlar om att förbättra din webbplats och göra den så lätt som möjligt för sökmotorerna att indexera och förstå den.

Om du använder WordPress på din webbplats är ett utmärkt verktyg för sökmotoroptimering ett Yoast-pluginsom förutom optimeringsfunktioner, artikelanalys, nyckelordsanalys och så vidare, automatiskt genererar dessa kanoniska URL:er på alla sidor.

10. Säkerhetskopiering av webbplatsen

Allt arbete du lagt ner på din webbplats kan gå åt skogen om du inte har en lösning för säkerhetskopiering inrätta. Du har laddat upp bilderna, skapat sidorna, satt upp plugins och senare får någon hackare tillgång till den, servern kraschar eller du bryter sönder något själv - om du inte har en en nyligen gjord säkerhetskopiaDu har en natt eller två att förlora, annars riskerar du att inte få tillbaka någonting!

Därför rekommenderas det att du gör en säkerhetskopia innan du startar webbplatsen. Det är bra att ha detta redan i byggnadsfasen.

Nästan alla webbhotell erbjuder en eller annan lösning för säkerhetskopiering, antingen inkluderad i priset eller mot en extra kostnad, beroende på vilket abonnemang du har. Beroende på företaget och hur mycket du betalar varierar också frekvensen med vilken dessa säkerhetskopior av webbplatsen görs - dagligen, med några timmars mellanrum eller varje vecka.

Det är ändå en bra idé att ha ett eget exemplar någonstans. Du kan säkerhetskopiera din webbplats via FTP eller med hjälp av olika säkerhetskopieringsverktyg som Syncback SE eller Syncback Pro (som jag har använt i flera år i alla mina projekt).

Om din webbplats är byggd med WordPress är en mycket bra lösning för säkerhetskopiering att skapa ett gratis konto på ManageWP plattform. När du ansluter din webbplats till ManageWP kan du ställa in gratis (månadsvis) eller dagliga (mot avgift) säkerhetskopior. Beroende på din webbplats och hur ofta du uppdaterar innehållet räcker det kanske inte med en säkerhetskopiering per månad.

Från ManageWP kan du återställa din webbplats automatiskt, antingen till samma värd som du hade första gången eller till en annan värd om du vill byta värdföretag.

ManageWP är en tjänst för yrkesverksamma med flera webbplatser och har även andra funktioner som centraliserad kontroll av uppdateringar, kommentarer, modulinstallationer med mera.

En annan säkerhetskopieringslösning som jag använder är automatisk säkerhetskopiering till Amazon S3 (du kan använda Syncback för det) eller till en annan FTP-server. Det finns många plugins för wordpress som säkerhetskopierar din webbplats till tjänster som Dropbox, Google Drive, OneDrive osv.

Det är dock viktigt att komma ihåg att säkerhetskopiering av webbplatsen bör göras ofta (minst dagligen) och på en annan plats än den där webbplatsen finns.

Personligen föredrar jag säkerhetskopiering till Amazon S3 med Syncback Pro. Jag kan konfigurera säkerhetskopieringen så att den körs dagligen, differentiellt (endast ändringarna säkerhetskopieras, inte hela webbplatsen). Och om det är en mycket viktig webbplats och jag vill ha möjlighet att backa tillbaka till äldre versioner kan jag konfigurera sju säkerhetskopior - en för varje veckodag. I den här varianten kan jag, om något oönskat händer och jag inte märker det omedelbart (webbplatsen kanske var infekterad utan att jag märkte det, och säkerhetskopian lagrade även det skadliga skriptet), gå tillbaka några dagar.

För alla mina kunder har jag dagliga, fullständiga databaserbackuper. Jag kan gå tillbaka till en version från några månader sedan om jag vill. Stora företag lagrar till och med åratal av säkerhetskopior av webbplatser och databaser. Allt beror på hur viktiga uppgifterna är och hur stor flexibilitet du vill ha när du hämtar uppgifter.

Bonus: Skapa en prenumeration på ditt nyhetsbrev

Det sista tipset är mer av typen marknadsföring eller strategi än teknisk. Om du lanserar en webbplats av något annat skäl än för att ta bilder på katter bör du ta det på allvar och bygga upp en sändlista.

Många webbplatsägare (inklusive jag själv) ångrar att de inte började samla in e-postadresser från potentiella kunder och webbplatsbesökare tidigare. Vissa gör det innan webbplatsen lanseras.

Om du börjar bygga upp en e-postlista nu kommer du långsamt att bygga upp DIN publik - människor som är intresserade av DITT innehåll, DINa uppdateringar och vad DU har att erbjuda. Personlig kontakt med dina fans är mycket effektiv.

Utan att vara tråkig och påträngande kan du skicka uppdateringar, värdefullt innehåll, tips, idéer och, varför inte, kampanjer och försäljning direkt via e-post till kunder som frivilligt har skrivit in sig i din e-postlista.

Ett snabbt sätt att börja bygga upp en e-postlista är att registrera dig hos en e-posttjänst eller ESP (Leverantör av e-posttjänster) (vissa är gratis, andra betalda), fyll i en prenumerationsblankett på webbplatsen och voila!

Slutsats

Det finns många andra saker du kan göra för att din webbplats ska få maximal effekt vid lanseringen, men de som beskrivs i den här artikeln är bland de viktigaste och relativt enkla att genomföra.

Jag rekommenderar att du inte lämnar dem oimplementerade 6 månader efter lanseringen! Det bör inte ta mer än 2 timmar att gå igenom alla steg och genomföra dem. Du kommer att bli glad att du gjorde det.

VILL SÄLJA EN ONLINE-VERKSAMHET-3

Logga in

Registrera

Återställ lösenordet

Ange ditt användarnamn eller din e-postadress, så får du en länk för att skapa ett nytt lösenord via e-post.