Förstå SEO-rekommendationer
Senast uppdaterad: februari 15, 2024
Tillgänglig med något av följande abonnemang, om inte annat anges:
Alla produkter och planer |
I SEO-verktyget, innehållsredigeraren och sidinformationen kan du söka efter SEO-rekommendationer för ditt innehåll. Läs mer om hur du kommer åt dina SEO-rekommendationer.
Rekommendationer organiseras i SEO-verktygen efter deras inverkan på webbplatsens SEO, den tekniska svårigheten att lösa dem och den föreslagna rollen för den person som löser dem. Rekommendationer med en teknisk svårighetsgrad på Hög kräver vanligtvis hjälp av en utvecklare för att åtgärdas.
Följande rekommendationer är organiserade efter kategori och listas sedan i ordning efter deras potentiella SEO-effekt. Enkla rekommendationer och de som kräver utvecklarassistans visas endast i HubSpots SEO-verktyg.
Tillgänglighet
Lägg till alt-textattribut för bilder
Bilder kan göra det svårt för sökmotorer och besökare som använder skärmläsare att förstå ditt innehåll. För att lösa detta problem kan du lägga till alt-text till bilderna som beskriver deras utseende och innehåll. Detta kommer att förbättra tillgängligheten och SEO på din webbplats. Läs mer om webbplatstillgänglighet i vår dokumentation för utvecklare.
Verifiera att bildens alt-text ska vara tom
Genom att lägga till alt-text till bilder på en sida kan sökmotorer och besökare som använder skärmläsare förstå innehållet. Vissa bilder, t.ex. ikoner som separerar delar av en sida, innehåller inte meningsfullt innehåll; dessa bilder bör istället ha ett tomt alt-textattribut. Granska dina bilder med tomma alt-textattribut för att se till att de inte ska innehålla alt-text.
Definiera sidans språk med attributet "lang"
En sidas språk bestäms av "lang"-attributet. Skärmläsare förlitar sig på detta attribut för att avgöra vilket språkbibliotek som ska användas. Om språket inte anges korrekt kan det hända att besökarnas skärmläsningsprogram inte fungerar korrekt. Läs mer om hur du använder "lang"-attributet.
Attributet "lang" anges i taggen <html> i början av sidans källkod. Ett korrekt formaterat "lang"-attribut ser ut så här:
<html lang="en">...</html>
.
Jämför språkkoden i din <html>-tagg med listan över accepterade tvåbokstavskoder för språk och ersätt sedan den ogiltiga koden. Om din <html>-tagg inte innehåller ett "lang"-attribut, lägg till lang="[språkkod]" i din tagg.
Ta bort taggen <meta http-equiv="refresh">
En sida som innehåller taggen <meta http-equiv="refresh"> uppdateras automatiskt efter en viss tid. Detta kan skapa en förvirrande användarupplevelse och störa skärmläsningsprogram. Använd Javascript istället för alla sidor som behöver uppdateras automatiskt.
Genomsökning och indexering
Bekräfta att rätt sidor är dolda från sökresultaten / Bekräfta att rätt sidor är blockerade av din robots.txt-fil
Om några sidor på din domän är blockerade från sökmotorer kommer du att se en rekommendation om att granska en lista över dessa sidor. Detta är ett enkelt sätt att se till att det inte finns några sidor på din webbplats som är blockerade från sökmotorer av misstag.
Om alla sidor i listan avsiktligt döljs från sökresultaten behöver du inte vidta några åtgärder.
Om du ser en webbplatssida som är dold i sökresultaten men som borde indexeras i sökresultaten, samarbeta med webbplatsadministratören för att uppdatera filen robots.txt eller ta bort eventuella taggar på sidan som kan hindra den från att visas i sökresultaten.
Se till att dina kanoniska länkar är korrekt konfigurerade
Sökmotorer som Google använder kanoniska länkar för att hitta den primära versionen av en sida som ska visas i sökresultaten. Undvik problem med duplicerat innehåll genom att lägga till en giltig kanonisk länk till varje sida. Läs mer om hur kanoniska webbadresser påverkar SEO.
Kanoniska länkar markeras som ogiltiga av något av följande skäl:
- Det finns mer än en kanonisk länk.
- Den kanoniska länken är inte en giltig URL.
- Den kanoniska länken är en relativ URL.
- Den kanoniska länken pekar på en sida för en annan region eller ett annat språk.
- Den kanoniska länken pekar på en annan domän.
- Den kanoniska länken pekar på webbplatsens rot.
Läs mer om hur du redigerar en sidas kanoniska URL från fliken Inställningar i innehållsredigeraren.
Observera: blogglistsidor kan utlösa en falsk varning om duplicerat innehåll.
Se till att sökmotorer kan behandla dina sidlänkar
Sökmotorer föredrar länkar som är formaterade som en <a>-tagg med ett href-attribut. En korrekt formaterad länk ser ut så här:
<a href="https://www.hubspot.com">Link text here</a>
.
Se till att länkarna på din sida följer detta format så att sökmotorerna kan genomsöka dem.
Fixa trasiga sidor
HubSpots sökrobot kunde inte skanna dessa sidor på grund av ett fel. Detta kan bero på en av följande orsaker:
- Saknar HTTP-statuskod: HTTP-statuskoder anger om en webbsida har nåtts eller inte. Om skanningen inte kan returnera en HTTP-statuskod kommer skanningen att misslyckas. Läs mer om HTTP-statuskoder.
- HTTP-statuskod returnerar ett fel: HTTP-statuskoder anger om en webbsida har nåtts eller inte. Statuskoder på 400 och 500 indikerar klient- eller serverfel och förhindrar att en skanning slutförs. Läs mer om olika HTTP-statuskoder.
- Sidans HTML-kod är tom: om sidans källkod inte innehåller någon HTML-kod kommer skannern inte att kunna bearbeta sidan.
Kontrollera tillsammans med din webbutvecklare att de angivna sidorna är konfigurerade och fungerar korrekt.
Se till att alla hreflang-länkar innehåller en giltig språkkod
Genom att använda hreflang-länkar på din flerspråkiga webbplats kan sökmotorer få reda på vilket språk en sida har. Sökmotorerna kan sedan ge internationella användare ett sökresultat för sidan som matchar deras föredragna språk. Läs mer om hur du använder hreflang-länkar för ditt flerspråkiga innehåll.
Om dessa länkar har en ogiltig språkkod kan sökmotorerna inte korrekt identifiera sidans språk eller inkludera den i resultaten för det språket för internationella användare. Flerspråkiga sidor på HubSpot kommer automatiskt att använda giltiga språkkoder.
Jämför språkkoderna i dina berörda länkar med listorna över accepterade tvåbokstavskoder för språk och regioner, och ersätt sedan alla ogiltiga koder. Att ange en region i din hreflang-länk är valfritt; om du använder det bör du formatera det som hreflang="[språk]-[region]". Till exempel skulle en sida på spanska som riktar sig till användare i Spanien formateras som hreflang="es-es", medan en sida för alla spansktalande i hela världen skulle använda hreflang="es".
Se till att alla hreflang-länkar använder en fullständig URL
Genom att använda hreflang-länkar på din flerspråkiga webbplats kan sökmotorer få reda på vilket språk en sida har. Sökmotorerna kan sedan ge internationella användare ett sökresultat för den sida som matchar deras föredragna språk. Läs mer om hur du använder hreflang-länkar för ditt flerspråkiga innehåll.
Vissa hreflang-länkar använder relativa URL:er, som bara innehåller en URL-sökväg i stället för en fullständig URL som börjar med http/https. Även om dessa länkar kan fungera, har de en ökad risk att brytas i framtiden om den ursprungliga URL:en ändras. Flerspråkiga sidor på HubSpot använder automatiskt fullständiga URL-adresser.
Redigera dina relativa hreflang-länkar i sidans källkod. Läs mer om hur du redigerar en sidas källkod i sidredigeraren och i modulredigeraren.
För sidan https://www.hubspot.com/example-page kan en relativ länk se ut på följande sätt:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />
.
Du kan ändra detta till en fullständig länk genom att redigera href så att den innehåller den fullständiga URL:en inklusive protokollet (http/https):
link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />
.
Gör länkens ankartext mer beskrivande
I en länk är ankartexten det klickbara ordet eller frasen. Denna text bör tydligt kommunicera länkens mål. Ersätt generiska ankartexter som "klicka här" eller "läs mer" med specifika länkbeskrivningar. Läs mer om Googles bästa praxis för ankartext eller läs en lista över fraser som utlöser denna rekommendation.
Mobil erfarenhet
Se till att mobilanvändare enkelt kan klicka på varje sidelement
Interaktiva element, t.ex. knappar och länkar, som är för små eller ligger för nära varandra kan vara svåra att trycka på på mobila enheter. Interaktiva element bör vara minst 48 pixlar x 48 pixlar stora. Om ett element måste ha samma storlek kan du också lösa felet genom att lägga till utfyllnad.
Lär dig hur du redigerar storleken eller utfyllnaden för olika typer av element i HubSpot:
- Redigera storleken på en CTA
- Redigera innehåll i en rich text-modul
- Anpassa modulstilar i innehållsredigeraren
- Skapa, redigera och bifoga CSS-filer för att utforma din webbplats
Se till att varje sida har en viewport-tagg
En viewport-tagg styr skalan på innehållet på din webbplats på olika typer av enheter. Om denna tagg saknas eller är felaktigt inställd kommer din webbplats att framstå som mindre mobilvänlig för sökmotorerna. Detta kan ha en negativ inverkan på din ranking i sökresultaten.
Arbeta med din utvecklare för att lägga till eller redigera viewport-taggen för din sida. Om du inte har en utvecklare i ditt team kan du få råd på CMS Developers Forum eller kontakta en lösningspartner.
SEO på sidan
Skriv en tydlig titel och metabeskrivning
Din sidas titel och metabeskrivning visar sökmotorer vad din sida handlar om. Läs mer om hur du redigerar din sidas titel och metabeskrivning i HubSpots innehållsredigerare.
Optimeralängden påblogginnehållet
Optimeringsverktyget skannar endast ordantalet för blogginlägg, inte sidor. Verktyget räknar alla ord som finns i blogginlägget, inklusive bloggtitel och författare. Det rekommenderas att inkludera minst 300 ord som en allmän regel. Var noga med att göra din research och bestämma den bästa längden för det ämne du skriver om.
Det idealiska antalet ord för ditt innehåll beror på vad du skriver om. Det viktigaste är att tänka på vem målgruppen är och vad de behöver veta om ämnet. Ett bra sätt att avgöra hur långt ditt innehåll bör vara är att se vilka sidor som rankas högt i sökresultaten för ditt ämne eller underämnesfras idag.
- Om det mesta av innehållet är kort och koncist bör du sträva efter en liknande längd.
- Om du hittar mer innehåll med långa texter som går in på detaljer, försök att göra samma sak i ditt eget innehåll.
SEO-verktyget och Optimera-panelen skannar ditt blogginnehåll för att räkna antalet ord som ingår i blogginläggets brödtext:
- Sidan har minst 300 ord: sidor som rankas högt i sökresultaten ger ett djupgående svar på besökarnas frågor. Sikta på minst 300 ord.
Observera: optimeringsverktyget räknar unicode white spaces inom klassen blog-post-wrapper för att upptäcka antalet ord i ditt blogginlägg. Detta innebär att räkningen är mest exakt för språk som använder det latinska alfabetet. Om du märker ett oväntat ordantal, kontrollera med din webbutvecklare för att bekräfta att det inte finns några dubbletter av din blogginlägg-wrapper-klass i den kodade blogginläggsmallen.
Prestanda
Använd bilder i rätt storlek
Om du använder stora bildfiler som du ändrar storlek på i redigeraren kan det öka sidans laddningstid. Läs mer om hur bildstorleken påverkar sidans prestanda.
Du kan undvika detta fel genom att ändra storlek på stora bilder innan du laddar upp dem till HubSpot eller genom att använda ett vektorbaserat bildformat, t.ex. SVG. I innehållsredigeraren kan du använda Ändra storlek på stora bilder automatiskt när du tittar på SEO-rekommendationer
Utvecklare kan minska laddningstiderna för befintliga bilder genom att implementera responsiva bilder. Läs mer om utvecklarens alternativ för att optimera bilder för sidprestanda.
Säkerhet
Se till att alla sidor laddas via en säker anslutning
Om någon av dina sidor använder HTTP kommer du att se ovanstående rekommendation. Sidor som använder HTTPS har varit en rankningsfaktor för Google sedan 2014. Sidor som laddas över HTTPS erbjuder också en säkrare surfupplevelse för dina webbplatsbesökare.
Se till att alla sidresurser laddas över en säker anslutning
Om någon av resurserna på dina sidor laddas över en osäker anslutning kommer du att se rekommendationen ovan. Om resurser (som bilder, CSS-filer, JavaScript-filer etc.) laddas över en osäker anslutning minskar säkerheten för hela sidan. Det kan också leda till att webbläsare visar en varning om blandat innehåll eller blockerar de berörda resurserna.
Uppdatera externa länkar som utgör säkerhets- och prestandarisker
Externa länkar som öppnar en sida i en ny flik i webbläsaren med hjälp av attributet target="_blank" kan orsaka säkerhets- och prestandaproblem. Du kan undvika dessa problem genom att lägga till rel="noopener" eller rel="noreferrer" till dessa länkar. Läs mer om potentiella risker med denna typ av externa länkar.
I vissa HubSpot-moduler, som Follow Me-modulen, läggs attributet rel="noopener" till automatiskt i externa länkar.
Du måste redigera externa länkar i sidans källkod. Läs mer om hur du redigerar en sidas källkod i sidredigeraren och i modulredigeraren.
En länk som utlöser detta fel kan se ut på följande sätt:
<a href="https://www.google.com" target="_blank">
.
Genom att lägga till rel="noopener" eller rel="noreferrer" till denna länk undviker du säkerhets- och prestandaproblem:
<a href="https://www.google.com" target="_blank" rel="noopener">
eller
<a href="https://www.google.com" target="_blank" rel="noreferrer">
.
Användarupplevelse
Fixa brutna länkar
Trasiga länkar på din webbplats skapar en negativ användarupplevelse. De gör det också svårt för sökmotorer att förstå strukturen på din webbplats. Byt ut eller uppdatera alla brutna interna och externa länkar.
Observera: flera förekomster av samma brutna URL på en och samma sida kommer bara att visas en gång i SEO-rekommendationerna.
Se till att alla sidresurser, t.ex. bilder och CSS-stilmallar, laddas
Resurser som inte laddas, t.ex. trasiga bilder, påverkar användarupplevelsen negativt. Det kan också påverka var din webbplats visas i sökresultaten. Om du tar bort eller uppdaterar sidhänvisningarna till varje trasig resurs löser du problemet.
HubSpot upptäcker för närvarande följande typer av brutna resurser: teckensnitt, bild, ljud-/videoinnehåll, skript, stilmallar och XHR.
Leta reda på referenser till din brutna resurs på din sida, mall eller stilmall. Du måste antingen ersätta länkarna eller lösa problemet i själva resurserna.Se till att dina bilder har rätt bildförhållande
En bilds bildförhållande är förhållandet mellan dess bredd och höjd. När du ändrar storlek på en bild måste du se till att bildförhållandet förblir konstant. Annars kan bilden se utdragen eller förvrängd ut.
När du ändrar storlek på bilder i HubSpots innehållsredigerare kommer det ursprungliga bildförhållandet att bibehållas automatiskt. För att lösa ett felaktigt bildförhållande, kontrollera din HTML och CSS för eventuell styling som påverkar bredd eller höjd.