Is all of your important content available on rendered HTML? If not, Googlebot can’t see that content!
Browsers don’t directly show the rendered HTML.
Did you know? Search engines use the rendered HTML for the indexing not the source HTML.
View the Rendered HTML
To check the rendered HTML of a webpage, you can use Google Search Console or Google Rich Result Test tool, View Rendered Source browser extension, a simple script (provided below).
1. Google Search Console: https://search.google.com/search-console/welcome
2. Google Rich Results Test Tool: https://search.google.com/test/rich-results
3. View Rendered Source Chrome Extension: https://chromewebstore.google.com/detail/view-rendered-source/ejgngohbdedoabanmclafpkoogegdpob?hl=en
4. Use the browser’s console to Convert DOM to rendered HTML
console.log(document.documentElement.outerHTML)5. Use this broweser bookmarklet to see the rendered HTML
javascript:(function(){var doctype=new XMLSerializer().serializeToString(document.doctype);var html=document.documentElement.outerHTML;var fullHtml=doctype+"\n"+html;var newTab=window.open('about:blank','_blank');newTab.document.open();newTab.document.write('<!DOCTYPE html><html><body><pre>'+fullHtml.replace(/</g,'<').replace(/>/g,'>')+'</pre></body></html>');newTab.document.close();})();