HomeTutorsContact

How to check the SEO score of the webpage using the Chrome browser?

By Gulshan Saini
Published in Browser
June 16, 2020
1 min read

SEO(search engine optimization) is very important for websites to rank higher in search engines. There are a number of factors that affect the SEO score of the webpage like

  • The Page is having a proper title tag
  • The document has a meta description
  • Page optimized for desktop and small screens
  • The webpage is optimized and takes less time to load
  • Images have valid alt attributes
  • Is page ready for a disabled person using screen readers
  • Legible font size and contrast ratio between text and background color

The list is very long and I have covered only few important factors.

So how do I check the SEO score of the Website or Webpage?

Google Chrome comes with an inbuilt SEO checker part of their lighthouse project. Lighthouse is much more than just SEO checker. It analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices.

Lighthouse is integrated directly into the Chrome DevTools, under the “Lighthouse” panel.

To access Lighthouse

  • use the keyboard shortcut Cmd+Shift+J (on Windows) or Cmd+Option+J (on Mac). Alternatively, you can right click on page and select Inspect option from context menu.
  • next go to Lighthouse tab
    Chrome devtools lighthouse
    Chrome devtools lighthouse

Uncheck all the option except SEO and select the device type i.e. Mobile or Desktop.

Chrome devtools lighthouse seo checker
Chrome devtools lighthouse seo checker

Then, click on Generate Report button and let the lighthouse analyze the webpage. The SEO score of a webpage differs for both Mobile and Desktop - so make sure you generate both reports.

Once, the report is generated you can spot the common issues that can affect SEO score of underlying website and take appropriate action.

Here is sample report of https://tutorial.tips/

SEO score of tutorial tips
SEO score of tutorial tips


Tags

#chrome
Previous Article
How to use fetch api in JavaScript to get data?

Related Posts

Browser
How to launch Chrome browser from command line?
September 10, 2020
1 min
Gulshan Saini

Gulshan Saini

Fullstack Developer

Topics

JavaScript
Angular
ReactJS
Typescript
Linux

Subscribe to our newsletter!

We'll send you the best of our blog just once a month. We promise.

Quick Links

Contact UsBrowserCSSPythonPuppeteer

Social Media