• 10 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 10/09/2019

Test Your Rendering

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

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.

Google Search Console - URL Inspection Tool

Here's an example of a completed test to check if a Webodew page is being indexed.

We used the URL test function in the new Search Console, followed by the "Test the URL Online" function. Googlebot can render the website correctly, which is as expected since the site is not in JavaScript. Perform this test on your pages to see if you get the same result.

Explore Your Site With Chrome Version 41

Googlebot uses Chrome 41 to render JavaScript. You can download it here.

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:

We can see that the page displays correctly and there are no errors in the console
The page displays correctly and there are no errors in the console

That's the goal for your own website!

As an example of the opposite, here is the result for the website Turo:

It doesn’t display at all and contains JavaScript errors
It doesn’t display and contains JavaScript errors

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.

We used the URL test function in the new Search Console, followed by the "Test the URL Online" function. Googlebot can render the website correctly, which is as expected since the site is not in JavaScript. Perform this test on your pages to see if you get the same result.

Let's Recap!

  • 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.

Congratulations! You now know how to improve referencing for a site created with a JavaScript framework. Don’t forget to take the quiz before you continue. Next stop, optimizing a multilingual website!

Exemple de certificat de réussite
Exemple de certificat de réussite