Lazy Loading Content and SEO
-
I'v been seeing a lot of websites use a technique to present content to website visitors when the scroll down the page called "Lazy Loading". Does this hinder SEO and indexing since the content is not actually on the page until the user acts/requests it?
-
Daniel,
There is an easy way to Lazy Load images using JQuery. However this means changing the image's src attribute to nothing and replacing it later on.
Do I understand correctly from your answer that it is not recommended?
(I assume because Google misses these images).Please advise (and also provide an alternative if there is one for a page with more than 100 images - even though each image is approx 8kb).
Thanks
-
<noscript><img class="photo-icon" src="http://www.wired.com/opinion/wp-content/uploads/2023/10/photo_icon4.jpg"></noscript>
is one simple fallback
-
It does. But there are ways around it. As long as your content distribution method degrades gracefully, there's no problem. Generally, the content I would want to lazy load are items that could be paginated, so lazy loading without javascript falls back to pagination. That's one way to deal with the issue, but generally, if you're dealing with mission-critical content, you'll always want to make sure there's a non-javascript way to access it.
If you're just lazy loading images, there's generally not an issue unless you're using javascript to insert the image into the HTML, which would just be silly.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
How does lazy load effect SEO?
One of my clients implemented lazy load on part of the navigation and I am wondering what the effects will be. Specifically, the drop-down navigation does not load until you hover over it. That means when you look at the page source that drop down navigation is no longer there. I am wondering if that means the google bot no longer sees the links in the navigation drop down. I am looking into this because the dev department of this company is going to do what it wants to and they need proof that its a bad move. I already suspect that it is. Too early to tell what the effects will be and not sure if there is a built-in delay in the algorithm as to when it will impact rankings. Ultimately, I am wondering if my belief that if you can't see it in the page source then as far as that particular page goes it is not seen. That would be an important thing to verify as being true.
Web Design | | KentH0 -
What are the most common reasons for a website being slow to load
I've been advised that too many requests are being sent (presumably to the server?), how can I reduce these and were else should I look to increase speed?
Web Design | | FBS1 -
Should Our Mobile Responsive Version of our Ecommerce Site include the on Page content to Help with Rankings
Hello All, We are soon to launch our new redesigned website along with a mobile responsive version but i have noticed we currently don't include the on page Content we have on the mobile version which we have on the desktop version to help with rankings etc. I am not sure how google does mobile research with regards to rankings. We have designed our responsive version to be as user friendly as possible at the expense of having to much clutter/content but I am wondering now , if we will rank on mobile if all our on page content isn't present. Just wondered if we should include it at the bottom of the pages with say a "Read more" extension to help avoid clutter? Any advice greatly appreciated thanks Pete
Web Design | | PeteC120 -
Having a second homepage for a site would affect my SEO?
Hello guys, One of our clients is planning to have a new landing page for any users hitting the site for the first time. (returning users will still see the current homepage based on cookies ... in other words, the site would technically have 2 home pages). According to this client, they are planning to do something like this: https://www.websitename.com/ (for returning visitors) https://www.websitename.com/newuser (for first time visitors) Our instinct is that is not great to have 2 home pages (that would affect the SEO campaign we are managing for this company) and we are not sure how to handle this. That's why we would appreciate your opinion regarding this topic: From an SEO perspective, do you think this is a good idea? If not, what would you guys do differentiate first-time visitors vs returning visitors without affecting SEO? Maybe just a pop-up? Thanks in advance for your help !
Web Design | | Robertnweil10 -
Getting a lot more duplicate content warnings than I expected.
I run WordPress on many of my sites and a site crawl has found MANY duplicate content pages on the latest domain I started a campaign for. I expected to see quite a lot on the tag pages that only had one post but even tag pages with multiple posts and author and category pages with many posts are showing as duplicate content. Is this normal for a WordPress site to have so much duplicate content warnings from the taxonomy pages? I have the option to bulk noindex, follow the category and tag pages but should I do it? I get some traffic directly to the tag pages so removing the pages from search results would dent the traffic of the site a little (generally high bounce rate, low engagement traffic anyway) but could removing the apparent duplicate content actually improve the article pages themselves? Or does anyone have any WordPress specific advice for making the pages not duplicate content? I've toyed with the idea of just displaying excerpts but creating manual excerpts for the 4 years worth of posts, some of which I have no personal knowledge of the subject matter so other suggestions are welcome.
Web Design | | williampatton0 -
Which Content Causes Duplicate Content Errors
My Duplicate Content list starts off with this URL: http://www.nebraskamed.com/about-us/branding/bellevue-medical-center-logo Then it lists the five below as Duplicate Content: http://www.nebraskamed.com/about-us/branding/fonts http://www.nebraskamed.com/about-us/branding/clear-zone http://www.nebraskamed.com/about-us/social-media http://www.nebraskamed.com/about-us/branding/order-stationery http://www.nebraskamed.com/about-us/branding/logo I do notice that most of these pages have images and/or little or no content outside of our sites template. Is this causing SEOmoz to see it as duplicate? Should I use noindex, follows to fix this? This error is happening with branding pages so noindex is an option. What should I do if that's not an option? Should I change our mega menus to be ajax driven to so the links aren't showing up in the code of every page?
Web Design | | Patrick_at_Nebraska_Medicine0 -
Infinite scrolling - is it SEO friendly ?
If i am trying to implement infinite scrolling and remove pagination completely, will it effect my SEO ? Why or why should not infinite scrolling be implemented ?
Web Design | | Myntra0 -
Can including advertising slots have a negative effect on SEO?
Can including advertising slots at the top and side of pages have a negative effect on SEO? Can Google detect these advertising slots? Can they work our advertising pixels to page content pixels ratio? Any ideas, suggestions, comments and opinions are greatly appreciated!
Web Design | | Peter2640