SEO-aanbevelingen begrijpen
Laatst bijgewerkt: februari 15, 2024
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
Alle producten en plannen
|
In de SEO-tool, inhoudseditor en paginadetails kunt u uw inhoud scannen op SEO-aanbevelingen. Meer informatie over toegang tot uw SEO-aanbevelingen.
Aanbevelingen worden in de SEO-tools gerangschikt op basis van hun impact op de SEO van uw site, de technische moeilijkheidsgraad om ze op te lossen en de voorgestelde rol van de persoon die ze oplost. Aanbevelingen met een Technische moeilijkheidsgraad Hoog vereisen meestal de hulp van een ontwikkelaar om ze op te lossen.
De volgende aanbevelingen zijn gerangschikt per categorie en vervolgens gerangschikt in volgorde van hun potentiële SEO-impact. Eenvoudige aanbevelingen en aanbevelingen waarvoor hulp van een ontwikkelaar nodig is, worden alleen weergegeven in de SEO-tools van HubSpot.
Toegankelijkheid
Attribuut alt-tekst toevoegen
Afbeeldingen kunnen het zoekmachines en bezoekers die schermlezers gebruiken moeilijk maken om je inhoud te begrijpen. Om dit probleem op te lossen, kun je alt-tekst toevoegen aan afbeeldingen die het uiterlijk en de inhoud beschrijven. Dit verbetert de toegankelijkheid en SEO van je site. Meer informatie over website-toegankelijkheid vind je in onze documentatie voor ontwikkelaars.
Controleer of de alt-tekst van de afbeelding leeg moet zijn
Door alt-tekst toe te voegen aan de afbeeldingen op een pagina kunnen zoekmachines en bezoekers die schermlezers gebruiken de inhoud begrijpen. Sommige afbeeldingen, zoals pictogrammen die delen van een pagina afscheiden, bevatten geen betekenisvolle inhoud; deze afbeeldingen moeten in plaats daarvan een leeg alt-tekstattribuut hebben. Controleer je afbeeldingen met lege alt-tekstattributen om er zeker van te zijn dat ze geen alt-tekst moeten bevatten.
Definieer de taal van je pagina met het "lang" attribuut
De taal van een pagina wordt ingesteld met het "lang" attribuut. Schermlezers vertrouwen op dit attribuut om te bepalen welke taalbibliotheek ze moeten gebruiken. Als de taal niet correct is ingesteld, werkt de schermleessoftware van bezoekers mogelijk niet correct. Meer informatie over het gebruik van het kenmerk "lang".
Het "lang" attribuut wordt ingesteld in de <html> tag aan het begin van de broncode van je pagina. Een correct geformatteerd "lang" attribuut ziet er als volgt uit:
<html lang="en">...</html>.
Vergelijk de taalcode in je <html>-tag met de lijst met geaccepteerde tweelettercodes voor talen en vervang de ongeldige code. Als je <html>-tag geen "lang"-attribuut bevat, voeg dan lang="[taalcode]" toe aan je tag.
Verwijder de tag <meta http-equiv="refresh">.
Een pagina met de tag <meta http-equiv="refresh"> wordt na een bepaalde tijd automatisch vernieuwd. Dit kan een verwarrende gebruikerservaring opleveren en interfereren met schermleessoftware. Gebruik in plaats daarvan Javascript voor pagina's die automatisch moeten worden vernieuwd.
Crawlen en indexeren
Controleer of de juiste pagina's zijn verborgen voor zoekresultaten / Controleer of de juiste pagina's worden geblokkeerd door je robots.txt-bestand
Als er pagina's op uw domein worden geblokkeerd voor zoekmachines, ziet u een aanbeveling om een lijst met deze pagina's te bekijken. Dit is een eenvoudige manier om ervoor te zorgen dat er geen pagina's op uw website per ongeluk zijn geblokkeerd voor zoekmachines.
Als alle vermelde pagina's opzettelijk verborgen zijn in de zoekresultaten, is er geen actie nodig.
Als u een websitepagina ziet die verborgen blijft in de zoekresultaten en die geïndexeerd zou moeten worden voor zoekresultaten, werk dan samen met uw websitebeheerder om uw robots.txt-bestand bij te werken of verwijder alle tags op de pagina die de pagina mogelijk blokkeren voor zoekresultaten.
Zorg ervoor dat je canonieke links correct zijn geconfigureerd
Zoekmachines zoals Google gebruiken canonieke links om de primaire versie van een pagina te vinden en weer te geven in de zoekresultaten. Voorkom problemen met duplicate content door een geldige canonieke link toe te voegen aan elke pagina. Lees meer over hoe canonieke URL's SEO beïnvloeden.
Canonieke links worden als ongeldig gemarkeerd om een van de volgende redenen:
- Er is meer dan één canonieke link.
- De canonieke link is geen geldige URL.
- De canonieke link is een relatieve URL.
- De canonieke link verwijst naar een pagina voor een andere regio of taal.
- De canonieke link verwijst naar een ander domein.
- De canonieke link verwijst naar de root van de site.
Lees meer over het bewerken van de canonieke URL van een pagina op het tabblad Instellingen in de inhoudseditor.
Let op: pagina's met blogvermeldingen kunnen een waarschuwing voor dubbele inhoud veroorzaken.
Zorg ervoor dat zoekmachines uw paginalinks kunnen verwerken
Zoekmachines geven de voorkeur aan links die zijn opgemaakt als een <a>-tag met een href-attribuut. Een correct opgemaakte link ziet er als volgt uit:
<a href="https://www.hubspot.com">Link text here</a>.
Zorg ervoor dat de links op je pagina deze indeling volgen, zodat zoekmachines ze kunnen crawlen.
Kapotte pagina's repareren
De crawler van HubSpot kon deze pagina's niet scannen vanwege een fout. Dit kan een van de volgende redenen hebben:
- Ontbrekende HTTP-statuscode: HTTP-statuscodes geven aan of een webpagina al dan niet met succes is bereikt. Als de scan geen HTTP-statuscode kan retourneren, mislukt de scan. Meer informatie over HTTP-statuscodes.
- HTTP-statuscode geeft een foutmelding: HTTP-statuscodes geven aan of een webpagina al dan niet met succes is bereikt. Statuscodes in de 400 en 500 geven client- of serverfouten aan en zorgen ervoor dat een scan niet kan worden voltooid. Meer informatie over verschillende HTTP-statuscodes.
- Pagina HTML is leeg: als de broncode van de pagina geen HTML bevat, kan de scan de pagina niet verwerken.
Werk samen met je webontwikkelaar om te controleren of de vermelde pagina's correct zijn ingesteld en werken.
Zorg ervoor dat alle hreflang-links een geldige taalcode bevatten
Door hreflang-links in uw meertalige website te gebruiken, kunnen zoekmachines de taal van een pagina kennen. Zoekmachines kunnen internationale gebruikers dan een zoekresultaat geven voor de pagina die overeenkomt met hun voorkeurstaal. Meer informatie over het gebruik van hreflang-koppelingen voor uw meertalige content.
Als deze links een ongeldige taalcode hebben, kunnen zoekmachines de taal van de pagina niet correct identificeren of deze opnemen in de resultaten voor die taal voor internationale gebruikers. Meertalige pagina's die worden gehost op HubSpot zullen automatisch geldige taalcodes gebruiken.
Vergelijk de taalcodes in je betrokken koppelingen met de lijsten van geaccepteerde tweeletterige codes voor talen en regio's en vervang vervolgens alle ongeldige codes. Het opgeven van een regio in je hreflang-link is optioneel; als je het gebruikt, moet je het opmaken als hreflang="[taal]-[regio]". Bijvoorbeeld, een pagina in het Spaans gericht op gebruikers in Spanje zou worden geformatteerd als hreflang="es-es," terwijl een pagina voor alle Spaanssprekenden wereldwijd hreflang="es" zou gebruiken.
Zorg ervoor dat alle hreflang links een volledige URL gebruiken
Door hreflang-links in uw meertalige website te gebruiken, kunnen zoekmachines de taal van een pagina kennen. Zoekmachines kunnen internationale gebruikers dan een zoekresultaat geven voor de pagina die overeenkomt met hun voorkeurstaal. Meer informatie over het gebruik van hreflang-koppelingen voor uw meertalige content.
Sommige hreflang links gebruiken relatieve URL's, die alleen een URL-pad bevatten in plaats van een volledige URL die begint met http/https. Hoewel deze links kunnen werken, hebben ze een verhoogd risico om in de toekomst te breken als de oorspronkelijke URL verandert. Meertalige pagina's die worden gehost op HubSpot zullen automatisch volledige URL's gebruiken.
Bewerk uw relatieve hreflang-koppelingen in de broncode van uw pagina. Meer informatie over het bewerken van de broncode van een pagina in de pagina-editor en in de module-editor.
Voor de pagina https://www.hubspot.com/example-page zou een relatieve link er als volgt uit kunnen zien:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.
Je kunt dit veranderen in een volledige link door de href aan te passen zodat deze de volledige URL bevat, inclusief het protocol (http/https):
link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.
Maak de ankertekst van je link beschrijvender
In een link is de ankertekst het woord of de zin waarop geklikt kan worden. Deze tekst moet duidelijk het doel van de link communiceren. Vervang algemene ankerteksten zoals "klik hier" of "lees meer" door specifieke linkbeschrijvingen. Lees meer over de best practices van Google voor anchor-tekst of lees een lijst met zinnen die deze aanbeveling activeren.
Mobiele ervaring
Zorg ervoor dat mobiele gebruikers gemakkelijk op elk pagina-element kunnen klikken
Interactieve elementen, zoals knoppen en links, die te klein zijn of te dicht op elkaar staan, kunnen moeilijk aan te raken zijn op mobiele apparaten. Interactieve elementen moeten ten minste 48 pixels bij 48 pixels groot zijn. Als een element even groot moet blijven, kun je deze fout ook oplossen door opvulling toe te voegen.
Leer hoe je de grootte of opvulling van verschillende typen elementen in HubSpot kunt bewerken:
- De grootte van een CTA bewerken
- Inhoud bewerken in een rijke tekstmodule
- Modulestijlen aanpassen in de inhoudseditor
- CSS-bestanden maken, bewerken en bijvoegen om uw site op te maken
Zorg ervoor dat elke pagina een viewport-tag heeft
Een viewport tag regelt de schaal van de inhoud van je website op verschillende apparaattypen. Als deze tag ontbreekt of verkeerd is ingesteld, wordt uw website minder mobielvriendelijk weergegeven door zoekmachines. Dit kan een negatieve invloed hebben op je positie in de zoekresultaten.
Werk samen met uw ontwikkelaar om de viewport tag voor uw pagina toe te voegen of te bewerken. Als je geen ontwikkelaar in je team hebt, kun je advies krijgen op het CMS Ontwikkelaars Forum of contact opnemen met een Solutions Partner.
On-page SEO
Schrijf een duidelijke titel en meta beschrijving
De titel en metabeschrijving van je pagina laten zoekmachines zien waar je pagina over gaat. Lees meer over het bewerken van de titel en meta description van je pagina in de content editor van HubSpot.
Lengte vanbloginhoud optimaliseren
De optimalisatietool scant alleen het aantal woorden van blogposts, niet van pagina's. De tool telt alle woorden in de blogpost, inclusief de blogtitel en auteur. Het wordt aanbevolen om minstens 300 woorden op te nemen als algemene regel. Zorg ervoor dat je onderzoek doet en bepaal de beste lengte voor het onderwerp waarover je schrijft.
Het ideale aantal woorden voor je inhoud hangt af van waar je over schrijft. Het belangrijkste is om te kijken wie je publiek is en wat zij moeten weten over het onderwerp. Een goede manier om te bepalen hoe lang je inhoud moet zijn, is om te kijken welke pagina's vandaag hoog scoren in de zoekresultaten voor je onderwerp of subonderwerpzin.
- Als de meeste inhoud kort en bondig is, moet je streven naar een vergelijkbare lengte.
- Als je meer lange inhoud vindt die heel gedetailleerd is, probeer dan hetzelfde te doen in je eigen inhoud.
Het SEO-hulpprogramma en het Optimaliseer paneel scannen de inhoud van je blog om het aantal woorden in de tekst van de blogpost te tellen:
- Pagina heeft minstens 300 woorden: pagina's die goed scoren in de zoekresultaten geven een diepgaand antwoord op vragen van bezoekers. Streef naar minstens 300 woorden.
Let op: de optimalisatietool telt unicode witruimtes binnen de blog-post-wrapper klasse om het aantal woorden in je blogbericht te detecteren. Dit betekent dat de telling het nauwkeurigst is voor talen die een Latijns alfabet gebruiken. Als je een onverwachte woordentelling ziet, controleer dan met je webontwikkelaar of er geen duplicaten zijn van je blogpost-wrapper class binnen de gecodeerde blogpost-sjabloon.
Prestaties
Gebruik afbeeldingen van de juiste grootte
Het gebruik van grote afbeeldingsbestanden die u in de editor verkleint, kan de laadtijd van de pagina verlengen. Lees meer over hoe de afbeeldingsgrootte de paginaprestaties beïnvloedt.
Je kunt deze fout voorkomen door grote afbeeldingen te verkleinen voordat je ze uploadt naar HubSpot of door een vectorgebaseerde afbeeldingsindeling te gebruiken, zoals SVG. In de inhoudseditor kun je grote afbeeldingen automatisch verkleinen wanneer je SEO-aanbevelingen bekijkt
Ontwikkelaars kunnen de laadtijden voor bestaande afbeeldingen verkorten door responsieve afbeeldingen te implementeren. Lees meer over de opties voor ontwikkelaars om afbeeldingen te optimaliseren voor paginaprestaties.
Beveiliging
Zorg ervoor dat alle pagina's via een beveiligde verbinding worden geladen
Als je pagina's HTTP gebruiken, zie je de bovenstaande aanbeveling. Pagina's die HTTPS gebruiken zijn sinds 2014 een rankingfactor van Google. Pagina's die via HTTPS worden geladen, bieden bezoekers van je website ook een veiligere browse-ervaring.
Zorg ervoor dat alle paginabronnen via een beveiligde verbinding worden geladen
Als een van de bronnen op je pagina's wordt geladen via een onveilige verbinding, zie je de bovenstaande aanbeveling. Het laden van bronnen (zoals afbeeldingen, CSS-bestanden, JavaScript-bestanden, etc.) via een onveilige verbinding vermindert de veiligheid van de hele pagina. Het kan er ook toe leiden dat browsers een waarschuwing voor gemengde inhoud weergeven of de betreffende bronnen blokkeren.
Externe koppelingen bijwerken die beveiligings- en prestatierisico's opleveren
Externe links die een pagina openen in een nieuw browsertabblad met het kenmerk target="_blank" kunnen beveiligings- en prestatieproblemen veroorzaken. Je kunt deze problemen voorkomen door rel="noopener" of rel="noreferrer" aan deze links toe te voegen. Lees meer over de potentiële risico's van dit soort externe links.
In sommige HubSpot modules, zoals de Follow Me module, wordt het rel="noopener" attribuut automatisch toegevoegd aan externe links.
U moet externe links bewerken in de broncode van uw pagina. Meer informatie over het bewerken van de broncode van een pagina in de pagina-editor en in de module-editor.
Een link die deze fout activeert kan er als volgt uitzien:
<a href="https://www.google.com" target="_blank">.
Door rel="noopener" of rel="noreferrer" aan deze link toe te voegen, vermijd je beveiligings- en prestatieproblemen:
<a href="https://www.google.com" target="_blank" rel="noopener"> of
<a href="https://www.google.com" target="_blank" rel="noreferrer">.
Gebruikerservaring
Gebroken koppelingen repareren
Gebroken links op uw website zorgen voor een negatieve gebruikerservaring. Ze maken het ook moeilijk voor zoekmachines om de structuur van je website te begrijpen. Vervang of update elke kapotte interne en externe link.
Let op: meerdere gevallen van dezelfde gebroken URL op één pagina worden maar één keer weergegeven in de SEO-aanbevelingen.
Zorg ervoor dat alle paginabronnen, zoals afbeeldingen en CSS-stylesheets, worden geladen
Bronnen die niet laden, zoals kapotte afbeeldingen, hebben een negatieve invloed op je gebruikerservaring. Dit kan ook invloed hebben op waar je website wordt weergegeven in zoekresultaten. Dit probleem kan worden opgelost door de paginaverwijzingen naar elke kapotte bron te verwijderen of bij te werken.
HubSpot detecteert momenteel de volgende typen gebroken bronnen: lettertype, afbeelding, audio/video-inhoud, script, stylesheet en XHR.
Zoek de verwijzingen naar je kapotte bron in je pagina, sjabloon of stylesheet. Je moet de links vervangen of het probleem oplossen in de bronnen zelf.Zorg ervoor dat je afbeeldingen de juiste beeldverhouding hebben
De beeldverhouding van een afbeelding is de verhouding tussen de breedte en de hoogte. Wanneer je het formaat van een afbeelding aanpast, moet je ervoor zorgen dat de beeldverhouding constant blijft. Anders kan de afbeelding uitgerekt of vervormd lijken.
Wanneer je het formaat van afbeeldingen aanpast in de inhoudseditor van HubSpot, wordt de oorspronkelijke hoogte-breedteverhouding automatisch behouden. Om een onjuiste hoogte-breedteverhouding op te lossen, controleer je je HTML en CSS op styling die de breedte of hoogte beïnvloedt.
