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
-
Alt Tags on HTML5 Videos
We are wanting to add alt tags to all of our non-text content, from experience, what is the best method for alt tags for HTML5 Videos?
Technical SEO | | hydra_creative0 -
Content on desktop and mobile
My website hasn't using responsive design and separate domain for mobile optimize, But we using dynamic serving for mobile version, Read more about dynamic serving here So our website must different design for both version, And then what would be happen in term of SEO if our website hasn't show the same content as desktop but still align with the main content, Such as Desktop has longer content compare to mobile version or Desktop has long H1 but mobile is shorter than. What should we do for this case and how to tell Google Bot.
Technical SEO | | ASKHANUMANTHAILAND0 -
Header Logo and H1
I would like to use the website logo on our site as the H1 for the homepage (see top 'Covers' logo http://www.covers.com/index.aspx ). I have found one of our sister sites with code like this Gracenote with CSS that sets the text to 'transparent' and the background image to the logo. My question is would the text be consumed or ignored by the robot? Unfortunately, wedging an H1 in anywhere else is not possible at this time, so this is my best option. Is this change worthwhile? THanks in advance.
Technical SEO | | evansluke0 -
Schema Wordpress plugins
Hi Can anyone recommend a good Schema plugin for wordpress sites, does anyone know if Yoast SEO plugin has schema features ? Cheers Dan
Technical SEO | | Dan-Lawrence0 -
Impact of Adding a Mobile Site
Hi, we ranked very well for keywords trophies and trophies and awards on our home page, trophycentral.com for quite a while (many years). Recently we dropped off the charts, but are not sure why. So we posted this issue last week and got some great suggestions and are in the process of addressing them. However, we are now wondering if we caused this issue when we launched our mobile site a few months ago (timing makes sense). Has anyone had trouble with a mobile site impacting their traditional site? I am wondering if maybe google is splitting the traffic to the trophycentral domain and the m.trophycentral.com domain? Here is the code we have< script type="text/javascript" src="http://lib.store.yahoo.net/lib/sportsawards/mobile-redirection.js">script>Appreciate your comments!
Technical SEO | | trophycentraltrophiesandawards0 -
Schema for Services
There are many schemas for products, but I don't see any for services. They have intangible offers, but it's still for selling a product. I contacted Schema.org an no response. Here is the schema: http://schema.org/Offer So my question for someone who sells a service: What is the schema for a service like insurance, shipping, financial services?
Technical SEO | | Francisco_Meza0 -
How do you embed a YouTube video in a mobile version?
I want the video to be compatible on all mobile phones (Android, iPhone, Blackberry....).
Technical SEO | | petrakraft0 -
How to configure mobile website?
Hi, Please tell me how to make the mobile website availabe: htp://m.mysite.com or http://www.mysite.com i.e. to render different content based on user agent but on the same URL
Technical SEO | | IM_Learner0