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
-
Problems preventing Wordpress attachment pages from being indexed and from being seen as duplicate content.
Hi According to a Moz Crawl, it looks like the Wordpress attachment pages from all image uploads are being indexed and seen as duplicate content..or..is it the Yoast sitemap causing it? I see 2 options in SEO Yoast: Redirect attachment URLs to parent post URL. Media...Meta Robots: noindex, follow I set it to (1) initially which didn't resolve the problem. Then I set it to option (2) so that all images won't be indexed but search engines would still associate those images with their relevant posts and pages. However, I understand what both of these options (1) and (2) mean, but because I chose option 2, will that mean all of the images on the website won't stand a chance of being indexed in search engines and Google Images etc? As far as duplicate content goes, search engines can get confused and there are 2 ways for search engines
Web Design | | SEOguy1
to reach the correct page content destination. But when eg Google makes the wrong choice a portion of traffic drops off (is lost hence errors) which then leaves the searcher frustrated, and this affects the seo and ranking of the site which worsens with time. My goal here is - I would like all of the web images to be indexed by Google, and for all of the image attachment pages to not be indexed at all (Moz shows the image attachment pages as duplicates and the referring site causing this is the sitemap url which Yoast creates) ; that sitemap url has been submitted to the search engines already and I will resubmit once I can resolve the attachment pages issues.. Please can you advise. Thanks.0 -
Question Concerning HTML5/CSS Templates & Google Mobility Issues
Hi all, Looking for some kind of solution for a responsive update for a site and I am wondering if there are any templates (not Wordpress) that are both great SEO wise and would also pass muster with the impending Google update for responsiveness? I was looking at things like Canvas and Porto ( http://themeforest.net/popular_item/by_category?category=site-templates ) but can't find any discussion on whether or not these things have been addressed with any of these templates. If any of you have suggestions or other places to look for something that could possibly fit the bill (even if temporarily) I would be very appreciative. Thank you so much in advance!
Web Design | | Pixelwik1 -
Quality Designer with Photography Skills? Any Firm recommendation?
Looking for freelancer or firm that can do the following? Any recommendation here? Graphic designer needed for a women apparel brand. Our business is mainly online and we are seeking designers to design graphics for each section of our website. (Homepage, category pages etc) I'd love to find someone who's very good not only at the graphic design of websites, but can provide design into the UI / UX of the actual tools & back-end dashboards. Thank you for considering this opportunity. Candidates who possess ALL three experiences are preferred. Graphic Design (Photoshop, Illustrator) Photography Clothing, Shoes, Bags or at the very MINIMUM female products or services experiences You are both a talented graphic designer AND possess female product (Clothing/shoes/bags) or services experiences. Job Description:
Web Design | | WayneRooney
We are looking for a talented Graphic Designer who will be responsible for creating compelling and innovative visual design solutions. We need good design and inspiring photography that looks inviting and signals quality for our website. You do not need to code CSS/HTML, you just need to provide us high end designs that will look as good as the design sample attached.
Here's what you need to know. Your responsibilities: Use bespoke homepage imagery and design to set a positive first impression of the site and convey its brand values. Great product photography is particularly important in visually-driven industries. Understand business and user requirements for each section of our websites (Shoes, Clothing etc) Translate requirements into highly engaging and compelling design concepts Effectively conceptualize, design and create high-quality visuals in a variety of formats Good design and inspiring photography is essential. Your qualifications: -Photoshop & Adobe Illustrator expert with a lot of experience in designing homepages, category pages and other pages of the site. Firm understanding of intelligent UX/UI Design Strong grasp of visual design principles, information design, typography, color, imagery and iconography Compelling portfolio that demonstrates elegant and innovative visual design Site that we think is awesome and example of graphics/photography design of our standard: Crateandbarrel.com Potterybarn.com llbean.com macys.com Anyone knows where to get quality designer which has the skills above? Thanks0 -
Is it cloaking/hiding text if textual content is no longer accessible for mobile visitors on responsive webpages?
My company is implementing a responsive design for our website to better serve our mobile customers. However, when I reviewed the wireframes of the work our development company is doing, it became clear to me that, for many of our pages, large parts of the textual content on the page, and most of our sidebar links, would no longer be accessible to a visitor using a mobile device. The content will still be indexable, but hidden from users using media queries. There would be no access point for a user to view much of the content on the page that's making it rank. This is not my understanding of best practices around responsive design. My interpretation of Google's guidelines on responsive design is that all of the content is served to both users and search engines, but displayed in a more accessible way to a user depending on their mobile device. For example, Wikipedia pages have introductory content, but hide most of the detailed info in tabs. All of the information is still there and accessible to a user...but you don't have to scroll through as much to get to what you want. To me, what our development company is proposing fits the definition of cloaking and/or hiding text and links - we'd be making available different content to search engines than users, and it seems to me that there's considerable risk to their interpretation of responsive design. I'm wondering what other people in the Moz community think about this - and whether anyone out there has any experience to share about inaccessable content on responsive webpages, and the SEO impact of this. Thank you!
Web Design | | mmewdell0 -
Mobile and SEO
We are in the process of building a responsive version of our site for mobile users (currently about 20% of total traffic). What are the most important SEO considerations we should be aware of when it comes to this kind of project? Thanks
Web Design | | halloranc0 -
Responsive Web Design WordPress Template Suggestions
Does anyone have any RWD WP templates they would suggest? It's for a friend of mine that is starting a local solar panel installation company. For the beginning, he likely will not have more than a handful of categories and subcategories. I'd say no more than 50 total pages. Any suggestions would help. He doesn't want to spend more than $50 - $100, but he's not married to that figure if it's worth it. Thanks everyone, Ruben
Web Design | | KempRugeLawGroup0 -
How to handle International Duplicated Content?
Hi, We have multiple international E-Commerce websites. Usually our content is translated and doesn't interfere with each other, but how do search engines react to duplicate content on different TLDs? We have copied our Dutch (NL) store for Belgium (BE) and i'm wondering if we could be inflicting damage onto ourselves... Should I use: for every page? are there other options so we can be sure that our websites aren't conflicting? Are they conflicting at all? Alex
Web Design | | WebmasterAlex0 -
How to make AJAX/javascript website more seo friendly?
I have a website that is heavy on AJAX. I need recommendations on how to add content as well as other on page ompitizations. The website is a luxury brand for 6 resorts, each with their own subfolder. The website is http://me.graficode.com/preprod/.
Web Design | | Melia0