Source HTML vs. Rendered HTML

Channel:
United States Google Search Central
Subscribers:
751,000
Published on ● Video Link: https://www.youtube.com/watch?v=ltXV7dng3Gs


Duration: 9:20
13,998 views
465

Did you know the HTML coming from the server might not be what Google Search sees? Martin Splitt, Developer Relations Engineer, explores the relationship between source HTML, rendered HTML, the Document Object Model (DOM), and the rendering process. Learn how to inspect the DOM in a browser, the differences between what Google tools show when inspecting a URL and when using 3rd party view-sources, and more behind the scenes info of your browser.


Listen to Search Off the Record on Libsyn → https://goo.gle/3am6jMx
Listen to Search Off the Record on Google Podcasts → https://goo.gle/3yIHvXt
Listen to Search Off the Record on Spotify → https://goo.gle/3AynTaH
Listen to Search Off the Record on Apple Podcasts → https://goo.gle/3RuHlLV

0:00 - Introduction
0:31 - What happens when your browser opens a webpage
2:27 - What are the rendered HTML and the DOM?
5:35 - How to debug your page by viewing both the source and rendered HTML
7:30 - Recap

Watch all Search Central Lightning Talks → https://goo.gle/2VclBJz
Subscribe to the Google Search Central Channel → https://goo.gle/SearchCentral

#SearchLightningTalks #HTML



Other Videos By Google Search Central


2022-07-26Welcome to the Search Off the Record podcast!
2022-07-19我的網站是否顯示在 Google 搜尋中？ | Google 搜尋新手教學第 5 集
2022-07-19Google 搜尋說明 | Google 搜尋新手教學第 4 集
2022-07-19Search Console 說明 (與重要性) | Google 搜尋新手教學第 6 集
2022-07-19如何變更 Google 搜尋結果的摘要？| Google 搜尋新手教學第 10 集
2022-07-19網站設計 5 大考量要素 | Google 搜尋新手教學第 7 集
2022-07-14How Barry Schwartz Created RustyBrick
2022-07-13Japanese Google Policy Office Hours（Google ポリシー オフィスアワー 2022 年 07 月 14 日）
2022-07-13Does a CMS matter for ranking in Google Search?
2022-07-06Korean | Google 검색에서 돋보이기: 구조화된 데이터와 리치 결과
2022-07-06Source HTML vs. Rendered HTML
2022-07-04English Google SEO office-hours from July 1, 2022
2022-06-30How can you block content from Google Search?
2022-06-29Japanese Google Policy Office Hours（Google ポリシー オフィスアワー 2022 年 06 月 30 日）
2022-06-29How to SEO optimize your ecommerce website (8 Tips)
2022-06-23Google Search News (June ‘22) - Ecommerce Essentials, Google I/O Announcements, and more!
2022-06-22Specify image dimensions for better SEO #Shorts
2022-06-21Let’s talk about UX and SEO
2022-06-14How does Google Search roll out algorithmic updates?
2022-06-08English Google SEO office-hours from June 3, 2022
2022-06-02How to make your ecommerce website mobile friendly (8 Tips)


Tags:
Differences between source HMTL and rendered HTML
rendering HTML
HTML DOM
relation between DOM and source HTML
inspecting web browser
inspecting url
google tools for inspecting web pages
view sources
boilerplate
Search Console
Google Search
Search Central Lightning Talks
lightning talk
publishers
Search Advocate