De weergegeven bron voor een pagina bekijken

Overzicht

Als je een pagina bezoekt, stuurt de website HTML-code naar je browser. Deze broncode bevat vaak aanvullende bronnen, zoals scripts, die moeten worden geladen en die de paginacode kunnen wijzigen.

Als je met de rechtermuisknop op Bron weergeven klikt, zie je meestal alleen de oorspronkelijke paginacode die naar de browser is geretourneerd, voordat scripts en andere bronnen zijn geladen en uitgevoerd. Maar er zijn veel gevallen, vooral bij het oplossen van problemen met je pagina, waarin je de code van de uiteindelijke, weergegeven pagina in de browser moet zien, nadat alle bronnen zijn geladen en alle scripts zijn uitgevoerd. Voorbeeld:

• Je wilt zoeken naar Google Analytics- of Google Tag Manager-tags die zijn gebruikt bij de verificatie.
• Je wilt fouten opsporen bij het laden en weergeven van een pagina (dat wil zeggen, je wilt checken of alle bibliotheken en andere bronnen die je wilt laden, ook zijn geladen).
• Je wilt gestructureerde gegevens op de weergegeven pagina bekijken.

De weergegeven bron bekijken

Hier volgen enkele methoden om de weergegeven broncode voor een webpagina te bekijken:

• In de Chrome-browser: Klik met de rechtermuisknop op een deel van de pagina en selecteer Inspecteren om alle HTML van de weergegeven pagina te bekijken. Zoek met Ctrl + F (Windows) of Command + F (Mac) naar items in de weergegeven HTML.
• Voor een pagina op je eigen site:
  1. Inspecteer de URL door de URL rechtstreeks in de URL-inspectietool op te geven of door op een inspectielink  naast een URL te klikken die in de meeste Search Console-rapporten wordt getoond.
  2. Klik op Live URL testen > Geteste pagina bekijken.
  3. Op het tabblad HTML zie je de weergegeven HTML voor de pagina.
• Voor een pagina op een willekeurige site, niet alleen op een site die van jou is:
  1. Open de test voor mobielvriendelijkheid.
  2. Geef de URL van de pagina op. De pagina moet zonder inloggen beschikbaar zijn voor Google en mag niet worden geblokkeerd door robots.txt.
  3. Klik op Geteste pagina bekijken.
  4. Op het tabblad HTML zie je de weergegeven HTML voor de pagina.