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
-
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 -
Using hreflang tags properly.
On my site "example.com" I have set up the following in the header: The problem is that the tags are universal across the site, so every page has these tags, leading obviously to no return tag errors. I.e. the page www.example.ca/testing.html still has the tags: Not tags with "testing.html" in them. How bad is this? Does it matter?
Technical SEO | | absoauto0 -
Problem of possible duplicate title tag and description. Help me!
Hi everybody, I'm optimizing this huge website that has a lot of identical categories for differente locations. I'm trying to find a smart way to write title and description for these categories, changing the location as a variable on the title and description phrase. Here some examples: Title: Attractions in [CITY]. Sightseeings, monuments and museums in [CITY]. Description: Find travel ideas and suggestions for [CITY]. On [NAME OF THE WEBSITE] you can find a lot of attractions, monuments and sightseeing off the beaten path in [CITY]. Changing only the name of the CITY on these Titles and Descriptions, am I running the risk of duplicate title and description? Thanks in advance for your help!
Technical SEO | | OptimizedGroup0 -
Is it ok to use H1 tags in breadcrumbs?
A client has an e-commerce site and she doesn't want a page title on the products page. She has breadcrumbs though. Her website developer suggests putting the H1 on the breadcrumbs. So: products> Gifts > picture frame with h1 tags round the word "picture frame". Is this ok to do? Or is it a bad thing for SEO purposes? Thanks
Technical SEO | | AL123al0 -
Schema for video object
I use this schema for my page: itemtype="http://schema.org/VideoObject"> Video: <span itemprop="name">Interview with the Foo Fighters</span itemprop="name"> <meta itemprop="duration" content="t1m33s" ></meta itemprop="duration" content="t1m33s" > <meta itemprop="thumbnail"< p=""></meta itemprop="thumbnail"<> content="foo-fighters-interview-thumb.jpg" /> <param ...></param ...> <embed type="application x-shockwave-flash" ...=""></embed type="application> <span itemprop="description">Catch this exclusive interview</span itemprop="description"> with Dave Grohl and the Food Fighters about their new album, Rope. But i cannot make it work on my website: Tumbnail des not appear <meta itemprop="thumbnail" content="foo-fighters-interview-thumb.jpg" ></meta itemprop="thumbnail" content="foo-fighters-interview-thumb.jpg" > i use for ejemple <meta itemprop="thumbnail" content="http: www.mywebsite.com="" diretion-of-the-foto.jpg" =""></meta itemprop="thumbnail" content="http:> But no only does not appear foto on page as there is no button to start video, just a blank page is seen as result of the code. Can someone helpme with a own ejemple on is website. Thanks
Technical SEO | | maestrosonrisas0 -
Tagging Assets
As I am finding ways to integrate keyword diversity into my key landing pages, I want to start adding META information to content such as images and videos. 1. Any blog posts on best practices you can send me to? 2. Can I add META information to iFrames? Or do i have to rely on the tags added within Vimeo & You Tube? Thank you again
Technical SEO | | GladdySEO0 -
Duplicate content + wordpress tags
According to SEOMoz platform, one of my wordpress websites deals with duplicate content because of the tags I use. How should I fix it? Is it loyal to remove tag links from the post pages?
Technical SEO | | giankar0