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
-
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 -
CSS background image links bad for seo?
On one of the websites I manage SEO for, the developers are changing how our graphical links are coded. They're basically coding in such away where there is no anchor text and no alt tag, so for example: So there's no anchor nor alt context for Google's crawler. How badly will this affect SEO, or is it extremely minimal and I shouldn't worry about? Thanks in advance.
Technical SEO | | JimLynch0 -
Single Page for video & text resources or multiple?
Our new site will have a 'learning center' which contains educational videos as well as articles for prospects who are considering purchase. We were thinking linking to the "Learning center" page from main menu then having multiple videos and articles on this page. (thumbnails, & brief descriptions). Then when the user clicks on the video or article this will take them to a page with that video or article. My thoughts are that would allow us to optimize each page for that question or video topic. Is this a good idea? or should we just have video thumbnails on one page and have the video play on that same page? What about articles, should they also expand on that page or should they open on separate page? We are using WP as CMS. If the videos open on separate pages then how does the user easily get the other videos? will they have to go back to the /learning page or something else? It would seem like a lot of work to have them keep going back to watch one video, then go back and watch the next. What is the best practice - if there is one? Examples of websites that do this well?
Technical SEO | | PhotographerSteve1 -
Anchor Text and over optimization
Hello everyone, I would like to have your expert (hopefully) opinion on one thing: I am working on a specifi page of a pretty big site, and I noticed one thing in particular. This page is linked to from a lots of internal pages (which is ok) but the anchor text used is in most cases the exact keyword they would like to rank for. I know this is not generally a good thing, but I guess they have so many links with that particular anchor because of the breadcrumbs, and this actually makes sense. Now, if this is the case, how could we work this out (if this is an issue)? Or probably this is not an issue since those links don’t carry a lot of SEO weight…don’t know. Thanks for your opinion on this 🙂
Technical SEO | | Bizio1 -
Internal Duplicate Images
Question: If we had hundreds of images duplicated on a site, but different URL (tacking "-1" to the end), is that a Panda issue? Will we get penalized. I know duplicate content (web pages) pretty well, but duplicate files? That I'm unsure of.
Technical SEO | | M_D_Golden_Peak0 -
Any idea why our sitemap images aren't indexed?
Here's our sitemap: http://www.driftworks.com/shop/sitemap/dw_sitemap.xml In google webmaster tools, I can see the sitemap report and it says: Items:Web Submitted:2,798 Indexed:2,910 Items:Images Submitted:3,178 Indexed:0 Do you have any idea why our images are not being indexed according to webmaster tools? I checked a few of the image URLs and they worked nicely. Thanks in advance, J
Technical SEO | | DWJames0 -
How can I have pages with media that changes and avoid duplicate content when the text stays the same?
I want to have a page that describes a specific property and/or product. The top part of the page has media options such as video and photos while the bottom includes the description. I know I can set up the media in tabs and have it separated by javascript, but everything resides on one page so there are no duplicate content issues. Example: http://www.worldclassproperties.com/properties/Woodside BUT what if I need to the photos and the videos to have separate URLs so I can link to them individually? For example, for a real estate site blog, I may want to send visitors to the page of the home tour. I don't want to link them to the version of the page with the photos because I want them to arrive on the video portion. Example: http://www.worldclassproperties.com/properties/Woodside?video=1 Is there any way to get around the problem that would result from the duplicate content of the product/property description? I do not have the resources in the budget to make two unique descriptions for every page.
Technical SEO | | WebsightDesign0 -
Image filenames
A developer asked me if it's ok to add a string of characters (output by Sharepoint) to the image filename. Not a good idea for SEO I said....I've already suggested using keywords for filename and including keyword descriptions in the alt and title attributes. It's a SharePoint shopping cart. Does anyone have any suggestions, experience or workarounds for this?
Technical SEO | | CoL-PR0