Jquery image - hidden text?
-
I'm working on a site that has a jquery image rotation. Wondering if how the developer set it up is consider blackhat or spammy at all. The jquery has 3 images that rotate. Each image has text in it - which is then placed in a H1 or H2 tag behind the images. When viewing the site with images and javascript turned off it looks like the text is the same color as the background and not lined up nicely so that it is visible to anyone who has images and javascript turned off.
Let me know if this is a bad practice. If so, what is the best practice to handle this? If the text were another color and aligned neatly visible behind the image would it be safe? Should we just be using an image alt tag instead? What about losing the H1, H2 power then? Any other suggestions for improving the SEO for jquery image rotations where important text appears?
I can PM the site URL if you want to take a look.
Thanks in advance!
-
You should be using alt tags, not H1 tags. You should only have one H1 tag per page that describes what the page is about (ideally containing the keyword you are trying to rank for). You probably shouldn't be putting any text behind images as this may be treated as cloaking. If you really want to keep the text behind the images, wrap it in the
<noscript>tags so that it is only visible when javascript is disabled.</p> <p>Other possible solutions is to overlay (caption style) images with your desired text in H2 tags.</p> <p>Cheers</p></noscript>
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
-
Should I use a canonical URL for images uploaded to a blog post in Wordpress?
Hi, I have a wordpress website that has articles/news posts witch contain imagery. I've noticed that in the Media Library, when you upload an image to a blog post it generates a new permalink ...article-name/article-image-01.jpg I have Yoast SEO plugin and have the option to set a canonical URL for this image. Should I point it back to the actual article? Thanks for any helpers with this.
Technical SEO | | Easigrass0 -
Will Google still ignore the second instance of anchor text on a page if it has an H2 tag on it?
We have a page set up that has anchor text with header tags. There is an instance where the same anchor text is on the page twice linking to the same page, and I know that Google will ignore the second instance. But in the second instance it also had an H2 tag (which I removed and put it on the first instance of anchor text even though it's smaller). Is this good practice?
Technical SEO | | AliMac260 -
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
Technical SEO | | ShearingsGroup0 -
Best Practice on 301 Redirect - Images
We have two sites that sell the same products. We have decided to retire one of the sites as we'd like to focus on one property. I know best practice is to redirect apples to apples, which in our case is easily done since the sites sold the same thing. www.SiteABC.com/ProductA can be redirected to www.SiteXYZ.com/ProductA. My question is how far does that thinking go regarding images? Each product has a main product page, of course, and then up to 6 images in some cases. Is it necessary to redirect www.SiteABC.com/ProductA-Image1.jpg to www.SiteXYZ.com/ProductA-Image1.jpg? Or can they all be redirected to just the product page?
Technical SEO | | Natitude0 -
What is the verdict on using negative text indent on a slider
Hi, I am trying to work out the best way of developing a slider on a page which may include text that I'd like indexed by search engines. One method I've read about is to use negative text indent, but people seem undecided on whether this is a good / bad / fine technique with regards to SEO. I'd be interested in hearing the communities views and experience on this. Thanks in advance.
Technical SEO | | JagexSEO0 -
No Google cached snapshot image... 'Text-only version' working.
We are having an issue with Googles cached image snapshops... Here is an example: http://webcache.googleusercontent.com/search?q=cache:IyvADsGi10gJ:shop.deliaonline.com/store/home-and-garden/kitchen/morphy-richards-48781-cooking/ean/5011832030948+&cd=308&hl=en&ct=clnk&gl=uk I wondered if anyone knows or can see the cause of this problem? Thanks
Technical SEO | | pekler1 -
For large sites, best practices for pages hidden behind internal search?
If a website has 1M+ pages, with most of them being hidden behind an internal search, what's the best way to get pages included in an engine's index? Does a direct clickpath to those pages need to exist from the homepage or other major hub pages on the site? Is submitting an XML sitemap enough?
Technical SEO | | vlevit0 -
Similar category names result in similar urls and duplicate anchor texts
Hi all, I'm working on an e-commerce website about car tuning and car parts. There are main categories like ( Aerodynamics, Power tuning, Interior, Wheels, Tires, etc. ) and in the products are organized in sub-categories representing the product manufacturer, car manufacturer and car model + modification. Unfortunately this kind of structure creates duplicate sub-category names. For example we can have parts for Audi A4 8K in Aerodynamics and ABT, and the same time we can have Power tuning from the same manufacturer and for the same car, or Sport brakes for the same car by different manufacturers. So here are how some links look-like: /alfa-romeo-147-c1070-en /alfa-romeo-147-c234-en /alfa-romeo-147-c399-en These are totally different categories, with the same anchor text and almost the same url addresses ( the only difference in the urls is the category id ). Can this be affecting the site's indexation, and which can be the better way to create the internal link structure ?
Technical SEO | | mdimov0