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
-
Product Schema Markup for All Products
Hi Team, Google search console used to allow you to use their structured data markup helperhttps://www.google.com/webmasters/markup-helper/u/0/ to markup multiple product pages at once that were similar. I do not see this feature anymore with the new search console. Does anyone have a recommendation for marking up multiple product pages without having to have schema markup firing in GTM for each product page?
Technical SEO | | agrier0 -
Optimal use of keywords in header tag
what does optimal use of keywords in header tag actually mean given you indicate this as hurting seo factor?
Technical SEO | | Serg1550 -
Non-standard HTML tags in content
I had coded my website's article content with a non-standard tag <cnt>that surrounded other standard tags that contained the article content, I.e.</cnt> , . The whole text was enclosed in a div that used Schema.org markup to identify the contents of the div as the articleBody. When looking at scraped data for stories in Webmaster Tools, the content of the story was there and identified as the articleBody correctly. It's recently been suggested by someone else that the presence of the non-standard <cnt>tags were actually making the content of the article uncrawlable by the Googlebot, this effectively rendering the content invisible. I did not believe this to be true, since the content appeared to be correctly indexed in Webmaster Tools, but for the sake of a test I agreed to removing them. In the last 6 weeks since they were removed, there have been no changes in impressions or traffic from organic search, which leads me to believe that the removal of the <cnt>tags actually had no effect, since the content was already being indexed successfully and nothing else has changed.</cnt></cnt> My question is whether or not an encapsulating non-standard tag as I've described would actually make the content invisible to Googlebot, or if it should not have made any difference so long as the correct Schema.org markup was in place? Thank you.
Technical SEO | | dlindsey0 -
Shopify Canonicals for Tagged Filters
I've been researching this topic endlessly and thought I had arrived at a solution but Screaming Frog indicates my solution was not successful. Problem: I used tags to filter my collections pages. The result, I discovered, was the creation of dozens and dozens, maybe hundreds, of additional collection URLs for each possible permutation of tag filters. I would like to make the collection page URL, with no tag filters, the canonical. Proposed Solution: I found the following code described somewhere as the solution: {% if template contains 'collection' and current_tags %} {% else %} {% endif %} However, I crawled my site with Screaming Frog and found that the canonical link element is still listed as the URL with the tags included. The crawler does recognizes the "noindex" instruction. Any ideas on what the best move is here?
Technical SEO | | vgusvg0 -
Added Schema and Rankings Went Down
Hello - We launched a schema plugin for our WordPress site to make our blog seen as articles and main page as an organization. The day after, we saw a dramatic decrease in Keyword rankings but our website health improved with Google. Any thoughts on what could be causing this?
Technical SEO | | Erin_IAN0 -
Mobile Wordpress Plugins - keep look the same
Hello... I'm looking for some advice on Wordpress plugins to make my site optimized for mobile visitors. There are tons of plugins to choose from, but I'm looking for something that will keep the look of the site the same, just optimized to perform and view better on mobile devices.. Does anyone have any advice on good Wordpress plugins that will help accomplish what I'm looking for? Thanks
Technical SEO | | Prime850 -
Implementing Schema within Existing CSS tags
In implementing Schema with a site using CSS and containing existing tags, I want to be sure that we are (#1) using the tags effectively when used within a product detail template and (#2) not actually harming ourselves by telling Google that all products are named or described by the SS tag and not actually the product name or description (which obviously could be disasterous). An example of what we are looking at implementing is the following: Old: <ss:value source="$product.name"></ss:value> New: <ss:value source="$product.name"></ss:value> Old: <ss:value source="$product.description">New: <ss:value source="$product.description"></ss:value> Basically, is Schema at the point where the SS tag be replaced (in the eyes of the search engines) with the actual text and not the tag itself?</ss:value>
Technical SEO | | TechMama0 -
URL query strings and canonical tag
Hi, I have recently been getting my comparison website redesigned and developed onto wordpress and the site is now 90% complete. Part of the redesign has meant that there are now dynamic urls in the format: http://www.mywebsite.com/10-pounds-productss/?display=cost&value=10 I have other pages similar to this but with different content for the different price ranges and these are linked to from the menus: http://www.mywebsite.com/20-pounds-products/?display=cost&value=20 Now my questions are: 1. I am using Joost's All-in-one SEO plugin and this adds a canonical tag to the page that is pointing to http://www.mywebsite.com/10-pounds-products/ which is the permalink. Is this OK as it is or should i change this to http://www.mywebsite.com/10-pounds-products/?display=cost&value=10 2. Which URL will get indexed, what gets shown as the display URL in the SERPs and what page will users land on? I'm a bit confused so apologies if these seem like silly questions. Thanks
Technical SEO | | bizarro10000