Förstå SEO-rekommendationer
Senast uppdaterad: juni 28, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
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, hur tekniskt svårt det är att lösa dem och vilken roll den person som ska lösa dem föreslås ha. Rekommendationer med en teknisk svårighet på 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 en utvecklare visas endast i HubSpot SEO-verktyg.
Tillgä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 förbättrartillgä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 ersätt sedan den ogiltiga koden. Om din <html>-tagg inte innehåller något "lang"-attribut, lägg till lang="[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 / 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 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 din robots.txt-fil eller ta bort eventuella taggar på sidan som kan blockera den från 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å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 redigerar en sidas kanoniska URL från fliken Inställningar i innehållsredigeraren.
Observera att 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.
Rätta trasiga sidor
HubSpot crawler kunde inte skanna dessa sidor på grund av ett fel. Det kan bero på någon 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 misslyckas den. Läs mer om HTTP-statuskoder.
- HTTP-statuskoden returnerar ett fel: HTTP-statuskoder anger om en webbsida har nåtts eller inte. Statuskoder på 400 och 500 anger klient- eller serverfel och förhindrar att en sökning slutförs. Läs mer om olika HTTP-statuskoder.
- Sidans HTML är tom: Om sidans källkod inte innehåller någon HTML kan inte sidan behandlas av skannern.
Samarbeta med din webbutvecklare för att kontrollera att de angivna sidorna är konfigurerade och fungerar korrekt.
Kontrollera att alla hreflang-länkar innehåller en giltig språkkod.
Om du använder hreflang-länkar på en webbplats med flera språk kan sökmotorerna känna till sidans språk. Sökmotorerna kan då ge internationella användare ett sökresultat för sidan som motsvarar det språk de föredrar. Lär dig 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. Sidor med flera språk som finns på HubSpot kommer automatiskt att 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 regioner, och byt sedan ut eventuella ogiltiga koder. Det är frivilligt att ange en region i hreflang-länken . Om den används ska den formateras 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å en webbplats med flera språk kan sökmotorerna känna till sidans språk. Sökmotorerna kan då ge internationella användare ett sökresultat för sidan som motsvarar det språk de föredrar. Lär dig mer om hur du använder hreflang-länkar för ditt flerspråkiga innehåll.
Vissa hreflang-länkar använder relativa webbadresser, som endast innehåller en webbadressväg i stället för en fullständig webbadress 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 använder automatiskt 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 fraser som 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 felet genom att lägga till utfyllnad.
Lär dig hur du ändrar storleken eller utfyllnaden för olika typer av element i HubSpot:
- Redigera storleken på en CTA
- Redigera innehåll i en textmodul
- Anpassa modulstilar i innehållsredigeraren
- Skapa, redigera och bifoga CSS-filer för att skapa stil på din webbplats
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.
Optimeralängden påblogginnehållet
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 som är målgruppen 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 duladdar upp dem till HubSpot eller genom att använda ettvektorbaserat bildformat, till exempel SVG.
Utvecklare kan minska laddningstiderna för befintliga bilder genom att införa responsiva bilder. Läs mer om utvecklarnas alternativ för attoptimera 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 har varit en rankingfaktor för Google sedan 2014. Sidor som laddas via HTTPS erbjuder 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 visas 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.
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 en sidas 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 trasiga länkar
Trasiga länkar 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 alla trasiga interna och externa länkar.
Observera att flera exemplar av samma trasiga webbadress på en enda sida endast 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 i sidan, mallen eller 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.