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
-
Text to code ratio<10% warning from website audit by SiteChecker.Pro - how important is it?
Hi to everyone, I used Sitechecker.Pro for a website audit of a client website https://bizpages.org and there was this warning (not an error!): TEXT TO CODE RATIO<10% https://sitechecker.pro/app/main/project/1839063/audit/summary How important is this to achieve good ranking? What are good ratios? I undestand that more text needs to be added to improve it? fcdcfbe438
Technical SEO | | astweb0 -
Google Search Console "Text too small to read" Errors
What are the guidelines / best practices for clearing these errors? Google has some pretty vague documentation on how to handle this sort of error. User behavior metrics in GA are pretty much in line with desktop usage and don't show anything concerning Any input is appreciated! Thanks m3F3uOI
Technical SEO | | Digital_Reach2 -
Size of image for article Schema
Hi, I implemented schema markup for an article and all tested fine and I can see it being fired in preview mode of Google Tag Manager. But when I run the URL which has it applied through Google Structured Testing tool it is not appearing. I have now read that the image needs to be a certain size. For AMP articles this appears to be 12oo pixels wide http://www.thesempost.com/google-changes-image-size-requirements-amp-articles/ But what about non-AMP articles? Does it need to be that big too?
Technical SEO | | AL123al0 -
Ranking penalty for "accordion" content -- hidden prior to user interaction
Will content inside an "accordion" module be ranked as non-hidden content? Is there an official guide by google and other search engines addressing this? Example of accordion element: https://v4-alpha.getbootstrap.com/components/collapse/#accordion-example Will all elements in the example above be seen + treated equally by search engines?
Technical SEO | | houlihanlokey1 -
Optimizing my images to appear on Google Images
My website ranks at the top for my keywords, but my images barely show up on Google Images. I'm renaming them, tagging them, I'm not sure what else I can possibly do. Any suggestions? Thanks!
Technical SEO | | Leah7771 -
Changing your Anchor Text in 2014
Hello I have a series of question, There was a directory listing we submitted to and got approved. However we got 6 Links total with the same Anchor Text 3 from www and 3 from non www, which is also the Title of our Brand Name. However this is causing an unnatural link. 1. Does Changing the Anchor Text Bad? Does Google have a new way of detecting anchor text changes.
Technical SEO | | EVERWORLD.ENTERTAIMENT
2. Can I change the Title/Anchor to something more generic, so that the anchor text profile is more natural.
3. Since this is a Directory is http://obln.org/ - Does anybody know being on this directory bad?
Or should I just remove this links altogether or Disavow 5 Links and just keep one, because they have a PR5 and has trust flow, losing all the links may not be good as well for ranking. Thanks For your Insight.0 -
Duplicate content - wordpress image attachement
I have run my seomoz campaign through my wordpress site and found duplicate content. However, all of this duplicate content was either my logo or images and no content with addresses like /?attachement_id=4 for example . How should I resolve this? thank you.
Technical SEO | | htmanage0 -
How to push down outdated images in Google image search
When you do a Google image search for one of my client's products, you see a lot of first-generation hardware (the product is now in its third generation). The client wants to know what they can do to push those images down so that current product images rise to the top. FYI: the client's own image files on their site aren't very well optimized with keywords. My thinking is to have the client optimize their own images and the ones they give to the media with relevant keywords in file names, alt text, etc. Eventually, this should help push down the outdated images is my thinking. Any other suggestions? Thanks so much.
Technical SEO | | jimmartin_zoho.com0