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
-
Best practice to redirect http to https
I have an SSL certificate on our domain but at times some search results still list the HTTP version. Clicking on this then warns the user about security and they leave. To avoid this I am using this in the htaccess file to redirect all HTTP visits to the https version. RewriteEngine On
Intermediate & Advanced SEO | | Gavpeds
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://domain.com/$1 [R,L] Is this ok? I notice on Moz toolbar it give a 302 temporary redirect I am thinking this isn't good and needs to be a 301 maybe? What is the best practice in this situation?1 -
Onsite SEO vs Offsite SEO
Hey I know the importance of both onsite & offsite, primarily with regard to outreach/content/social. One thing I am trying to determine at the moment, is how much do I invest in offsite. My current focus is to improve our onpage content on product pages, which is taking some time as we have a small team. But I also know our backlinks need to improve. I'm just struggling on where to spend my time. Finish the onsite stuff by section first, or try to do a bit of both onsite/offsite at the same time?
Intermediate & Advanced SEO | | BeckyKey1 -
My company wants to set up some blogs - what's best practice in getting started from scratch?
My company wants to set up two or three blogs (on previously unused domains) with the idea being to disseminate good content that gets picked up in SERPs and acts as a lead generator, shows us to be authorities in our market, creates brand (or individual employee who's doing the blogging) awareness etc... From scratch, what are all the boxes that should be ticked to make this work from the outset? What are the must haves?With all the ideals in place, how long could it realistically take to make this work? What are some pitfalls to look out for? Any advice in general will be appreciated. Thanks, M
Intermediate & Advanced SEO | | Martin_S0 -
Duplicate content
I run about 10 sites and most of them seemed to fall foul of the penguin update and even though I have never sought inorganic links I have been frantically searching for a link based answer since April. However since asking a question here I have been pointed in another direction by one of your contributors. It seems At least 6 of my sites have duplicate content issues. If you search Google for "We have selected nearly 200 pictures of short haircuts and hair styles in 16 galleries" which is the first bit of text from the site short-hairstyles.com about 30000 results appear. I don't know where they're from nor why anyone would want to do this. I presume its automated since there is so much of it. I have decided to redo the content. So I guess (hope) at some point in the future the duplicate nature will be flushed from Google's index? But how do I prevent it happening again? It's impractical to redo the content every month or so. For example if you search for "This facility is written in Flash® to use it you need to have Flash® installed." from another of my sites that I coincidently uploaded a new page to a couple of days ago, only the duplicate content shows up not my original site. So whoever is doing this is finding new stuff on my site and getting it indexed on google before even google sees it on my site! Thanks, Ian
Intermediate & Advanced SEO | | jwdl0 -
Can a Hosting provider that also hosts adult content sites negatively affect our SEO rankings on a non-adult site hosted on same platform?
We're considering moving a site to a host that also offers hosting for adult websites. Can this have a negative affect on SEO, if our hosting company is in any way associated with adult websites?
Intermediate & Advanced SEO | | grapevinemktg0 -
SEO Features of Different Shopping Cart, Need Help on Selecting BEST Cart
I want to move my existing online store to a new Multilanguage Shopping Cart. After reading Andrew Bleakley's review, I have to make a dissisions between the following shopping cart. New to SEO, I will like to have your impressions on there SEO Features and HELP me select the BEST SEO frendly shopping cart. corecommerce: Search Engine Friendly
Intermediate & Advanced SEO | | BigBlaze205
• Entire store is search engine optimized
• Dynamically generates static html pages with clean URL's (no numbers and special characters inside the URL's) for products, categories and custom content pages (ie about us, etc.)
• Auto Generated Meta Tags for your store to create web site page rankings that matter!
• Built in Canonical URL's
• Header tags usage for your product names
• Auto-build of the Google XML Sitemap
• Meta tags for all products, categories and content pages
• Add your own custom meta tags from your store
• You determine the page titles
• You can add custom content for the category pages
• Use of alt and title tags for images
• Use of bread crumb trails
• Customer SEO page slugs (naming) for products and categories americommerce: Have a look at there page, the list is to long. http://www.americommerce.com/ecommerce-seo.html ------------------------------ asho Web Optimisation - SEO
Fully Search Engine Optimised (SEO) structure
Optimised and updated by industry leading SEO experts
Source code optimised for search engines
Page based META management. Titles, descriptions and keywords
Link popularity program between Ashop Commerce customers
Always up to date with new search engine algorithms
Spider friendly URLs
301 Redirect and 302 Redirect support for any page
Free SEO tips & tools
Auto HTML and CSS page generation
Google, Yahoo and Bing verification meta inclusion
Inbuilt automatic XML site map generation (Google, Yahoo, Bing)
Correct use of robots.txt file
Correct use of NOFOLLOW attribute
Auto set up with correct hierarchy for H tags
Auto creation of alt text on menu text links and images
Tableless design structure Pinnaclecart Cutting-edge search engine optimization
Flat URL generation (www.yoursite.com/product/product-name.htm)
Ability to create your own URL structure (www.yoursite.com/create-your-own-url.html)
Manage all URL's at the category, product and page level.
If you're moving from a different application, you can change the URL's to match the old URL's.
Meta keyword, title and description for each product page
Meta keyword, title and description for each category page
Meta keyword and description for home page and all pages created via the control panel
Upload / create robot.txt file
Ability to generate meta tags based on product descriptions
Ability to modify HTML or CSS via browser
Automatically generated site map
Generates XML site map for Google Base
Valid WC3 template design
Image ALT tags
Design generates very lightweight, 100% HTML page without CSS or PHP coding
Creates "breadcrumb" navigation
Search-engine-friendly architecture
Ability to upload customized HTML pages to assist in How would you rate those carts structure in a SEO point of view? My existing store, http://www.filtrationmontreal.com/ (OsCommerce) need SEO improvement and moving it to a SEO Frendly Shopping Cart is the best thing I can do to increase sales and conversions. Thank you for your support, help and precious time. BigBlaze0 -
Migrating online store to subdomain using shopify and effects on seo and energy down the road for seo
I'm looking for some clarity... Looking at using Shopify for an existing online store that we have to migrate. Setting up the store with shopify means we will be using a subdomain such as shop.mywebsite.com instead of mywebsite.com/shop. The following are points to consider when responding The client currently has an online store, however it's a proprietary shopping store and CMS that has since gone defunct and they need to migrate to an alternative in order to survive online against new CMS systems that allow the site and its content to be better optimized. There is a lot of existing SEO done on the current site that we don't want to loose PR on. There is roughly 2000 products Client has a fixed budget, dealing with checkout issues, custom work and various other "bugs" seems to be easier controlled with Shopify...thus budget can be used more on content/strategy and migration We want to run the main site in Wordpress and are wanting to use Shopify since it supports a gateway, has great features and seems like it would allow us to get more bang for the buck and can focus more on the main site and content strategy and drive traffic to the subdomain store if needed Or main concern is the effort of migrating 2000+ products to shopify and the traffic and PR it gives the current site will have a negative effect on the main domain itself. Should we really be considering this path? The domain is diveidc.com One main benefit to the subdomain is the ability to clearly segment products from the service portion of the site in the analytics and focus 2 clear strategies and track it in a very defined manner. We're really on the fence with this...any thoughts are welcome.
Intermediate & Advanced SEO | | MAGNUMCreative0 -
What is the effect on using jQuery sliders for content on SEO?
I know using css in subversive manners gets you dinged for points. I didnt know if JS counted the same since you are essentially hiding parts of the content and showing it in intervals as slides. The goal would be having key items for a client in divs and rotating those divs via a slider plugin as slides. I was just curious if that effected things in any way. Thanks! ~Paul
Intermediate & Advanced SEO | | peb72680