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
-
Non-wildcard SSL risky for SEO?
I have a potential client who doesn't seem to be using wildcard SSLs in a multi-site scenario (over 40 sites) - what I'm wondering is the scope of Google's inspection of a site's SSL in this case: https://www.domain.com (good to go) https://domain.com (certificate error) Will Googlebot/Google possibly consider the entire TLD insecure? Could the secured, www-version of the site end up with the "Site is not secure" message in the SERPs as well? Could this invisibly affect the client's rankings? PS: Yes, I know that the right thing to do is go wildcard, but I need an answer to this before recommending a large purchase to them.
Web Design | | scottclark0 -
Location of body text on page - at top or bottom - does it matter for SEO?
Hi - I'm just looking at the text on a redesigned homepage. They have moved all the text to the very bottom of the page (which is quite common with lots of designers, I notice - I usually battle to move the important text back up to the top). I have always ensured the important text comes at the top, to some extent - does it matter where on the page the text comes, for SEO? Are there any studies you can point me to? Thanks for your help, Luke
Web Design | | McTaggart2 -
Client Portal and SEO Considerations?
Hi Moz and Moz fans, We are looking to add a client portal to the website. Basically, I haven't found too much on this with regard to SEO. The idea would be that certain parts of the website would be hidden under a pay wall and for subscribers, they would be able to see all content. I am wondering if anyone has any experience with that and what SEO considerations to take into account. One thing we are particularly concerned about is how Google will index the portions of the website behind the pay wall, if at all. Obviously, we would rather that they don't index it, so that people can't find a way to get to the info without paying. I would imagine it would have to do with the type of coding, however, I am not a coding guru, so I am not 100% on that. Anyway, anyone that has any experience in this kind of thing and can comment on this at all, any comment is welcome. Also, any documentation that could be helpful would be welcome too. Thanks
Web Design | | Brian_Dowd0 -
Responsive image plugins and seo / crawlability
Note : For the background of this question please read the preface below. Ive been researching responsive image options the main issue i can see with them is that they are not semantic html so bots may not index them correctly. For instance many of the responsive image plugins use data-src for an image rather than src. Does any one have any experience with this and if it impacts on SEO ? Does any one know of a client side responsive image soltion that uses a normal img tag with the image stored in the src and with the option to set an alt attribute ? **Preface : ** Ive got a site we are currently developing, the site has a large full width responsive image slider. To serve images that wont be pixilated we are making the width of the images 1800px wide (which should cover most screens, but isn't actually big enough if the site was viewed on a 27" imac) these 1800px wide images weight about 350kb - 500kb per image and our image slider has about 20 of them. As you can see this would be a problem for anyone with a connection slower than c.10 mbps. This is especially true for mobile devices that will be downloading an image 1800px wide although only require a much smaller one, this coupled with a 3g connection will make the site really slow.
Web Design | | Sam-P0 -
SEO Tips for Affiliate Website
Hi all , I would just like to have an expert Opinion on SEO for Affiliate Website . Basically if I list all Third party products (Amazon/Affilate Window etc ) on my website and then the customer will be redirected to the Affiliates website to make a Purchase will there be an issue with SEO (Lots of Outgoing Url's) and Will the website not rank for Important keywords or will it be hit by any penalty ? I heard it's not good for SEO , any work around this ? If this is case How come cashback Sites rank well with no issues , although the concept is basically the same ? Any Tips or Advice appreciated as how to get this done safe . My Preferred Option would be with Magento Shopping Cart or second option would be with Wordpress Cart only in case this provides some SEO benefits over Magento by some plugins .
Web Design | | Aus0070 -
How can i embed my video into a table using SEO embed setting?
We use Wistia.com to embed our videos. They have different options for embed settings and we prefer to use the SEO embed setting, however, when we use that setting we aren't able to insert the video in a table side by side with another image or text. When we try, the video jumps out of the table and the table gets (for lack of a better work) out of wack. When we embed the video with the iframe embed setting, the video can be placed in a table with no issues, but then we don't get the SEO credit. We have our site in wordpress. I'm not sure if that has something to do with the tables getting messed up. Check out this link to see an example of how we want the video to show up. http://www.3000doorhangers.com/ Any suggestions as to how we can use the SEO embed setting within a table as shown in the above link?
Web Design | | JimDirectMailCoach0 -
Page Content
What is the minimum amount of content a page should have to be seo friendly? What is the maximum amount of content a page should have to be seo friendly?
Web Design | | bronxpad0 -
How do I identify what is causing my Duplicate Page Content problem?
Hello, I'm trying to put my finger on what exactly is causing my duplicate page content problem... For example, SEOMoz is picking up these four pages as having the same content: http://www.penncare.net/ambulancedivision/braunambulances/express.aspx http://www.penncare.net/ambulancedivision/recentdeliveries/millcreekparamedicservice.aspx http://www.penncare.net/ambulancedivision/recentdeliveries/monongaliaems.aspx http://www.penncare.net/softwaredivision/emschartssoftware/emschartsvideos.aspx As you can tell, they really aren't serving the same content in the body of the page. Anybody have an idea what might be causing these pages to show up as Duplicate Page Content? At first I thought it was the photo gallery module that might be causing it, but that only exists on two of the pages... Thanks in advance!
Web Design | | BGroup0