The best way to test if your rendering works and is SEO-friendly is to pretend you’re Google!
Use Google Search Console
Unfortunately, as of the writing of this course, this feature is only available in the old version of the Search Console. To access it, go to the Crawl tab, then click on Fetch as Google.
You can view pages as Googlebot sees them and check that it can render them, then make sure it is happening by testing the main pages.
Search Console can also see if Google is indexing your URL or if there are any issues simply by typing it into the search bar at the very top.
You will see information about the status of your page in Google's index. If you want to see if it is being indexed and crawled correctly, click on the button: Test the URL online.
Here's an example of a completed test to check if a Webodew page is being indexed.
Explore Your Site With Chrome Version 41
Chrome 41 has many advantages over Search Console browsing: to view the console log, right-click, then Inspect. If you see errors, you can be pretty sure that Googlebot also sees the same ones.
Additionally, the rendering function in Search Console doesn't show the rendered DOM, but Chrome 41 does. So you can check if Googlebot can see all your links, tab contents, etc.
Take for example the website for Avis:
That's the goal for your own website!
As an example of the opposite, here is the result for the website Turo:
Test the Rendering of the Mobile-Friendly Version of Your Website
As you saw in earlier chapters, it is essential that you optimize your site for mobile devices.
You can test this with Google's Mobile-friendly test tool.
Use the Fetch like Google feature in the Search Console and check that Google can fetch your pages.
Browse your site using the Chrome 41 browser.
Test your site with the mobile-friendly tool.