Appropriate Use of Canonical Tag
-
Hello,
I am creating study guides for books with tabbed elements for each study guide.
For example, for Othello, I'd have 3 tabs like so:
1. Overview page = xyz.com/othello
2. Context = xyz.com/othello/context
3. Characters = xyz.com/othello/characters
I noticed that YouTube channels have tabbed elements and use the canonical. For example, all of the tabbed sections on https://www.youtube.com/user/Nerdist/channels have this canonical http://www.youtube.com/user/Nerdist">
In my case, would it be a correct use of the canonical tag to include rel="canonical" href = http://xyz.com/othello on each of the tabbed pages?
Also, where exactly in the header should the canonical be placed? Before or after open graph / twitter cards?
-
Hi Jason,
I would definitely not canonicalise between the three+ URLs about one text unless those URLs contain identical information. Since they won't be identical (one will be plot, one characters, etc. as you say earlier in the thread), I would not canonicalise. You will result in content such as that on characters not being indexed or crawled. The site is therefore probably less likely to rank for queries like [othello characters] if the characters page has a canonical tag on it, pointing to the plot summary page.
Without having seen the site or mock-ups, I believe you would be safe to use separate URLs for each area of study surrounding one topic.
However, you could indeed put all this content on one page and use tabs to switch between the content, given that it is too long to fit nicely on one page. The tabs should be operated by CSS, and all the text (plot summary, characters, context) would be in the source code upon page load. People would click between tabs to read it. This is not considered cloaking or hiding content, although I would avoid doing this if the content for each section is particularly lengthy. I doubt it would get you in trouble, but if you are creating substantial content for each area of study, this would work well on separate URLs _without _canonicalising to one particular page, as per your original structure.
Cheers,
Jane
-
I'd recommend using pagination over canonicals.
Refer to this post to learn how to implement them.
http://www.ayima.com/seo-knowledge/conquering-pagination-guide.html
-
Again, if the content is all on one page, partitioned into separate tabs, then there's no need for canonicals or anything else for that matter. You can configure your tabs so the overview is the default tab, the one that displays on entry to the page.
If the page becomes too lengthy or takes to long to load, then another option is to split it onto separate URLs and use page (rel=next and rel=prev) tags to relate them.
-
There is way too much content to fit onto one page - that is why I am using the tabular format. The question is should the content in all tabs be on the same URL or different URLs? And if different URLs should I use the canonical?
-
In my opinion, the content would ideally be located on the same page.
You have to balance that with the length of the content and the ability of the page to load quickly. Assuming you can get it all on one page, then you don't need canonical tags.
-
So I am laying the content out in tabular format. This actually leads to another question - should each tab be a separate URL or all on the same URL? Perhaps by keeping everything on the same URL this would also solve my canonical issue?
-
So the issue is that the content within each tab is definitely not duplicate but related. Ie one tab might be the plot summary while another tab consists of character descriptions. Ideally, I think the best user experience would be for all users to start on the overview though. So given that the content in each tab is NOT duplicate but it would be a better user experience to start at the overview, should I use canonical or is it safer to just leave it out?
-
I think I'm not understanding something. Why do you want to partition the content onto three pages? Why not just lay out the content so it displays in a tabular format? That way you don't have to worry about canonicalizing or paginating the content at all.
if you are concerned about page load tomes, then if would consider pagination instead. This post is an excellent resource for how (and when) to do that.
http://www.ayima.com/seo-knowledge/conquering-pagination-guide.html
-
The example you stated would prevent context and character tabs from being indexed in search engines. If these are unique content, you should reconsider because canonical was originally created for multiple urls with identical information. Place the tag anywhere in the header.
-
If those pages are essentially duplicate content, then you should use a canonical. If you Google to index each of those pages separately, and return each one in search results, then you should not use one. Do you want people who search for text that matches your context and character tabs closely to be linked directly into those tabs, or should they always start at the overview page? If they should always start at the overview, you can try the canonical tags. Be aware that if the page contents aren't very similar, Google may ignore these.
Anywhere in the is fine, it doesn't matter where you place it.
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
-
Http to https Canonical Question
Hello Fellow Moz Friends I have recently went from http to https for the website. Do I keep my canonicals at http or make all https? Will this affect ranking signals? Anything I should be looking out for? Thank you.
Intermediate & Advanced SEO | | Carwrapsolutions0 -
Using CSS to hide anchor text
Hi all, In my website, I would like to use CSS to set the anchor text to "website design service"(my company provides web design service) but show the button text as "website", due to some artistic reasons. Therefore, the anchor text for the link is "website design service" but what users see is "websites". Does this sound spammy to Google? Is it a risky move that might hurt my SEO? Looking for some advises here. Thank you very much. Best,
Intermediate & Advanced SEO | | Raymondlee0 -
No content using Fetch
Wooah, this one makes me feel a bit nervous. The cache version of the site homepage shows all the text, but I understand that is the html code constructed by the browser. So I get that. If I Google some of the content it is there in the index and the cache version is yesterday. If I Fetch and Render in GWT then none of the content is available in the preview - neither Googlebot or visitor view. The whole preview is just the menu, a holding image for a video and a tag line for it. There are no reports of blocked resources apart from a Wistia URL. How can I decipher what is blocking Google if it does not report any problems? The CSS is visible for reference to, for example, <section class="text-within-lines big-text narrow"> class="data"> some content... Ranking is a real issue, in part by a poorly functioning main menu. But i'm really concerned with what is happening with the render.
Intermediate & Advanced SEO | | MickEdwards0 -
Heading Tags (Specifically H2) being used within images
Hello, Mozzers I have a question regarding placement of heading tags. I have seen this asked a few times on the forum but some are from a couple years ago so wanted to get a more up to date answer regarding this. We want to add H2 tags across our site but our two options are to wrap images we are using as navigation on the top of the page, these are directly below our pages H1 tag and actually make sense. Example H1 title: Vehicles Images are specific brand logo with H2 being wrapped to pull the img alt: "Ford Vehicles" "Checvy vehicles" etc. The wrap would look something like this: I appreciate your time, Chris
Intermediate & Advanced SEO | | kirin443550 -
Meta description Tag who should it be used and what should it describe?
Hi when using the meta description tag how is it best used? what should it describe? should it describe the topic or the services offered i.e should it be a sales message for the services. For example: a page that promotes the benefits of acupuncture whilst pregnant should it describe the page content or the service provided? i.e. acupuncture for pregnancy in Chester or acupuncture can benefit pregnancy because.... thanks
Intermediate & Advanced SEO | | Bristolweb0 -
Multilingual sites: Canonical and Alternate tag implementation question
Hello, I would like some clarification about the correct implementation of the rel="alternate" tag and the canonical tag. The example given at http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 recommends implementing the canonical tag on all region specific sub-domains, and have it point to the www version of the website Here's the example given by Google. My question is the following. Would this technique also apply if I have region specific sites site local TLD. In other words, if I have www.example.com, www.example.co.uk, www.example.ca – all with the same content in English, but prices and delivery options tailored for US, UK and Canada residents, should I go ahead and implement the canonical tag and alternate tag as follows: I am a bit concerned about canonicalizing an entire local TLD to the .com site.
Intermediate & Advanced SEO | | Amiee0 -
Could adding canonical tags to large Ecommerce site ever hurt rankings? Temporarily?
We have a really large site we're working on who's product pages rank well for the most part but also have multiple products listed in different categories with different URL's. I'm assuming there's no downside to adding canonical tags to these right? Its peak season so I don't want to do anything that could, even temporarily, bring down their rankings. Thanks!
Intermediate & Advanced SEO | | iAnalyst.com0 -
301 Redirect or Canonical Tag or Leave Them Alone? Different Pages - Similar Content
We currently have 3 different versions of our State Business-for-Sale listings pages - the versions are: **Version 1 -- Preferred Version: ** http://www.businessbroker.net/State/California-Businesses_For_Sale.aspx Title = California Business for Sale Ads - California Businesses for Sale & Business Brokers - Sell a Business on Business Broker Version 2: http://www.businessbroker.net/Businesses_For_Sale-State-California.aspx Title = California Business for Sale | 3124 California Businesses for Sale | BusinessBroker.net Version 3: http://www.businessbroker.net/listings/business_for_sale_california.ihtml Title = California Businesses for Sale at BusinessBroker.net - California Business for Sale While the page titles and meta data are a bit different, the bulk of the page content (which is the listings rendered) are identical. We were wondering if it would make good sense to either (A) 301 redirect Versions 2 and 3 to the preferred Version 1 page or (B) put Canonical Tags on Versions 2 and 3 labeling Version 1 as the preferred version. We have this issue for all 50 U.S. States -- I've mentioned California here but the same applies for Alabama through Wyoming - same issue. Given that there are 3 different flavors and all are showing up in the Search Results -- some on the same 1st page of results -- which probably is a good thing for now -- should we do a 301 redirect or a Canonical Tag on Versions 2 and 3? Seems like with Google cracking down on duplicate content, it might be wise to be proactive. Any thoughts or suggestions would be greatly appreciated! Thanks. Matt M
Intermediate & Advanced SEO | | MWM37720