Post by account_disabled on Feb 20, 2024 6:31:26 GMT
Analyzing how content is created on Javascript-based sites is now easier in 2020 with SEO tools that support JS crawling; However, we should still use manual reviews when performing audits. In this article, I will try to explain in a very simple way how pages written in JS should be audited. First of all, if you want to remember the basics of Javascript SEO, you can read Gökhan's article from our team. While we use Google's own free resources for auditing, Developer Tools, which is built into Chrome, will be one of the most useful tools for us.
Let's examine the JS SEO Audit studies under subheadings; Whether Content is Visible Greece Phone Number When JS is Disabled You can test that the main contents of the pages with product images, comments, reviews or product features appear even when JS is turned off. In the news detail below, you can see that the content is fully visible when JS is on and when you close JS and refresh the page; I use the Quick Javascript Switcher plugin to quickly disable JS . Rendered HTML We disabled JS in the subheading above, now let's enable JS on the page again. After making sure that CSS or JS is not blocking the page, let's refresh the page.
Then, right-click anywhere on the page in the Chrome browser and select inspect element . Once you've copied the entire code on the page, you can throw it into the rich results testing tool and test whether the content looks correct; Meta Tags & Structured Data It is necessary to test whether basic SEO elements such as noindex, canonical and meta description are visible to Googlebot on the page written in JS. If Googlebot can see these elements easily, you do not need to develop meta tags. Similarly, you should make sure that the schema types you use on the pages, such as NewsArticle, are visible. Hidden Content In some cases, hidden content can be found on the pages of sites written with any JS Framework. For example, while users can only see the image or part of the content on the page, more text can be shown to Googlebot in the RAW version. By identifying such situations, you can prioritize them high on your to-do list.
Let's examine the JS SEO Audit studies under subheadings; Whether Content is Visible Greece Phone Number When JS is Disabled You can test that the main contents of the pages with product images, comments, reviews or product features appear even when JS is turned off. In the news detail below, you can see that the content is fully visible when JS is on and when you close JS and refresh the page; I use the Quick Javascript Switcher plugin to quickly disable JS . Rendered HTML We disabled JS in the subheading above, now let's enable JS on the page again. After making sure that CSS or JS is not blocking the page, let's refresh the page.
Then, right-click anywhere on the page in the Chrome browser and select inspect element . Once you've copied the entire code on the page, you can throw it into the rich results testing tool and test whether the content looks correct; Meta Tags & Structured Data It is necessary to test whether basic SEO elements such as noindex, canonical and meta description are visible to Googlebot on the page written in JS. If Googlebot can see these elements easily, you do not need to develop meta tags. Similarly, you should make sure that the schema types you use on the pages, such as NewsArticle, are visible. Hidden Content In some cases, hidden content can be found on the pages of sites written with any JS Framework. For example, while users can only see the image or part of the content on the page, more text can be shown to Googlebot in the RAW version. By identifying such situations, you can prioritize them high on your to-do list.