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.
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.
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.
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.
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.
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.
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:
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.
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.
HubSpots sökrobot kunde inte skanna dessa sidor på grund av ett fel. Detta kan bero på en av följande orsaker:
Kontrollera tillsammans med din webbutvecklare att de angivna sidorna är konfigurerade och fungerar korrekt.
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".
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" />.
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.
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:
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.
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.
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.
SEO-verktyget och Optimera-panelen skannar ditt blogginnehåll för att räkna antalet ord som ingår i blogginläggets brödtext:
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.
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.
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.
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.
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">.
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.
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.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.