Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
SEO

Förstå SEO-rekommendationer

Senast uppdaterad: november 2, 2021

Gäller för:

Alla produkter och planer

I SEO-verktyget, innehållsredigeraren och siddetaljerna kan du söka efter SEO-rekommendationer för ditt innehåll. Läs mer om hur du får tillgång till dina SEO-rekommendationer.

Rekommendationerna organiseras i SEO-verktygen efter hur de påverkar webbplatsens SEO och hur svårt det är tekniskt att lösa dem. Rekommendationer med en teknisk svårighetpå hög kräver vanligtvis hjälp av en utvecklare för att lösas.

Följande rekommendationer är indelade i kategorier och sedan listade i ordning efter deras potentiella inverkan på SEO. Rekommendationer som är enkla och som kräver hjälp av utvecklare visas endast i HubSpot SEO-verktyg.

ATillgänglighet

Lägg till attributet alt-text 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 bilder som beskriver deras utseende och innehåll. Detta kommer att förbättratillgängligheten och SEO på din webbplats. Läs mer om webbplatstillgänglighet i vårdokumentation för utvecklare.

Kontrollera att alt-texten för bilden ska vara tom

Genom att lägga till alt-text till sidans bilder 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 inget meningsfullt innehåll. Dessa bilder bör istället ha ett tomt alt-textattribut. Se över dina bilder med tomma alt-textattribut för att se till att de inte bör innehålla alt-text.

Definiera sidans språk med attributet "lang".

En sidas språk fastställs med attributet "lang". Skärmläsare förlitar sig på detta attribut för att avgöra vilket språkbibliotek de ska använda. Om språket inte är korrekt inställt kan det hända att besökarnas skärmläsningsprogram inte fungerar korrekt. Läs mer om hur du använder attributet "lang".

Attributet "lang" anges i <html>-taggen 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 byt sedan ut den ogiltiga koden. Om din <html>-tagg inte innehåller ett "lang"-attribut, lägg tilllang="[språkkod]" i taggen.

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 i stället Javascript för sidor som behöver uppdateras automatiskt.

Krypning och indexering

Bekräfta att rätt sidor är dolda från sökresultaten

Om några sidor som finns på din domän är blockerade från sökmotorer får du 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 av misstag är blockerade från sökmotorer.

Om alla sidor i listan är dolda från sökresultaten avsiktligt behöver du inte vidta några åtgärder.

Om du ser en webbsida som är dold i sökresultaten, men som borde indexeras i sökresultaten, kan du samarbeta med din webbplatsadministratör 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 frågor om duplicerat innehåll genom att lägga till en giltig kanonisk länk till varje sida. Läs mer om hur kanoniska URL:er påverkar SEO.

Kanoniska länkar markeras som ogiltiga av någon av följande anledningar:

  • 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 kan redigera en sidas kanoniska URL från fliken Inställningar i innehållsredigeraren.

Observera: blogglistningssidor kan utlösa en falsk varning för duplicerat innehåll.

Se till att sökmotorerna 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">Länk texten här</a>.

Se till att länkarna på din sida följer detta format så att sökmotorerna kan söka igenom dem.

Kontrollera att alla hreflang-länkar innehåller en giltig språkkod.

Om du använder hreflang-länkar på din flerspråkiga webbplats kan sökmotorerna känna till sidans språk. Sökmotorerna kan då ge internationella användare ett sökresultat för sidan som matchar det språk de föredrar. Läs mer om använda hreflang-länkar för innehåll på flera språk.

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. Sidor med flera språk som finns på HubSpot kommer att automatiskt använda giltiga språkkoder.

Jämför språkkoderna i de berörda länkarna med listorna över accepterade tvåbokstavskoder för språk och regioneroch byt sedan ut eventuella ogiltiga koder. Det är frivilligt att ange en region i hreflang-länken . Om du använder den ska du formatera den som hreflang="[språk]-[region]". En sida på spanska som riktar sig till användare i Spanien skulle till exempel 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

Om du använder hreflang-länkar på din flerspråkiga webbplats kan sökmotorerna känna till sidans språk. Sökmotorerna kan då ge internationella användare ett sökresultat för sidan som matchar det språk de föredrar. Läs mer om använda hreflang-länkar för innehåll på flera språk.

Vissa hreflang-länkar använder relativa URL:er som endast 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, finns det en ökad risk för att de bryts i framtiden om den ursprungliga URL:en ändras. Sidor med flera språk som finns på HubSpot kommer att automatiskt använda fullständiga webbadresser.

Redigera dina relativa hreflang-länkar i sidans källkod. Läs mer om hur du redigerar sidans källkod i sidredigeraren och i modulredigeraren.

För sidan https://www.hubspot.com/example-page kan en relativ länk se ut så här:

länk 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 din ankartext mer beskrivande

I en länk är ankartexten det klickbara ordet eller frasen. Texten ska tydligt ange länkens mål. Ersätt generisk ankartext 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 frasersom utlöser denna rekommendation.

Mobila erfarenheter

Se till att mobilanvändare lätt kan klicka på varje sidelement.

Interaktiva element, som 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 gånger 48 pixlar stora. Om ett element måste ha samma storlek kan du också lösa det här felet genom att lägga till utfyllnad.

Lär dig hur du redigerar storleken eller utfyllnaden för olika typer av element i HubSpot:

Se till att varje sida har en viewport-tagg

