Sites have traditionally always been written in static HTML, relying on tags such as <h1>, <p> and <img> to display information. As time has progressed the internet has become more and more developed, allowing for more powerful applications to be created.
This greatly improves User Experience and allows for more powerful apps to be created, such as Netflix, Spotify, and a lot of high-end applications. These are called Progressive Web Apps (PWA’s), and have become far more popular for enterprises due to their versatility and beautiful in-built features.
For example if we had a function called “overlay.js” which would create a beautiful, dynamic overlay at particular intervals, our HTML might look a little something like this:
<!doctype html> <html> <head> <meta charset="utf-8" /> </head> <body> <script src="/overlay.js"></script> </body> </html>
Google gets on to your site, and reads that you’re running a script “overlay” in the body, but doesn’t actually understand what that script is meant to do, or what value it could provide in terms of Google Rankings.
As a result of this importing, the static information displayed to a browser (as seen above) is severely lacking in tangible information, and therefore becomes difficult for an Engine like Google to determine:
- What your site is about?
- What value it provides to prospecting users?
- Is there any malicious information on this page?
- What keywords are you involved with?
Beware though, Social Media’s still rely on Open Graph (og:) protocol, and only Google (as of 2019) is capable of reading ECMAScript, with most other Search Engines still being dependant on static HTML snapshots.
An overview of ECMAScript 6 (ES6)
Each update of the language provides new functionality, such as “arrows,” “promises,” “rest and spread properties,” which have become the highlights of the ECMAScript 2018 release.
|Edition||Official Name||Date Released|
What makes ES6 so special, if ES9 has already been released?
Therefore in order for your PWA to be legible by Google, and soon most other Search Engines, it has to abide by the laws and functionalities of ES6. Any additional features included in later versions of ECMAScript will not yet be supported, and thus not legible to bots. This will prevent the indexing of material reflected in those scripts; so it is vital to keep important information that identifies your site, either in ES6, or in static HTML.