Google Advises SEOs on How to Implement Lazy Loading Correc…


Google Advises SEOs on How to Implement Lazy Loading Correctly
‘ );

h3_html = ‘

‘+cat_head_params.sponsor.headline+’

‘;

cta = ‘‘+cat_head_params.cta_text.text+’
atext = ‘

‘+cat_head_params.sponsor_text+’

‘;
scdetails = scheader.getElementsByClassName( ‘scdetails’ );
sappendHtml( scdetails[0], h3_html );
sappendHtml( scdetails[0], atext );
sappendHtml( scdetails[0], cta );
// logo
sappendHtml( scheader, “http://www.searchenginejournal.com/” );
sc_logo = scheader.getElementsByClassName( ‘sc-logo’ );
logo_html = ‘http://www.searchenginejournal.com/‘;
sappendHtml( sc_logo[0], logo_html );

sappendHtml( scheader, ‘

ADVERTISEMENT

‘ );

if(“undefined”!=typeof __gaTracker)
__gaTracker(‘create’, ‘UA-1465708-12’, ‘auto’, ‘tkTracker’);
__gaTracker(‘tkTracker.set’, ‘dimension1’, window.location.href );
__gaTracker(‘tkTracker.set’, ‘dimension2’, ‘search-engine-optimization’ );
__gaTracker(‘tkTracker.set’, ‘contentGroup1’, ‘search-engine-optimization’ );
__gaTracker(‘tkTracker.send’, ‘hitType’: ‘pageview’, ‘page’: cat_head_params.logo_url, ‘title’: cat_head_params.sponsor.headline, ‘sessionControl’: ‘start’ );
slinks = scheader.getElementsByTagName( “a” );
sadd_event( slinks, ‘click’, spons_track );

} // endif cat_head_params.sponsor_logo

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.

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!

Ebook

Zoomd Custom Site Search

Be the first to comment

Leave a Reply

Your email address will not be published.


*