Using Javascript to Display Responsive Images?
-
Hi
We're making our new website responsive and are thinking of using a solution that would resize the images using javascript.
So the image would be displayed like this <
div data-src="/img/200x100.png">div>
depending on what size fits the screen
Is is okay for SEO? Or do we also need a fall back that doesn't use javascript?
Thanks
-
It would be generally recommended you also include a
<noscript><img src=""></noscript>
section for crawlers and other visitors without JavaScript turned on. I would have at least hoped your solution would use the element rather than a completely non-standard
approach to display images.
Not sure what library, provider or script you are using but maybe check out a responsive image service like Pixtulate who would actually allow you to use a standard img tag and still accomplish what you are looking to do.
-
Google's not great at crawling java but its getting better however if its for images Google's not super great at images either so if you make good use of the alt tag you should be good for helping Google work out its a photo etc.
I would more think of a fallback for if the user doesn't have java installed etc.
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
-
Correct use of schema for online store and physical stores
I have been getting conflicting advice on the best way to implement schema for the following scenario. There is a central e-commerce store that is registered to it's own unique address which is "head office". There are a few physical shops each of which has their own location and address. Each shop has its own landing page within /our-stores/. So each page on the website has the Organisation schema for the central 'organisation', something like: Then on each physical store landing page is something like the following as well as the Organisation schema: Is this correct? If it is should I extend LocalBusiness with store URL and sameAs for GMB listing and maybe Companies House registration? It's also been suggested that we should use LocalBusiness for the head office of the company, then Departmentwith the typeStore. But i'm not sure on that?
Technical SEO | | MickEdwards0 -
Updating product pages with new images - should I redirect old images ?
Hello,
Technical SEO | | ninjahippo
We have approx 900 products on our website. Over the coming months we will be replacing the product images. At the moment they have file names like 'green_widget_54eb3a78620be.jpg'
the random jumble at the end of the filename was apparently to keep file names unique. We have removed the jumble part and will have file names like:
'black_widget_with_stripe_001.jpg' The CMS removes the old main image when a new main image is uploaded. But we could change this to leave the old image, but not use it. My question is should we: redirect the old file name to the new file name? upload the new image, and leave the old image in place Or do we just ignore.0 -
What should i do to index images in google webmaster?
My website onlineplants.com.au. It's a shopping cart website. I do have nearly 1200 images but none of the images are indexed in google webmaster? what should i do. Thanks
Technical SEO | | Verve-Innovation1 -
Different user experience with javascript on/off
I was wondered if the site is serving different user experience when JS is disabled is sort of cloaking
Technical SEO | | John_Smith_0 -
Domain taken. Which is better? Using hypens or longer domain.
I am wanting to set up an e commerce site and the domain name that I want is taken. I am considering using a domain that has the main keyword I want to rank for as the domain. I have heard chatter of google penalizing these types of sites and it seems that it hasn't come about. This is something that I would like to test out. So if "electricscooters.com" is taken, should I use "electric-scooters.com" or "electricscooters4less.com" Just wondering if the hyphenated or the longer domain will rank higher. The site won't be spammy at all, I will carry a few different companies that offer similar products. So for this case, I would only sell scooters from a few different manufacturers. Feedback would be appreciated!
Technical SEO | | Dave_Whitty0 -
Should we use "and" or "&"?
Our client has an ampersand in their brand name. The logo has "&", their url is spelled out. I'm trying to get them to standardize the use of the name for directories/listings. Should we use "and" or "&"?
Technical SEO | | vernonmack0 -
Have you used the Addthis Widget and had your rankings drop
Just wondering what experience people have of this widget? I added it to a site I look after late last week and we took an noise dive over the weekend. Any thoughts / comments are appreciated!
Technical SEO | | RodneyRiley0