En viewport-tagg kontrollerar skalan på webbplatsens innehåll på olika typer av enheter. Om den här taggen saknas eller är felaktigt inställd, ser din webbplats mindre mobilanpassad ut för sökmotorerna. Detta kan ha en negativ inverkan på din placering 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 någon 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 meta-beskrivning

Sidans titel och metabeskrivning visar sökmotorerna vad sidan handlar om. Läs mer om hur du redigerar sidans titel och metabeskrivning i HubSpot Content Editor.

Optimera längden på blogginnehålleth

Optimeringsverktyget granskar endast ordantalet i blogginlägg, inte i sidor. Verktyget räknar alla ord som finns i blogginlägget, inklusive bloggtiteln och författaren. Det rekommenderas att inkludera minst 300 ord som en allmän regel. Se till att göra din forskning och bestämma den bästa längden för det ämne du skriver om.

Det perfekta antalet ord för ditt innehåll beror på vad du skriver om. Det viktigaste är att tänka på vem din målgrupp ä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ämne i dag.

  • Om det mesta innehållet är kort och koncist bör du sträva efter en liknande längd.
  • Om du hittar mer långvarigt innehåll som går in i detalj, försök att göra samma sak i ditt eget innehåll.

SEO-verktyget och panelen Optimize skannar ditt blogginnehåll för att räkna antalet ord i blogginlägget:

  • Sidan har minst 300 ord: sidor som rankas väl i sökresultaten ger ett djupgående svar på besökarnas frågor. Sikta på minst 300 ord.

Observera: Optimeringsverktyget räknar med unicode-vitrymder i klassen blog-post-wrapper för att avgöra antalet ord i ditt blogginlägg. Detta innebär att räkningen är mest exakt för språk som använder ett latinskt alfabet. Om du märker en oväntad ordräkning kan du kontrollera med din webbutvecklare att det inte finns några dubbletter av din bloggpost-wrapper-klass i den kodade mallen för blogginlägget.


Prestanda

Använd bilder i rätt storlek

Om du använder stora bildfiler som du ändrar storlek i redigeringsverktyget kan det öka sidans laddningstid. Läs mer omhur bildstorlek påverkar sidans prestanda.

Du kan undvika det här felet genom att ändra storleken på stora bilder innan duladda upp dem till HubSpoteller genom att använda envektorbaserat bildformat, som SVG.

Utvecklare kan minska laddningstiderna för befintliga bilder genom att införa responsiva bilder. Läs mer om utvecklarnas alternativ föroptimera bilder för sidans prestanda.

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 rekommendationen ovan. Sidor som använder HTTPS haren av Googles rankingfaktorer sedan 2014.. Sidor som laddas via HTTPS ger också en säkrare surfupplevelse för dina webbplatsbesökare.

Se till att alla sidresurser laddas via en säker anslutning.

Om någon av resurserna på dina sidor laddas via en osäker anslutning kommer du att se rekommendationen ovan. Om resurser (t.ex. bilder, CSS-filer, JavaScript-filer osv.) laddas via en osäker anslutning minskar säkerheten för hela sidan. Det kan också leda till att webbläsare visar en varning för blandat innehåll eller blockerar de berörda resurserna.

När dina filer lagras med verktygetFiler eller dina kodade filer skapas med Designhanterareni HubSpot kommer de automatiskt att använda HTTPS. Om dina resurser däremot lagras eller delvis lagras externt måste du köpa ett SSL-certifikat från en extern leverantör för att ladda dina resurser med HTTPS.
Om du redan har köpt ett SSL-certifikat från en extern leverantör men dina resurser inte laddas med HTTPS måste du kontakta din externa leverantör för att lösa problemet. Du måste se över alla dina resurser för att se till att de alla är värdskapade med en säker anslutning.

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 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, t.ex. Follow Me-modulen, läggs attributet rel="noopener" automatiskt till externa länkar.

Du måste redigera externa länkar i sidans källkod. Läs mer om hur du redigerar sidans källkod i sidredigeraren och i modulredigeraren.

En länk som utlöser detta fel kan se ut så här:

<a href="https://www.google.com" target="_blank">.

Genom att lägga till rel="noopener" eller rel="noreferrer" till länken 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 interna trasiga länkar

Trasiga länkar mellan sidorna på din webbplats skapar en negativ användarupplevelse. De gör det också svårt för sökmotorerna att förstå strukturen på din webbplats. Byt ut eller uppdatera varje trasig länk.

Observera att flera exemplar av samma trasiga webbadress på en enda sida endast kommer att visas en gång i SEO-rekommendationerna.

Se till att alla sidresurser, t.ex. bilder och CSS-formatmallar, 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 sidreferenserna till varje trasig resurs löser du problemet.

HubSpot upptäcker för närvarande följande typer av trasiga resurser: teckensnitt, bilder, ljud-/videoinnehåll, skript, formatblad och XHR.

Leta upp referenser till den trasiga resursen på sidan, i mallen eller i formatmallen. 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 storleken på en bild ska du se till att bildförhållandet förblir konstant. I annat fall kan bilden verka utsträckt eller förvrängd.

När du ändrar storlek på bilder i HubSpot Content Editor behålls det ursprungliga bildförhållandet automatiskt. Om du vill åtgärda ett felaktigt bildförhållande kontrollerar du din HTML och CSS för att se om det finns någon formgivning som påverkar bredd eller höjd.