Image Maps
-
Hey forum,
I'm curious about Image Maps. Few things I'm not sure about:
1. Will the links be followed? If so, will Google respect rel="nofollow"?
2. Will the image be considered 1 image? (indexed as image, etc.) Or will each map segment be treated as a separate image?
3. Any other SEO pros\cons to consider when adding an image map to an existing page?
Thanks,
Corwin.
-
Corwin - that's awesome info - thanks for posting the results of your tests!
-
For people who find this and want the final results, these are what I see at my site, YMMV:
1. Links from image maps are indeed followed, Google crawls pages that are only accessible via the image map. nofollow also seems to be respected, unless Google just decided not to index these pages for another reason, but I doubt it.
2. The images are indeed indexed for Google images as one image containing the entire map. This image gets the "alt" value of the entire image, not the individual map segments.
I hope this is useful.
-
Thank you! Great info and suggestions. I'll take your advice and post here once I get the results, so others can benefit from it.
-
1 - Can't say regarding nofollow - you could always try adding rel="nofollow" to the <area> tag and give it a shot.
Whether the links are followed depends on whether they're indexed. In my opinion, they shouldn't have any issue crawling the links. If you look at the source code of a page with an image map on it (http://en.wikipedia.org/wiki/Image_map for example) you'll see that the links are pretty clearly listed (and in Chrome's source code view they're even hyperlinked - which alone suggests they should be crawling them just fine.)
That said, I have not tested this, and I can't find any references to actual testing done online.
If I were you, I would test this by doing the following:
- Create an image map somewhere on your site (we'll call it the Map Page).
- Link that image map to a 2nd page of the site that is not linked anywhere else on the Map Page.
- Feel free to tweet the URLs of both pages to speed up the indexation process.
- Go in to Google Webmaster Tools, and see if a link is reported to the 2nd Page from the Map Page.
- If there isn't, double check the cache date of the Map Page to see if it's after the image map was added to the page.
- If you go through that test, and GWT doesn't report a link from the Map Page to the 2nd Page, then I would go ahead and use the image map, but I would also add text links on the page to ensure your optimal site structure is in place.
- If GWT does report the link, then that seem sufficient to me, so long as you specify the alt and title text for each individual link since that will function as your anchor text.
2 - The image will probably be considered one image as far as indexing in Google Images (would be strange if they indexed portions of the image), however the alt and title attributes should behave more like multiple images.
3 - I would just do the test I described above and you should be set. Also, take a look at what popular websites using Image Maps do in this situation. National real estate listing sites are a common one for image maps IIRC.
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
-
SEO Friendly Files Redirected From Images
I have images (.jpg's) of products that when you click them redirect you to a .pdf's containing all the products' specs, patterns, colors, etc. These are 302 redirects that open on a different window when clicked on. Is there a way to keep these redirects and maintain SEO optimization? Any advice is appreciated.
Intermediate & Advanced SEO | | SuperiorPavers0 -
The images on site are not found/indexed, it's been recommended we change their presentation to Google Bot - could this create a cloaking issue?
Hi We have an issue with images on our site not being found or indexed by Google. We have an image sitemap but the images are served on the Sitecore powered site within <divs>which Google can't read. The developers have suggested the below solution:</divs> Googlebot class="header-banner__image" _src="/~/media/images/accommodation/arctic-canada/arctic-safari-camp/arctic-cafari-camp-david-briggs.ashx"/>_Non Googlebot <noscript class="noscript-image"><br /></span></em><em><span><div role="img"<br /></span></em><em><span>aria-label="Arctic Safari Camp, Arctic Canada"<br /></span></em><em><span>title="Arctic Safari Camp, Arctic Canada"<br /></span></em><em><span>class="header-banner__image"<br /></span></em><em><span>style="background-image: url('/~/media/images/accommodation/arctic-canada/arctic-safari-camp/arctic-cafari-camp-david-briggs.ashx?mw=1024&hash=D65B0DE9B311166B0FB767201DAADA9A4ADA4AC4');"></div><br /></span></em><em><span></noscript> aria-label="Arctic Safari Camp, Arctic Canada" title="Arctic Safari Camp, Arctic Canada" class="header-banner__image image" data-src="/~/media/images/accommodation/arctic-canada/arctic-safari-camp/arctic-cafari-camp-david-briggs.ashx" data-max-width="1919" data-viewport="0.80" data-aspect="1.78" data-aspect-target="1.00" > Is this something that could be flagged as potential cloaking though, as we are effectively then showing code looking just for the user agent Googlebot?The devs have said that via their contacts Google has advised them that the original way we set up the site is the most efficient and considered way for the end user. However they have acknowledged the Googlebot software is not sophisticated enough to recognise this. Is the above solution the most suitable?Many thanksKate
Intermediate & Advanced SEO | | KateWaite0 -
SEO best practices for embedding content in a map
My company is working on creating destination guides for families exploring where to go on their next vacation. We've been creating and promoting content on our blog for quite some time in preparation for the map-based discovery. The UX people in my company are pushing for design/functionality similar to:
Intermediate & Advanced SEO | | Vacatia_SEO
http://sf.eater.com/maps/the-38-essential-san-francisco-restaurants-january-2015 From a user perspective, we all love this, but I'm the SEO guy and I'm having a hard time figuring out the best way to guide my team regarding getting readers to the actual blog article from the left content area. The way they want to do it is to have the content displayed overtop the map when someone clicks on a pin. Great, but there's no way for me to optimize the map for every article. After all, if we have an article about best places to snorkel on Maui, I want Google to direct people to the blog article specific to that search term because that page is the authority on that subject. Additionally, the map page itself will have no original content because it will be pulling all the blog content from other URLS, which will get no visitors if people read on the map. We also want people, when they find an article they like, to be able to copy a URL to share. If the article is housed on the map page, the URL will be ugly and long (not SEO friendly) based on parameters from the filters the visitor used to drill down to that article. So I don't think I can simply optimize the map filtered-URL. Can I? The others on my team do not want visitors to ping pong back and forth between map and article and would prefer people stay on the discovery map. We did have a thought that we'd give people an option to click a link to read the article off the map but I doubt people will do it which means that page will never been visited, thus crushing it's page rank. so questions: How can i pass link juice/SEO love from the map page to the actual blog article while keeping the user on the map? Does google pass that juice if you use Iframes? What about doing ajax calls? Anyone have experience doing this? Am I making a mountain out of a molehill? Should I trust that if I create good content, good UX and allow people to explore how they prefer, Google will give me the love? Help me Rand Fishkin, you're my only hope!1 -
Dilemma about "images" folder in robots.txt
Hi, Hope you're doing well. I am sure, you guys must be aware that Google has updated their webmaster technical guidelines saying that users should allow access to their css files and java-scripts file if it's possible. Used to be that Google would render the web pages only text based. Now it claims that it can read the css and java-scripts. According to their own terms, not allowing access to the css files can result in sub-optimal rankings. "Disallowing crawling of Javascript or CSS files in your site’s robots.txt directly harms how well our algorithms render and index your content and can result in suboptimal rankings."http://googlewebmastercentral.blogspot.com/2014/10/updating-our-technical-webmaster.htmlWe have allowed access to our CSS files. and Google bot, is seeing our webapges more like a normal user would do. (tested it in GWT)Anyhow, this is my dilemma. I am sure lot of other users might be facing the same situation. Like any other e commerce companies/websites.. we have lot of images. Used to be that our css files were inside our images folder, so I have allowed access to that. Here's the robots.txt --> http://www.modbargains.com/robots.txtRight now we are blocking images folder, as it is very huge, very heavy, and some of the images are very high res. The reason we are blocking that is because we feel that Google bot might spend almost all of its time trying to crawl that "images" folder only, that it might not have enough time to crawl other important pages. Not to mention, a very heavy server load on Google's and ours. we do have good high quality original pictures. We feel that we are losing potential rankings since we are blocking images. I was thinking to allow ONLY google-image bot, access to it. But I still feel that google might spend lot of time doing that. **I was wondering if Google makes a decision saying, hey let me spend 10 minutes for google image bot, and let me spend 20 minutes for google-mobile bot etc.. or something like that.. , or does it have separate "time spending" allocations for all of it's bot types. I want to unblock the images folder, for now only the google image bot, but at the same time, I fear that it might drastically hamper indexing of our important pages, as I mentioned before, because of having tons & tons of images, and Google spending enough time already just to crawl that folder.**Any advice? recommendations? suggestions? technical guidance? Plan of action? Pretty sure I answered my own question, but I need a confirmation from an Expert, if I am right, saying that allow only Google image access to my images folder. Sincerely,Shaleen Shah
Intermediate & Advanced SEO | | Modbargains1 -
For SEO... - Display Graphs in HTML5 or Image?
Hi All, Would you recommend displaying charts and graphs as images or HTML5 (highcharts etc.)? Thanks
Intermediate & Advanced SEO | | BeytzNet0 -
Optimization for an Car Image Gallery Site
I have a site where I feature several car images and the details/press releases about those cars. So normal layout would be an article page consisting of the following: Article Text Image gallery list laid out for user to browse. Now, when a user clicks on the image, the link opens up in another page with the image as a main content and then other image belonging to same article are shown below to browse. Each of such pages with images from same article are linked to one another with 'rel'=prev/next and has a 'rel' canonical to the page with article text. Am I doing this right to prevent thin content and duplication issue? Each of the images are for same car and are related to one another. The site under question is DieselStation. Also, if you can provide a general feedback on the site's layout and architecture in terms of SEO, that would be great.
Intermediate & Advanced SEO | | ketan90 -
Convert keyword rich PDFs to web pages (text & images)
SteriPEN is a portable water purifier that kills viruses, protozoa, e-coli, etc. Because of the technical and safety requirements nature of the product, our website has much documentation of testing, organisms affected, and more. These are in pdf form and can often be found through google search (and through links on specific pages). Because of the keyword-richness of these documents pertaining to microbes SteriPEN kills, etc. does it make sense to convert these pdf's into html text and images? Then I was thinking perhaps writing a blog post AND generating key links on important landing pages to these documents (as html). Removing pdfs may be harmful? Not a clue as to the cost/benefit.
Intermediate & Advanced SEO | | Timmmmy0 -
Google Maps results doesn't show my site url but rather the maps url, why is this?
For several of my clients landing pages that show up in the Maps results the website url has been overwritten by the maps url (maps.google.com). Even though on my places page I have the correct website set up. Does anyone have any idea why they would be doing this and how I can correct it? Thanks kinldy in advance, Aaron. maps-url.png
Intermediate & Advanced SEO | | afranklin0