Lazy loading images
-
Hello,
Currently we are working on a new website. Within this new website we have the option to lazy load the images. My question regarding this: will this cause any SEO problems? Will google detect / see all images properly? If not, how can we make sure that google does?
Thanks in advance!
Remco
-
@AMAGARD, reaf this article: developers.google.com/search/docs/crawling-indexing/javascript/lazy-loading
-
Some websites capture a screenshot of the main page (i.e. siteprice, wot, ...) and use it as an icon to identify your website visually. If the image loading is deferred the "preview" may appear as text only. Therefore, this feature can have a negative UX impact, but not in terms of SEO.
-
Hello,
Google will index the images the same way it would if they were visible, since google crawls the source code of the page to retrieve the information. On a visual level what you will do is that the image will take longer to appear but you will gain more loading speed, since this will be done in deferred.
Greetings
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
-
Lazy Loading of products on an E-Commerce Website - Options Needed
Hi Moz Fans. We are in the process of re-designing our product pages and we need to improve the page load speed. Our developers have suggested that we load the associated products on the page using Lazy Loading, While I understand this will certainly have a positive impact on the page load speed I am concerned on the SEO impact. We can have upwards of 50 associated products on a page so need a solution. So far I have found the following solution online which uses Lazy Loading and Escaped Fragments - The concern here is from serving an alternate version to search engines. The solution was developed by Google not only for lazy loading, but for indexing AJAX contents in general.
Intermediate & Advanced SEO | | JBGlobalSEO
Here's the official page: Making AJAX Applications Crawlable. The documentation is simple and clear, but in a few words the solution is to use slightly modified URL fragments.
A fragment is the last part of the URL, prefixed by #. Fragments are not propagated to the server, they are used only on the client side to tell the browser to show something, usually to move to a in-page bookmark.
If instead of using # as the prefix, you use #!, this instructs Google to ask the server for a special version of your page using an ugly URL. When the server receives this ugly request, it's your responsibility to send back a static version of the page that renders an HTML snapshot (the not indexed image in our case). It seems complicated but it is not, let's use our gallery as an example. Every gallery thumbnail has to have an hyperlink like: http://www.idea-r.it/...#!blogimage=<image-number></image-number> When the crawler will find this markup will change it to
http://www.idea-r.it/...?_escaped_fragment_=blogimage=<image-number></image-number> Let's take a look at what you have to answer on the server side to provide a valid HTML snapshot.
My implementation uses ASP.NET, but any server technology will be good. var fragment = Request.QueryString[``"_escaped_fragment_"``];``if (!String.IsNullOrEmpty(fragment))``{``var escapedParams = fragment.Split(``new``[] { ``'=' });``if (escapedParams.Length == 2)``{``var imageToDisplay = escapedParams[1];``// Render the page with the gallery showing ``// the requested image (statically!)``...``}``} What's rendered is an HTML snapshot, that is a static version of the gallery already positioned on the requested image (server side).
To make it perfect we have to give the user a chance to bookmark the current gallery image.
90% comes for free, we have only to parse the fragment on the client side and show the requested image if (window.location.hash)``{``// NOTE: remove initial #``var fragmentParams = window.location.hash.substring(1).split(``'='``);``var imageToDisplay = fragmentParams[1]``// Render the page with the gallery showing the requested image (dynamically!)``...``} The other option would be to look at a recommendation engine to show a small selection of related products instead. This would cut the total number of related products down. The concern with this one is we are removing a massive chunk of content from he existing pages, Some is not the most relevant but its content. Any advice and discussion welcome 🙂0 -
Can you explain why a site with loads of keywork anchor backlinks is ranking well?
Hi All, A couple of years ago my site got punished and i kind of figured out it was due to keyword anchor text backlinks. I recently was considering getting a new SEO company and found one that promotes another company in my industry. However, when i look at the backlinks, of the website they do SEO for, via open site explorer - I noticed nearly all of the backlinks are keywords. website in question is http://goo.gl/6nRzLi And if you see the search results here: http://goo.gl/9bXoxY they are ranking on first page with very big brands - and have done for about a year - but nealy all of their backlinks are the keywords in this search... I understood this is the kind of thing that killed my website 2 years ago - are these backlinks ok? should i still consider this SEO company to work on my site, i 100% do not want my site to be penalised again so any advice appreciated. thanks James
Intermediate & Advanced SEO | | isntworkdull0 -
How to manage images
We have been using Google+ to load our images straight on to our site, we did this to make sure our site loaded fast. google+ delivers them to website at the size we specify, so even if original is say 4000px x 3000px we can ask for them at 100x100 and they send as resized scale. we dont have to manage sizes just the original images and their tagging If we wanted to improve our SEO opportunities should we be doing this another way? Our images show if you look in the image serp but they dont appear on the main serp. How much of a difference would having the images on our own domain rather than having them on Google+ I am working through the recommended list below, would love to hear guys who are doing well with images and have to manage 1000's of them. There are a number of ways to optimise your images to increase your visibility within Google image search, and the chance of being featured within the main search results (as seen in the 'tablet PC' example): Use a short descriptive piece of text featuring desired keywords within the image alt text attribute.
Intermediate & Advanced SEO | | PottyScotty
Save the image using a descriptive file name
Create an Image XML sitemap
Ensure your images directory isn't blocked by robots.txt
Ideally host images on the same domain
And surround the image with related text content to build a stronger page context/association0 -
Should I serve images from the same Top level domain as the current domain?
We run a multidomain e-commerce website that targets each country respectively: .be -> Belgium .co.uk -> United Kingdom etc... .com for all other countries We also serve our product images via a media subdomain eg. "media.ourdomain.be/image.jpg"
Intermediate & Advanced SEO | | jef2220
This means that all TLD's contain the images of the .be media subdomain. Which is acually seen as an outbound link. We are considering to change this setup so that it serves the images from the same domain as the current TLD, which would make more sense: .be will serve images from media.ourdomain.be .co.uk -> media.ourdomain.co.uk etc.. My question is: Does google image search take the extension of the TLD into consideration? So that for example German users will be more likely to see an image that is served on a .de domain?0 -
Google Preview not showing images
No matter which our pages i find in the SERP the Google Preview does not show images for www.spies.dk Try searching for "rejser til malaysia" on google.dk. The result www.spies.dk/malaysia is not showing images. Why is that? Using the "google preview tool" under labs in Google Webmaster Tools sys it found 13 errors on that page: | Ressource: | Information: http://images2.spies.dk/images/SiteID11/SiteLayout/logo-spies.png?v=4 | Indekseret http://images1.spies.dk/images/StaticLayout/Spies_hori_sRGB.png?v=1 | Indekseret http://images1.spies.dk/images/SiteID11/Button/search-button-text3.png?v=2 | Indekseret http://images2.spies.dk/images/Country/my1001_10_48.jpg?v=1 | Indekseret http://images2.spies.dk/images/SiteID11/Button/Opdater_bt.png?v=2 | Indekseret http://images1.spies.dk/images/SiteID11/Button/Sog_bt.png?v=3 | Indekseret http://images2.spies.dk/images/Country/my1002_2_22.gif?v=1 | Indekseret http://images2.spies.dk/images/Resort/bkikki1001_4_11.jpg?v=1 | Indekseret http://images2.spies.dk/images/SiteID11/Button/Vaelg_bt.png?v=7 | Indekseret http://images1.spies.dk/images/Resort/bkiskn1001_4_11.jpg?v=1 | Indekseret http://images1.spies.dk/images/Resort/kulkum1001_4_11.jpg?v=1 | Indekseret http://images1.spies.dk/images/Resort/lgklak1001_4_11.jpg?v=1 | Indekseret https://track.adform.net/serving/scripts/trackpoint/async/ | Indekseret |
Intermediate & Advanced SEO | | alsvik0 -
Best Strategy to display 8mg Images on Product Pages for Ecommerce
I have an ecommerce store that has a variety of images including some super high quality images that are 8 mg. This style of image could be completed for hundreds of products in the store. Does anyone have any tips on what I should be watching out for here? Is 8 mg too unusable?
Intermediate & Advanced SEO | | LukeyJamo0 -
Image Alt tags--always include the targeted keyword?
Question for all the SEO's out there. Do you always include your target keyword in the image alt tag? For example, if you had an article on osteoarthritis, and you included a photo of an old man, would you put "old man on a bench" or "old man suffering from osteoarthritis" -- even though you have no idea if the old man suffers from osteoarthritis?
Intermediate & Advanced SEO | | nicole.healthline0 -
Pages that takes more then 1,5 second to load penalized?
Hi all I just read an article (print) about the importance of af having a fast website. The author claims that all pages that are taking longer than 1,5 second to load is getting penalized in the SERPS. Speed is of course a ranking factor. But I have never heard a statement like this before. Is 1,5 second a guideline from Google? Can anyone say, where this number is coming from? Is there maybe another guideline to be followed? Thanks in advance for your comments / answers 🙂 Best regards, Kenneth Karl Nielsen
Intermediate & Advanced SEO | | KennethK0