Mobile header and Schema Tags
-
We have recently made a website I work on responsive. This involved taking their original desktop site and then making it work on mobiles/tablets. Due to the nature of their existing header we are serving a different version to mobiles/tablets.
Do the schema tags which are on the desktop header need to be added to the mobile version or are they just needed on the desktop code?
-
Hi Edward,
Schema tags are intended to a) indicate with more granularity what a given element is on a page (e.g. 'review', 'recipe', 'video file', etc.), and b) this information can sometimes be used by Google for rich snippets in the SERPs. So whether you need to include these tags in the mobile version of your header will depend on what they are describing. If the code for the header is different for the desktop and mobile versions, but you do have the same element and you do want the schema tags to be there, you'll need to include them; if the element which you're marking up in the desktop header isn't present in the mobile header, don't include them.
There aren't currently (to my knowledge) specific Schema tags which indicate a 'mobile site'. (The ones that Robert mentioned seem to be for marking up a page featuring a mobile app). If you had a separate URL for mobile visitors, such as m.domain.com, you would need a mobile 'rel=canonical' tag to avoid duplicate content but that doesn't sound like it's the case for your site.
It sounds to me like you're using dynamic serving, rather than a pure responsive design. (pure responsive only changes the CSS whereas dynamic serving keeps the same URL but serves up different HTML based on user agent). If this is the case, you'll also want to include a vary HTTP header based on user agent. (the Google guidelines for how to do this are here.) This indicates to Google that you are serving a different HTML based on user agent, and not cloaking.
Hope that helps!
-
Given what you have here, the schema should be added to the mobile.
Best
-
Sorry if this wasn't clear.. there is a different version of the header which is pulled in for the mobile version. The structure and contents of the desktop header was too complicated to use on a mobile, the client didn't want to amend the design of the desktop site. Only the header section is different, everything else is the same code.
-
Edward,
When you say you made the site responsive and you serve a different version for mobile and tablets, I have to say I am confused. Are you stating that you made a site responsive, and you are serving a site that is different for mobile/tablet? My first thought is why make the site responsive if you are going to serve a mobile site?
For mobile there is schema that you should use (again, I am assuming you are serving two versions).
Best
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
-
Size of image for article Schema
Hi, I implemented schema markup for an article and all tested fine and I can see it being fired in preview mode of Google Tag Manager. But when I run the URL which has it applied through Google Structured Testing tool it is not appearing. I have now read that the image needs to be a certain size. For AMP articles this appears to be 12oo pixels wide http://www.thesempost.com/google-changes-image-size-requirements-amp-articles/ But what about non-AMP articles? Does it need to be that big too?
Technical SEO | | AL123al0 -
Desktop in http and mobile in https
Any experience or advice you can share of having a mix set of pages/urls in one site/domain https and http e.g. mobile in https and desktop in http , (desktop version) http://mydomain/product1 (mobile version)https://m.mydomain.com/product1 att the same time some mobile pages still in http://m.mydomain.com/sectionA/ thanks
Technical SEO | | arnoldcr0 -
Same H1 & H2 Tags
Is it bad to have the same H1 & H2 tag on one page? I found a similar question here on the moz forum but it didn't exactly answer my question. And will adding "about" on the H2 help, or should we avoid duplicate tags completely? Here is a link to the page in question (which will repeat throughout this site.) Thanks in advance!
Technical SEO | | Mike.Bean0 -
Mobile site not ranking
Hello, I have a m.site.com version of my original site. It is about 1/10 the size, and no matter what I do-I can't get the site to rank. I've added more pages and specified canonical etc etc. Should I add as many pages as my larger site has? Are there specific places I should be submitting this version beyond the typical? I am at a loss, so any help would be greatly appreciated! Thanks! L
Technical SEO | | lfrazer1 -
Mobile site: robots.txt best practices
If there are canonical tags pointing to the web version of each mobile page, what should a robots.txt file for a mobile site have?
Technical SEO | | bonnierSEO0 -
Unique Title Tags OR Unique Content?
The content management system for my e-commerce site will not allow me to add both: unique content and unique title tags to each of my product category pages. Since I am forced to choose one or the other...which one is more important for rankings? And please dont answer "get a new CM system"...thats not an option. Thanks
Technical SEO | | rcarll0 -
Meta tags question - imagetoolbar
We inherited some sites from another vendor & they have these tags in the head of all pages. Are they of any value at all? Thanks for the help! Wick Smith
Technical SEO | | wcksmith0 -
Canonical Tag
Does it do anything to place the Canonical tag on the unique page itself? I thought this was only to be used on the offending pages that are the copies. Thanks
Technical SEO | | poolguy0