homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

Javascript Indexed or Not?
Image Map Info Boxes

WebmasterWorld Senior Member 10+ Year Member

Msg#: 4523818 posted 8:35 am on Nov 30, 2012 (gmt 0)

I have some images on 2 different websites on which I want to pop-up information boxes on mouseover / hover events. Some of the information boxes contain images.


I have managed to do a fair job of presenting the info using webkit code. The problem is, at least in the way I have approached it, it's not a true image map. The code I am using positions (floats?) "links" at various points above the image. That actually makes the image a bit messy. However, the information is in divs, so should be easily indexed by search engines.

Another problem with the webkit code, some of the images have dozens of "links" and positioning is relative so divs need to be positioned through trial and error.


I have also found a javascript that seems to work on all browsers back to IE6. The spots on the image are much easier to create, but I wonder if the information gets indexed. It is coded as such:

<area shape="rect" coords="11,11,11,11" href="#" class="showTip L1" alt="text">

<area shape="rect" coords="11,11,11,11" href="#" class="showTip L2" alt="text">

dw_Tooltip.content_vars = {
L1: 'Content is here;,
L2: 'Content is here;,

Webkit is open source, but I have to pay a licensing fee for the JavaScript = $35 for 1 website, $70 for multiple.

Price is not a big deal, but content indexing is.

I appreciate any help and guidance.



WebmasterWorld Senior Member whoisgregg us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 4523818 posted 7:43 pm on Dec 3, 2012 (gmt 0)

This one is difficult to judge.

The rule of thumb with typical spiders is that they would only see "text" because it's in the alt attribute. But even that's iffy because they might ignore alt text in an <area> tag.

For Google, it's safe to say that they are running the javascript that the page pulls for a sufficient length of time to populate the page (and do whatever shady things spammers do like add redirects, hide text, etc.) then parse the resulting output as the true page.

But tooltips would only appear if they were simulating mouseover events for all the objects in the page. I don't know if any testing has been done on this.

Which, of course, brings us to the true answer, which is that you'd *need* to test a case like this to determine if it is being indexed.


WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

Msg#: 4523818 posted 5:10 pm on Dec 12, 2012 (gmt 0)

What do you mean by "webkit"? (Your own HTML/JavaScript ?)

dw_Tooltip.content_vars = { 
L1: 'Content is here;,
L2: 'Content is here;

You could populate your content_vars object as the page loads, from your DIVs created using your "webkit code". Like you say, the DIVs content would be indexed in the usual way. However, when the page loads, hide the DIVs and copy the content to your content_vars object.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved