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
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
-
Removing Toxic Back Links Targeting Obscure URL or Image
There are 2 or 3 URLs and one image file that dozens of toxic domains are linking to on our website. Some of these pages have hundreds of links from 4-5 domains. Rather than disavowing these links, would it make sense to simply break these links, change the URL that the link to and not create a redirect? It seems like this would be a sure fire way to get rid of these links. Any downside to this approach? Thanks,
Intermediate & Advanced SEO | | Kingalan1
Alan1 -
Lazy Load Pictures on main page
Hello, our website is https://www.neakriti.gr If you open our page you will see its fast (for its size - we use AKAMAI and caching), but we have a large number of pictures on the main page - that inevitably cost loading time. I believe there could be a dramatic reduction in the time taken to load the pictures if we implemented a lazy load approach for the "below" the fold" content. Would a lazy load approach increase our SEO score on our main page? If yes, how should it be implemented in SEO terms? (I mean so that search engines are able to find the pictures that are not loaded beforehand).
Intermediate & Advanced SEO | | ioannisanif0 -
How to maximize CTR from Google image search?
I'm getting good, solid growth in my Google SERPs and Google search traffic now, but I do notice that 70% of my high ranking search results are images and the CTR on those is only 3-4%. All my images are illustrative and highly relevant to my travel blog, but I guess that hardly matters unless they get CTR so people see them in context. Has anyone seen or done any good research on what makes people click through on Google Image Search results? What are the key factors? How do you optimize for click-through? Is it better to watermark your images or overlay label them to increase likelihood of click-through? Thanks, Tony FYI the travel blog in question is www.asiantraveltips.com and a relevant Google search where I rank highly is "songkran 2016 phuket".
Intermediate & Advanced SEO | | Gavin.Atkinson0 -
Optimal image location in news stories?
We recently watched a video where a Google News developer advocated displaying large images near the top of articles. As a matter of practice, we tend to follow the below formats instead. Are we shooting ourselves in the foot? Use a gallery at the top: http://www.whatsonstage.com/west-end-theatre/news/07-2014/great-britain-billie-piper-west-end_34919.html Use a medium size square image on the right side: http://www.whatsonstage.com/london-theatre/news/07-2014/arts-council-funding-npo-orange-tree_34910.html Use a large image with a caption at the top: http://www.whatsonstage.com/london-theatre/news/07-2014/meera-syal-national-theatre_34913.html Also, do elements like a 'Buy ticket' console in the middle of article pages hurt us?: http://screencast.com/t/rqqMk2dATfmE
Intermediate & Advanced SEO | | TheaterMania0 -
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 -
Image optimization for e-commerce
Regarding image optimization for an ecommerce site.
Intermediate & Advanced SEO | | triplelootz
In your "category" pages you list your products with a small thumbnails / miniature image. When the user clicks on the product name or on the thumnails, he lands on the product page with the real size product image. How do you optimize the thumbnail image? Do you use a different ALT? Is Google smart enough to index the real size image? On one hand the image located on the "product" page has lot more content around, is bigger & more interesting for both the user and Google. On the other hand the "category" page has more autority ( links) than the product page... To reformulate my questions: Do you think ALT tag is important for your thumbnail image on your category pages. Do you write different ALT tag for your thumbnail image ( on your category pages) & and your real size image (on your product page)? Which ALT tag / image do you think is the most interesting for Google? What do you think? Cheers, Ludo0 -
Will having image lightbox with content on a web page SEO friendly?
This website is done in CMS. Will having lightbox pop up with content be SEO friendly? If you go to the web page and click on the images at the bottom of the page. There are lightbox that will display information. Will these lightbox content information be crawl by Google? Will it be consider as content for the url http://jennlee.com/portfolio/bran.. Thanks, John
Intermediate & Advanced SEO | | VizionSEO990 -
First Link Priority question - image/logo in header links to homepage
I have not found a clear answer to this particular aspect of the "first link priority" discussion, so wanted to ask here. Noble Samurai (makers of Market Samurai seo software) just posted a video discussing this topic and referencing specifically a use case example where when you disable all the css and view the page the way google sees it, many times companies use an image/logo in their header which links to their homepage. In my case, if you visit our site you can see the logo linking back to the homepage, which is present on every page within the site. When you disable the styling and view the site in a linear path, the logo is the first link. I'd love for our first link to our homepage include a primary keyword phrase anchor text. Noble Samurai (presumably seo experts) posted a video explaining this specifically http://www.noblesamurai.com/blog/market-samurai/website-optimization-first-link-priority-2306 and their suggested code implementations to "fix" it http://www.noblesamurai.com/first-link-priority-templates which use CSS and/or javascript to alter the way it is presented to the spiders. My web developer referred me to google's webmaster central: http://www.google.com/support/webmasters/bin/answer.py?answer=66353 where they seem to indicate that this would be attempting to hide text / links. Is this a good or bad thing to do?
Intermediate & Advanced SEO | | dcutt0