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
-
H1 for users or SEO in this case
Hello, A client of mine has an online store with a pre-made cart. In this cart the name below the product in the category pages and the H1 tag on the product pages themselves are the same textbox entry (they have to be the same thing) We want to add two product features to the product name, but this will make the H1 longer and diluted. Let me give you a fictional example, A category page for cross-trainer shoes would have products in it. Below each product it says things like "Nike Sports One Shoes" and "Adidas Action Series Shoes". We want to make it "Nike Sports Shoes size 7 through 12 for running and walking" and "Adidas Action Series Shoes size 5 through 10 for running, walking, and hiking". The reason for the change is that we want users to know about size and one more important feature before they visit the product page in our case to save them time. But this changes the H1 on the product page (a pre-made cart problem) from "Adidas Action Series Shoes" which is the direct search term to "Adidas Action Series Shoes size 5 through 10 for running, walking, and hiking" which is not a direct search term. This dilutes the keyword in the H1 but will save users time. We will put a tag inside the H1 just so you know, so that we can bold the name of the product to still be seen clearly, I hope that's not an HTML SEO problem. **What do you think, for users with diluted SEO or better SEO in this case? Our product pages are our most important pages in this industry. Thanks**
Web Design | | BobGW0 -
Moving servers which means moving ip address but using the same URL. Would it harm the website's SEO?
Hello everyone, The server (in-house) which we use to host our website is a bit old. We are using CDN77 for our static content. What if I move all our website to the CDN service? meaning I use their storage capability and just have our url point to the IP address they provide. Would that hurt our rankings?
Web Design | | Edgar-Cerecerez0 -
Subdomains, duplicate content and microsites
I work for a website that generates a high amount of unique, quality content. This website though has had development issues with our web builder and they are going to separate the site into different subdomains upon launch. It's a scholarly site so the subdomains will be like history and science and stuff. Don't ask why aren't we aren't using subdirectories because trust me I wish we could. So we have to use subdomains and I'm wondering a couple questions. Will the duplication of coding, since all subdomains will have the same design and look, heavily penalize us and is there any way around that? Also if we generate a good amount of high quality content on each site could we link all those sites to our other site as a possible benefit for link building? And finally, would footer links, linking all the subdirectories, be a good thing to put in?
Web Design | | mdorville0 -
New Website Redesign: Any Design Comments or SEO Suggestions?
Hi! We recently launched our new website after MONTHS of work. Now that it is live, we are looking to fine tune the design and SEO efforts. This is our new website. And for reference, this is our old website. Any and all comments on design and SEO would be greatly appreciated. Thank you for your help! Mike
Web Design | | Mike.Goracke0 -
What is the best information architecture for developing local seo pages?
I think I have a good handle on the external local seo factors such as citations but I'd like to determine the best IA layout for starting a new site or adding new content to a local site. I see lots of small sites with duplicate content pages for each town/area which I know is poor practice. I also see sites that have unique content for each of those pages but it seems like bad design practice, from a user perspective, to create so many pages just for the search engines. To the example... My remodeling company needs to have some top level pages on its site to help the customers learn about my product, call these "Kitchen Remodeling" and "Bathroom Remodeling" for our purposes. Should I build these pages to be helpful to the customer without worrying too much about the SEO for now and focus on subfolders for my immediate area which would target keywords like "Kitchen Remodeling Mytown"? Aside from my future site, which is not a priority, I would like to be equipped to advise on best practices for the website development in situations where I am involved at the beginning of the process rather than just making the local SEO fit after the fact. Thanks in advance!
Web Design | | EthanB0 -
Hi Everybody. I have a large site that is made up of the main site then a large support site. The support site has a lot of overlapping content and similar titles. Would it be beneficial to separate the two? Thank you. All answers appreciated.
Hi Everybody. I have a large site that is made up of the main site then a large support site. The support site has a lot of overlapping content and similar titles. Would it be beneficial to separate the two? Thank you. All answers appreciated.
Web Design | | arithon0 -
Technical SEO Question about TLD combined with SubDomain
I am making a new website but need to figure out the best way to do this in terms of SEO. I would like the website to have functionality of brochure website combined with an online store. My issue is that I will be using software called prestashop for my online store and CMS called MODx to develop my brochure site. (These can not be combined into one CMS). I can create brochure site with MOdx = www.example.com & then from that a subdomain using prestashop for my online store = store.example.com Can I get Google to index these as one site or would I be better off trying to get everything under the TLD. Ideally I would like just one site without subdomain Bacially what I am asking is... What are the effects of having subdomains in terms of SEO? Am I better of having everyhitng under TLD? Can I get Google to view TLD and Sub as one site? Hope this makes sense, thank you.
Web Design | | Socialdude0 -
SEO to Drive Leads
Dear friends, I have clients asking for SEO to drive leads. I have no experience on it, how could I do that? Is there any web layout I can suggest to my client? Another question is how do I implemented the layout on the web structure? I usually structuring my website based on keywords. For example: Homepage niche: plumbing Category: london plumbing, plumbing service, etc Content: Finding London plumbing service in your area, what kind of plumbing service you should pay attention? So, based on these layout, my SEO efforts goes to the content, instead of the homepage. Now, the question is how do I increase conversion with these strategy? Is placing a form above the fold would be wise, then place the content below it. Please advice 🙂 Thanks for your kind support, Albertus
Web Design | | toeplly0