Google has as soon as once more shared its experience with the search engine optimization and digital advertising and marketing communities by publishing a brand new installment of its Lightning Talks video sequence on YouTube.
Within the newest video, Google Developer Advocate Martin Splitt teaches viewers how one can use Google Chrome DevTools to carry out primary search engine optimization troubleshooting steps.
Splitt’s professional data and easy-to-follow directions make this video a straightforward advice for anybody with developer expertise seeking to optimize their web site’s search engine rankings.
Listed here are a number of methods to make use of Chrome DevTools to troubleshoot frequent search engine optimization points on a staging web site earlier than it goes reside.
Utilizing The Cell-Pleasant Take a look at
Utilizing the Cell-Pleasant Take a look at in Google Search Console is a good place to start out.
Once you check the URL of your staging atmosphere, it would present you if there are any lacking parts within the rendered HTML.
If that’s the case, don’t fear; you may look intently at what’s taking place by opening the web site in your browser and utilizing Google Chrome DevTools.
Utilizing The Parts Tab In DevTools
Screenshot from: YouTube.com/GoogleSearchCentral, February 2023.The Parts tab in DevTools gives you an HTML illustration of the web page’s Doc Object Mannequin (DOM).
This can be a worthwhile software for looking for content material on the web page and figuring out whether or not it’s current within the DOM.
If the content material is lacking within the rendered HTML, it would even be lacking within the DOM.
Utilizing The Community Tab
Screenshot from: YouTube.com/GoogleSearchCentral, February 2023.The Community tab in DevTools permits you to see what’s taking place between the server and your browser.
Once you reload the web page, you’ll be capable to see every request and response from the server.
The waterfall diagram will present how lengthy all the pieces takes and the place the time is spent.
You can too examine all requests and response headers, which may help you search for particular headers, such because the X-Robots header.
This may help decide whether or not the lacking content material has made its means from the server to the browser.
If the content material solely seems after scrolling the web page, you need to use the Initiator tab to see what requested it.
This data can then be used to repair the difficulty.
Setting Community Situations
Screenshot from: YouTube.com/GoogleSearchCentral, February 2023.The Community tab in DevTools has different options, comparable to disabling the cache, setting the community switch pace, and altering the person agent.
Nevertheless, it’s essential to notice that setting the person agent to Googlebot could not yield the anticipated outcomes.
Googlebot additionally respects the robots.txt file, which your browser ignores, and a few websites could do IP lookups to see if the request is coming from a Google knowledge heart.
In conclusion, the browser’s Developer Instruments supply a strong suite of debugging instruments for search engine optimization troubleshooting.
You should utilize the Parts Tab to examine the DOM, the Community Tab to examine community requests and responses and set community situations comparable to caching and person agent.
You may rapidly diagnose and resolve numerous search engine optimization points by combining these with the testing instruments in Google Search Console.
Featured Picture: Screenshot from YouTube.com/GoogleSearchCentral, February 2023.
Supply: YouTube
