Requirements for mobile menu design have created a duplicated menu in the text/cache view.
-
Hi,
Upon checking the text cache view of our home page, I noticed the main menu has been duplicated.
Please see: http://webcache.googleusercontent.com/search?q=cache:http://www.trinitypower.com&strip=1
Our coder tells me he created one version for the desktop and one for the mobile version. Duplicating the menu cannot be good for on page SEO. With that said, I have had no warnings reported back from Moz. Maybe the moz bots are not tuned to looks for such a duplication error.
Anyway, the reason the coder created a different menu for mobile in order to support the design requirements. I did not like the look and feel of the responsive version created based on the desktop version.
Hi solution to this problem is to convert the Mobile version menu into ajax. what do you guys think?
Thanks,
Jarrett
-
Thanks George, much appreciated.
-
Hi Jarrett,
Although the menus probably look different in your designs (an assumption on my part), the HTML looks identical on the link you provided (ULs/LIs). If the HTML is the same, then you'll use CSS to vary the appearance of them - specificially using the viewport on responsive mobile which is designed for exactly this scenario.
Perhaps I'm missing some other dev reason why it can't be done, but using ajax for this, even if you do attempt to block Google crawling it sounds like an over-engineered solution.
George
-
thanks George,
The menu for the mobile view is quite different... mega menu style. I may go back to pure responsive, but what do you think of this proposed solution from my developer?
"The original menu were responsive. But for new mobile menu, I had to create new separate responsive menu for mobile version. Because I couldn't implement the new design on existing menu. Both menus are same in terms of text but different in terms of tags and structure.
***For the Ajax, the menu will call from other URL and we can disallow this URL to crawl for Google and other Search Engine. So in the text version only one version will be displayed."
It feels like a hack to me and I am concerned about it both being browser compatible moving forward and if there would be any negative impact I can't think of having do to with mobile crawl bots.
Thanks,
Jarrett
-
Hi,
Moz won't report this as an issue because there's no such detectable issue as having duplicate content on the same page. Duplicate content issues are discovered between two or more pages.
You could ajax the mobile menu, but given that google can and will crawl with javascript enabled, it will probably still come across 2 menus.
Personally I'd tell the developer to come up with a responsive solution. Looking at the markup, I'm guessing there will be at least some similarities between desktop and mobile menu experiences. Possibly a bit more painful in the short term, but worth it in the long run.
George
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
-
How does ARIA-hidden text appear to search engines
I'm having trouble getting my accessibility team to add alt text to our site's images for SEO benefits as they feel some of it would add additional noise for screen readers. They proposed using ARIA-hidden attributes to hide the text but I'm wondering if will that be interpreted as a cloaking tactic to search engines? Also, I'm wondering if it the alt text will carry the same weight if ARIA-hidden is used. Has anyone had any experience with this? I'm having trouble finding any research on the topic.
Web Design | | KJ6001 -
How important is anchor text in your sitemap?
I've read in a few recent articles that using keyword anchor text in your HTML sitemap is a good idea i.e. important. How important do you think it is? I'd love to hear your thoughts. Example 1: Widgets: View All Colors: Red | Blue | Green | Yellow | Orange | Purple Types: Oversized | Large | Small | Miniature Example 2: Widgets: View All Widgets Colors: Red Widgets | Blue Widgets | Green Widgets | Yellow Widgets | Orange Widgets | Purple Widgets Types: Oversized Widgets | Large Widgets | Small Widgets | Miniature Widgets
Web Design | | Choice0 -
Duplicate Content Issue: Mobile vs. Desktop View
Setting aside my personal issue with Google's favoritism for Responsive websites, which I believe doesn't always provide the best user experience, I have a question regarding duplicate content... I created a section of a Wordpress web page (using Visual Composer) that shows differently on mobile than it does on desktop view. This section has the same content for both views, but is formatted differently to give a better user experience on mobile devices. I did this by creating two different text elements, formatted differently, but containing the same content. The problem is that both sections appear in the source code of the page. According to Google, does that mean I have duplicate content on this page?
Web Design | | Dino640 -
What Are The Hazards to Changing Over to Responsive Web Design?
We have recently re-programmed our website to Responsive Web Design. All the URLs have remained the same, all the content is unchanged. We have this new version sitting on a development server and are finding ourselves hesitant to make the changeover. Our rankings are great currently, and our question is whether or not there are any risks that we will incur by making this change. We would appreciate any advice on how to implement this change safely. Or if that's it's even possible to insure that there won't be ranking losses.
Web Design | | gfiedel0 -
Building a Mobile Site: Tools?
I've been tasked with re-building our company's mobile site and honestly have zero experience doing so. I know my way around HTML pretty well and have built several websites but never for mobile. Does anybody have any recommendations for me as far as tools to use to construct a proper mobile site? I basically want a simple page with four buttons on the front and a little drop down menu in the top corner. (not that this matters terribly but just saying, shouldn't need to be overly complicated.) Thanks in advance!
Web Design | | jesse-landry0 -
Duplicate content on mobile sites
Hi Guys We are launching a mobile webshop later this year and have decided to use a subdomain for this. (m.domainname.xx). The content will be more or less identical with the one on the standard desktop site (domainname.xx), but im struggeling to find out if this will create dipplicate content between the mobile and desktop site. Does anyone have a solid answer for this one?
Web Design | | AndersDK0 -
Duplicate Page Content
Currently experiencing duplicate pages for all hotel pages. What would be recommendation to fix the pop up pages that uses javascript? | http://www.solmelia.com/hoteles/espana/tenerife/redlevel-at-gran-melia-palacio-de-isora/en/visor.html?pest=fotos http://www.solmelia.com/hoteles/espana/tenerife/redlevel-at-gran-melia-palacio-de-isora/en/visor.html?pest=localizacion http://www.solmelia.com/hoteles/espana/tenerife/redlevel-at-gran-melia-palacio-de-isora/en/visor.html?pest=panorama http://www.solmelia.com/hoteles/espana/tenerife/redlevel-at-gran-melia-palacio-de-isora/en/visor.html?pest=tourVisual |
Web Design | | Melia0 -
SEOMoz crawl report shows a duplicate content and duplicate title for these two url's http://freightmonster.com/ and http://freightmonster.com/index.html. How do I fix this?
What page is attached to http://freightmonster.com/ if it is not the index.html ? Should I do a redirect from the index page to something more descriptive?
Web Design | | FreightBoy1