kaxigt.com

Den här guiden handlar om sökmotorstrategi, marknadsföring och social media.

En bra sökmotoroptimering är A och O för att få hög ranking (om man inte väljer att betala för det). SEO står för Search Engine Optimization och är ett verktyg för att din webbplats skall rankas högt i sökresultaten genom att bland annat ange vissa sökord knutna till webbplatsen.

SEO innebär således att strategiskt använda sig av vissa parametrar som taktiskt arbetar för att webbplatsen ska få högre placeringar hos sökmotorerna.

För att din webbplats ska kunna genomsökas av sökmotorerna så behöver du en fil som heter robots.txt. Om Googles bot inte hittar din webbplats eller inte kan genomsöka den så existerar den inte, den varken indexeras eller rankas. Testa filen robots.txt med testverktyget för robots.txt.

Bästa praxis

• Endast Meta-robotar och X-Robots-taggar tar bort webbadresser från sökresultat
• Blockera inte CSS- eller JavaScript-filer med robots.txt

X-Robots-Tag
Location: Skickat i HTTP-rubrikerna
X-Robots-Tag: noindex

Meta Robots
Location: I HTML

<meta name="robots" content="[PARAMETER]" />

Viktiga robots parametrar

• Noindex (do not index)
• Nofollow (do not follow links)
• Noarchive (do not show cache)…eller kombinera (noindex, nofollow)

Om robotarnastagg inte är definierad använd standard ”INDEX, FOLLOW”
Blockera inte noindex URL:s i din robots.txt. De måste genomsökas.

Viktiga användaragenter

För Robots.txt, Robots Meta Tags, och X-Robots-Tag:

Ett annat alternativ att bli indexerad av spindlarna är att skapa en XML-fil. Det är en webbkarta över hela din webbplats. Du som använder WordPress fick högre upp på sidan tips om hur du kunde lösa detta.

En webbplats med dålig kodning och/eller brutna länkar riskerar att hamna långt ned i rankingen. Infrastrukturen på webbplatsen och UX – eller användarupplevelsen som vi säger på svenska – är därför av stor betydelse. Ha därför alltid för vana att ofta validera din sida så den håller en bra standard.

Vad vore en nybörjarguide om WordPress DNS SEO om jag inte nämnde något om hur man på ett bra vis mobilanpassar webbplatsen för såväl SEO som en bra användarupplevelse. Testa om din sida är mobilanpassad.

 
Google rankar en responsiv design först, och främst utifrån google-first-index. Det vill säja en mobilvänlig och följsam design rankas alltid högre än en icke-responsiv webbplats.

Mobilanpassa

Mobilen först eller responsiv design?
Mobile first, eller mobilen först som vi kan säga på svenska, är inte konstigare än att man strategiskt utgår från mobilen när man bygger och designar en webbplats.

Prio ett är alltså mobilen, därefter anpassas designen i nästa steg till läsplattor med lite större skärm och sist de stora skärmarna.

Responsiv design innebär att man tar hänsyn till alla skärmars storlek oberoende plattform när man bygger och designar en webbplats. Inte sällan börjar man med att utgå från den största skärmen för att sedan arbeta sig ned till den minsta.
 
Bildkälla: https://www.smartz.com/s/lFNNGxugbkihH6jZAPH8vw/mobile-first-design.png

Mobile-First = Content-First

Eftersom det finns begränsningar för en mobil, bland annat skärmstorlek och bandbredd för att nämna några, så tvingar designen därför dig att prioritera innehållet. Om din webbplats fungerar bra på en mobilenhet så fungerar den oftast bra på alla enheter.

Extra viktigt är dock att mobil-första-metoden också är en innehåll-första-metod.

Implementering

Det finns tre sätt att skapa en mobilvänlig webbplats.
• Använd en responsive web design (följsam för alla skärmstorlekar)
• Dynamisk visning (visar annat innehåll baserat på en användares enhet)
– Separata URL:s (olika webbadresser som visar mobiloptimerat innehåll) – Rekommenderas inte

Bästa praxis

• Din mobilversion ska visa samma innehåll som din stationära webbplats
• Sidans rubriktaggar och metabeskrivningar bör vara desamma
• Öka hastigheten genom att optimera renderingsvägen
• Använd HTTPS och HTTP / 2
• Eliminera renderingsblockerande resurser
• Ta bort oanvänd CSS och skjut upp bilder utanför skärmen
• Använd meta name = ”viewport” -taggen i sidhuvudet för att berätta för webbläsaren hur du justerar innehållet

<meta name="viewport" content= "width=device-width, initial-scale=1.0"/>