A Hands-On Introduction to Modern JavaScript for SEOs via @hamletbatista
Reported today on Search Engine Journal
For the full article visit: http://tracking.feedpress.it/link/13962/13254546
A Hands-On Introduction to Modern JavaScript for SEOs
Now it is more critical than ever to truly understand JavaScript for SEOs.
Here is a horror story that Mark Williams-Cook shared on Linkedin.
"The developer insisted they knew what they were doing and that "Google can index the content". The result is people have been laid-off with the subsequent damage it has done to the business."
Now, imagine that you are the SEO at this company or similar ones making this transition to JavaScript.
After you are armed with deep JavaScript knowledge, you could provide them with experimental data that shows, without a doubt, that they will have big problems if they move forward without adjustments.
You'd be a big hero.
In this guide, we will learn modern JavaScript building blocks while we code a simple single-page app and optimize it with structured data.
Here's the plan:
I've been a strong advocate of SEOs learning developer skills.
Python is very useful if you spend a lot of time doing data analysis and automation.
JavaScript is crucial if you have to deal with a growing number of clients where the frontend is built in ReactJs, AngularJs, VueJs, etc.
Create a Single Page App Using an HTML5 Template
We are going to use Visual Studio Code to write and Chrome to test our JavaScript code.
We are going to leverage this Google codelab that shows how to implement structured data to a simple recipe page.
Here is what our final result looks like.
When going through the codelab we will find a single page app using an HTML5 template. We will borrow the code so we don't have to write it from scratch.
This is what the page looks like.
This is what the code looks like.
It includes semantic HTML5 tags like and to indicate which part of the page is the navigation or where to pl