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
-
Prismic.io CMS and SEO?
Looking for community feedback: Some of our In house developers want to use Prismic.io over Wordpress for it's alleged ease of organizing and "deploying" content. It's essentially a repository for content from which you make API calls to. It's a rather new platform. There a few posts in Quora around SEO but looking to see if anyone has had experience with platform. My concern is around page load times, excessive server requests, and content viewed as code. Any thoughts/ experiences would be much appreciated!
Web Design | | ArcherMalmo0 -
Free websites that are good with SEO?
Dear members, I am looking for a free/ almost free website which is good for SEO. For example i am looking at WIX right now but i keeping reading that they aren't optimal for SEO. Does anybody has some tips which website is can use, example weebly, strato, etc?? Many thanks!
Web Design | | rijwielcashencarry0400 -
Does an age verification home page hurt SEO?
There's a microbrewery in our area that just launched its first website. It has the "verify your age" homepage (which is not really their homepage, but I don't know what it's called) before you can enter. It looks like this: http://angrychairbrewing.com/ Anyway, does this hurt them at all from a rankings standpoint? Also, assuming bots/spiders/ROGER can crawl sites like this, (which I think they would have to be able to do) how do they get around this verification? Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Is it cloaking/hiding text if textual content is no longer accessible for mobile visitors on responsive webpages?
My company is implementing a responsive design for our website to better serve our mobile customers. However, when I reviewed the wireframes of the work our development company is doing, it became clear to me that, for many of our pages, large parts of the textual content on the page, and most of our sidebar links, would no longer be accessible to a visitor using a mobile device. The content will still be indexable, but hidden from users using media queries. There would be no access point for a user to view much of the content on the page that's making it rank. This is not my understanding of best practices around responsive design. My interpretation of Google's guidelines on responsive design is that all of the content is served to both users and search engines, but displayed in a more accessible way to a user depending on their mobile device. For example, Wikipedia pages have introductory content, but hide most of the detailed info in tabs. All of the information is still there and accessible to a user...but you don't have to scroll through as much to get to what you want. To me, what our development company is proposing fits the definition of cloaking and/or hiding text and links - we'd be making available different content to search engines than users, and it seems to me that there's considerable risk to their interpretation of responsive design. I'm wondering what other people in the Moz community think about this - and whether anyone out there has any experience to share about inaccessable content on responsive webpages, and the SEO impact of this. Thank you!
Web Design | | mmewdell0 -
Best Forum Platform from an SEO perspective
Hi All, I am looking to start a eCommerce business and would like to centre the user engagement of the site around a forum. Can anyone suggest a forum platform that adopts good SEO practice? So far my considerations are; phpBB vBulletin Wordpress with bbPress plugin Wordpress with Tal.ki plugin Anyone used these with great success? Do you have another suggestion? I am simply in the preliminary stage of sourcing something and am eager to here your thoughts... Thanks in advance... Dan
Web Design | | djlaidler0 -
Will A DHTML Overlay Or ThickBox Capturing Email Hurt SEO?
Some of our competitors use an overlay window on all their pages to sign a customer up for an email list (usually offering a coupon). Our questions is related to the impact on SEO the overlay might have. Does anyone have experience doing this and is this a "safe" thing to do related to SEO? Thanks...
Web Design | | onlineinitiatives0 -
Should I Remove URL extentions for SEO?
We are having a developer design our website with Magento. I noticed the main pages such as About Us have no file extention in the URL. But the product pages have a .html file extention. I was once told to remove the file extentions. Are there benefits to removing the .html file extension and if so, is there a way we can do this using Magento?
Web Design | | hfranz0 -
Dynamic pages and code within content
Hi all, I'm considering creating a dynamic table on my site that highlights rows / columns and cells depending on buttons that users can click. Each cell in the table links to a separate page that is created dynamically pulling information from a database. Now I'm aware of the google guidelines: "If you decide to use dynamic pages (i.e., the URL contains a "?" character), be aware that not every search engine spider crawls dynamic pages as well as static pages. It helps to keep the parameters short and the number of them few." So we wondered whether we could put the dynamic pages in our sitemap so that google could index them - the pages can be seen with javascript off which is how the pages are manipulated to make them dynamic. Could anyone give us a overview of the dangers here? I also wondered if you still need to separate content from code on a page? My developer still seems very keen to use inline CSS and javascript! Thanks a bundle.
Web Design | | tgraham0