I SEO-verktyget, innehållsredigeraren och sidinformationen kan du skanna ditt innehåll för SEO-rekommendationer. Läs mer om hur du får tillgång till 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 lösas.
Följande rekommendationer är organiserade efter kategori och listas sedan i ordning efter deras potentiella SEO-påverkan. Enkla rekommendationer och de som kräver hjälp av en utvecklare 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 problemet kan du lägga till alt-text till bilder som beskriver deras utseende och innehåll. På så sätt förbättras webbplatsens tillgänglighet och SEO. Läs mer om webbplatstillgänglighet.
Genom att lägga till alt-text till bilderna 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, har inget 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 anges med attributet "lang". 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 ä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 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 byt sedan ut koden. Om din <html>-tagg inte innehåller ett "lang"-attribut, lägg till lang="[language code]" till din tagg.
En sida som innehåller taggen <meta http-equiv="refresh"> kommer att 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 som finns 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 sätt att bekräfta att det inte finns några sidor på din webbplats som är blockerade från sökmotorer av misstag.
Om alla sidor som listas är dolda från sökresultaten avsiktligt behövs inga åtgärder.
Om du ser en webbplatssida som är dold från sökresultaten och som borde indexeras för sökresultat, samarbeta med webbplatsadministratören för att uppdatera robots.txt-filen eller ta bort eventuella taggar på sidan som kan blockera den från 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 på varje sida. Läs mer om hur kanoniska webbadresser påverkar SEO.
Kanoniska länkar markeras som ogiltiga av någon av följande anledningar:
Läs mer om hur du redigerar 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.
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 det här formatet så att sökmotorerna kan genomsöka dem.
HubSpots crawler kunde inte skanna dessa sidor på grund av ett fel. Detta kan bero på någon av följande anledningar:
Arbeta med din webbutvecklare för att verifiera att de listade sidorna är konfigurerade och fungerar korrekt.
Om du använder hreflang-länkar på din flerspråkiga webbplats kan sökmotorer se vilket språk en sida är skriven på. Sökmotorerna kan sedan ge internationella användare ett sökresultat för sidan som matchar deras önskade 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 hitta sidans språk på rätt sätt eller inkludera det i resultaten för det språket för internationella användare. Flerspråkiga sidor som hostas på HubSpot kommer automatiskt att använda giltiga språkkoder.
Jämför språkkoderna i dina länkar med listorna över accepterade tvåbokstavskoder för språk och regioner. Ersätt sedan eventuella ogiltiga koder. Att ange en region i din hreflang-länk är valfritt - om det används ska du formatera det som hreflang=”[language]-[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”.
Om du använder hreflang-länkar på din flerspråkiga webbplats kan sökmotorerna se vilket språk en sida är skriven på. Sökmotorerna kan sedan ge internationella användare ett sökresultat för sidan som matchar deras önskade 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. Dessa länkar kan fungera, men de har en ökad risk att brytas i framtiden om den ursprungliga webbadressen ändras. Flerspråkiga sidor som hostas på HubSpot kommer automatiskt att använda fullständiga URL:er.
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 så här:
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 hela 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.
Om knappar och länkar är för små eller ligger för nära varandra kan det vara svårt att trycka på dem på mobila enheter. Interaktiva element bör vara minst 48 x 48 pixlar stora. Om ett element behöver behålla samma storlek kan du lägga till padding för att lösa problemet.
Lär dig hur du redigerar storleken eller utfyllnaden för olika typer av element i HubSpot:
En viewport-tagg styr skalan på webbplatsens innehåll på olika typer av enheter. Om den här taggen saknas eller är felaktigt inställd visas din webbplats som mindre mobilvänlig för sökmotorer. Detta kan ha en negativ inverkan på din ranking i sökresultaten.
Samarbeta 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 Solutions Partner.
Sidans titel och metabeskrivning visar sökmotorerna vad sidan 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 för sidor. Verktyget räknar alla ord som ingår i blogginlägget, inklusive bloggtitel och författare. Vi rekommenderar att du inkluderar minst 300 ord som en allmän regel. Se till att du gör efterforskningar och bestämmer 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 publiken är och vad de behöver veta om ämnet. Ett bra sätt att bestämma hur långt ditt innehåll ska vara är att se vilka sidor som rankas högt i sökresultaten för ditt ämne eller underordnade fras idag.
SEO-verktyget och panelen Optimera skannar blogginnehållet för att räkna antalet ord som ingår i blogginläggets brödtext:
Observera: optimeringsverktyget räknar vita mellanslag i unicode 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 ett latinskt alfabet. Om du märker av en oväntad ordräkning bör du kontakta din webbutvecklare för att bekräfta att det inte finns några dubbletter av din bloggpost-wrapper-klass i den kodade bloggpostmallen.
Om du använder stora bildfiler som du ändrar storlek på i redigeringsverktyget 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 visar SEO-rekommendationer
Utvecklare kan minska laddningstiderna för befintliga bilder genom att implementera responsiva bilder. Läs mer om utvecklarnas 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 Google-rankningsfaktor sedan 2014. Sidor som laddas via HTTPS erbjuder också en säkrare surfupplevelse för dina webbplatsbesökare.
Om någon av resurserna på dina sidor laddas via 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 för blandat innehåll eller blockerar de berörda resurserna.
Externa länkar som öppnar en sida i en ny webbläsarflik 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 den här typen av externa länkar.
I vissa HubSpot-moduler, som Follow Me-modulen, läggs attributet rel="noopener" till i externa länkar automatiskt.
Du måste redigera externa länkar i din sidas källkod. Läs mer om hur du redigerar en sidas källkod i sidredigeraren och i modulredigeraren.
En länk som utlöser det här felet 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 den här 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">.
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 trasiga interna och externa länkar.
Observera: flera förekomster av samma trasiga 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 sidreferenserna till varje trasig resurs löser du problemet.
HubSpot upptäcker följande typer av trasiga resurser: typsnitt, bild, ljud-/videoinnehåll, skript, stylesheet och XHR.
Leta reda på referenser till din trasiga 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 sidoförhållande är förhållandet mellan dess bredd och höjd. När du ändrar storlek på en bild ska du se till att bildförhållandet förblir konstant. Annars kan bilden se ut att vara utsträckt eller förvrängd.
När du ändrar storlek på bilder i HubSpots innehållsredigerare behålls det ursprungliga bildförhållandet automatiskt. För att lösa ett felaktigt bildförhållande, kontrollera din HTML och CSS för all styling som påverkar bredd eller höjd.