Categories: Online Marketing

Google Advises SEOs on How to Implement Lazy Loading Correctly by @MattGSouthern

Google has created a document that offers guidance to SEOs on implementing lazy loading for images and video.

Lazy loading refers to the technique of deferring loading of non-critical or non-visible content.

It’s considered a best practice, however, if it’s not implemented correctly it could hide important content from Google.

That’s why Google created a help document which explains how to make sure it can crawl and index lazy-loaded content.

Google’s Martin Splitt says this is just a glimpse of the first version and there will eventually be more content added.

https://twitter.com/g33konaut/status/1059592984444850176?ref_src=twsrc%5Etfw” target=”_blank

Here is an overview of what is in the help document so far.

How to ensure Google can see lazy-loaded content

Load content when it’s visible in the viewport by using the IntersectionObserver API and a polyfill. This will ensure Google see all content on the page.

Recommendations for infinite scroll

Support paginated loading when utilizing an infinite scroll experience.

Paginated loading can be supported by providing a unique link to each section that users can share and load directly.

Google specifically recommends using the History API to update the URL when the content is loaded dynamically.

Testing lazy-loading

SEOs can make sure lazy-loading works correctly by using a Puppeteer script to locally test the implementation.

Google provides a script to use for the test in the help document. Running the script will require Node.js.

Running the script will create a set of images that can be examined to make sure all important content is visible and can be indexed by Google.

Subscribe to SEJ

Get our daily newsletter from SEJ’s Founder Loren Baker about the latest news in the industry!

Share

Recent Posts

5 Best Ecommerce Tools Every Merchant Needs to Know!

The world is going online. With the new infrastructural developments taking place globally, more and more businesses are opting to… Read More

November 21, 2018 8:48 pm

Google Ads Brings Merchant Promotions to Shopping Actions by @MattGSouthern

Google Ads is bringing its Merchant Promotions program to Shopping Actions for retailers. This integration allows online retailers to add… Read More

November 21, 2018 4:48 pm

Popular AMP for WordPress Plugin Patches Critical Security Flaw by @MattGSouthern

The top AMP plugin for WordPress, AMP for WP, has released a released a patch for a critical security vulnerability.… Read More

November 21, 2018 12:39 pm

How SEO & PPC Keyword Research Can Work Together by @TaylorDanRW

A well-orchestrated PPC campaign can benefit a good SEO campaign, as Sergey Grybniak explores in How to Combine SEO &… Read More

November 21, 2018 8:38 am

3 Social Media Tools to Jumpstart Your Influencer Marketing

Social Media Marketing Industry Report In our 10th annual social media study (44 pages, 70+ charts) of 5700+ marketers, you'll… Read More

November 21, 2018 6:28 am

Digital Extortion: Don’t Let Your Data Be Held Hostage by @tonynwright

Recently, our firm took over the digital marketing efforts for a small company. Their previous digital marketing efforts were led… Read More

November 20, 2018 8:18 pm