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:
http://sf.eater.com/maps/the-38-essential-san-francisco-restaurants-january-2015From 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!
-
Not a problem - would love to see the finished version once you complete it.
-
Thank you so much for this response. It is exactly what I was looking for. I would have searched the term PushState if I knew it existed. Thank you again. I friggin' love the Moz community!
-
Hey Eric,
You've got a deep one here with a few different things going on. Let me start with some observations and then walk you through the direction I would take if this were my project:
- The content on that example you gave is all HTML that's crawlable. So that page is getting indexed properly.
- If you were to reduce the amount of content in the left section, and swap it with a button leading to the blog post, Google shouldn't have any problem indexing those links to the pages which have more content. In that sense, your map page would be no different than a blog archive page, with titles and teasers leading to a complete post.
- Let's pretend for a second that we want to go with that solution, but we don't want users to have to leave the page to read the full content when they click the button. Then we'd want to display the content somehow in a way where we know it won't get indexed. We should be able to override that <a>link and load it into a popup instead of actually loading the page. If it gets displayed in a popup modal, that would be a nice experience without leaving the page. An iframe should ensure it's not indexed as content on the page, though you'd have to play with how it's sized and positioned. You could also load the content in with Javascript, though Google is more likely to index that properly than they used to do, and I can't recall which particular methods are non-indexable.</a>
<a>* Your next point was regarding users sharing the proper URL. You can hardcode the share buttons to the URL that is appropriate for them to share. domain.com/map#snorkelmaui would be a good URL to enforce the map to flow down to the Snorkel Maui business listing, and domain.com/map/businesses/snorkel-maui/ would be more like the URL of the individual article that is separate from the map but which can be loaded in a modal. This page would probably have some kind of "back to the master map" button or functionality to lead users back to that full map page experience.* Your other point was regarding users not visiting the correct page and therefore it would rank poorly. This isn't a big deal. If it's getting indexed properly and has internal links flowing from the popular and (let's hope) well-linked map page, then it should rank just as well as any other URL on the site with internal links.</a>
<a></a>
<a>Option B: If you want to get really advanced and avoid the separate page experience, you could use some kind of AJAX pushState() scenario to change the URL while they're looking at the modal, and fix it when they exit to modal. Downside here is that if they refreshed the page they wouldn't see the map experience, they'd see the static page version. You could also take this pushstate approach and use it to create a single page experience that does have multiple URLs without leaving the page, but each individual page is rankable on its own. </a>These two blog posts should set you down the right path if you choose that option.
I think that covers your concerns and lays out 2 options for you, but let me know where you still have questions.
-
bueller? bueller? bueller?
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
-
Ecommerce SEO: Shared content on product pages
Hi Guys, I am wondering what the best practices are for avoiding duplicate content on product pages that have shared content. For example, say I have a 3 different product pages for each of the following: Verizon IPhone 5 16GB, AT&T IPhone 5 16GB, AT&T IPhone 5 32GB. Obviously each product is for the most part the same (all are IPhone 5). The only differences lie in the carrier of the phone and the storage capacity. I want to write product descriptions for each page to target a variety of different keywords, but I don't want to get penalized for duplicate content. Does anybody have any experience in what the SEO best practices are for product pages that have shared content like this? Thank you!
Intermediate & Advanced SEO | | Cody_West0 -
Robots.txt - blocking JavaScript and CSS, best practice for Magento
Hi Mozzers, I'm looking for some feedback regarding best practices for setting up Robots.txt file in Magento. I'm concerned we are blocking bots from crawling essential information for page rank. My main concern comes with blocking JavaScript and CSS, are you supposed to block JavaScript and CSS or not? You can view our robots.txt file here Thanks, Blake
Intermediate & Advanced SEO | | LeapOfBelief0 -
Is tabbed content okay or bad for SEO? Google takes both sides.
Hello Moz Community! It seems like there are two opinions coming from directly from Google on tabbed content: 1) John Mueller says here that content is indexed but discounted 2) Matt Cutts says here that if you're not using tabs deceptively, you're in good shape I see this has been discussed in the Moz Q & A before, but I have an interesting situation: The pages I am building have ~50% static content, and ~50% tabbed content (only two tabs). Showing all tabbed content at once is not an option. Since the tabbed content will make up 50% of the total content, it's important that it is 100% weighted by Google. I can think of two ways to show it: 1) Standard tabs using jQuery Advantage: Both tab 1 and tab 2's content indexed Disadvantage: Tabbed content may be discounted? 2) Make the content of the tabs conditional on the server side website.com/page/ only shows tab 1's content in html website.com/page/?tab=2 only shows tab 2's content in the html. Include rel="canonical" pointing to website.com/page/. Advantage: Content of tab 1 indexed & 100% counted by Google Disadvantage: Content of tab 2 not indexed Which option is best? Is there a better solution?
Intermediate & Advanced SEO | | jamiestu130 -
International SEO
We want to expand to a few new regions internationally. My question is if we register sites in different geographies and upload our exact site to these web addresses (exact duplicates) so our web addresses will then be www.mysite.co.uk (current site) www.mysite.com (new intended site) www.mysite.com.au (new intended site) and add rel=“canonical” linking elements to prevent duplicate content issues.Will our content production on our current site www.mysite.co.uk retain its value within all the other sites. Is this the best way to do it? Thanks in advance!
Intermediate & Advanced SEO | | aquaspressovending0 -
When migrating website platforms but keeping the domain name how best do we add the new site to google webmaster tools? Best redirect practices?
We are moving from BigCommerce to Shopify but maintaining our domain name and need to make sure that all links redirect to their corresponding links. We understand the nature of 301s and are fine with that, but when it comes to adding the site to google webmaster tools, not losing link juice and the change of address tool we are kind of lost. Any advice would be most welcome. Thank you so much in advance!
Intermediate & Advanced SEO | | WNL0 -
Mobile SEO
Hi there, My website when searching via mobile is now showing the mobile version of the site in SERPs, well for quite sometime now to be honest, anyway the ranking in mobile are no different to what they are on desktop, is there actually anything I can do to influence my mobile SERPs? 9 times out of 10 it's desktop websites that are ranking about me in mobile search. Any help would be appreciated.
Intermediate & Advanced SEO | | Paul780 -
What SEO tactics are effective for optimising a site where content is changing very frequently (for example an online newspaper)?
I have always worked with sites where content has a reasonably long life-span but need to now consider SEO for a site where content is changing very rapidly. I have read that Google will re-spider your content more frequently if it finds that it is changing frequently but are there effective ways to let the search engines know as new articles are published? Also, if content is removed within only a day or two of being published, can this have a negative impact on SEO?
Intermediate & Advanced SEO | | Greenie0 -
Breadcrumb Trail for SEO?
Due to the fact that we aren't in the #1 position, (dropped from #5 to page 2 - You have to love Devs and IT), our heads have hired a SEO Audit/Consultant company to review everything we are doing. I would like to post some of the things they are telling us to do, in which I don't 100% agree with and would like some other professional feedback. Especially since their site isn't marketed very well. http://www.trupanionpetinsurance.com Disclaimer: (this site was a complete nightmare when I started a year and a half ago. Yes, there are many issues that still need to be addressed.) Breadcrumb Trail They have asked us to implement a Breadcrumb trail on every page, where the final page is the only H1 Tag. Are breadcrumb trials important for SEO? (I know they are helpful for Users, but SEO) Are they important for Search Engines to track back for structure. Any thoughts about them? Similar question asked in February : http://www.seomoz.org/q/how-important-are-breadcrumbs
Intermediate & Advanced SEO | | Trupanion1