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
-
Using Button Links vs Sidebar Menu
I have a services page with a lot of rich text and a slideshow of images. Currently, I am using a column of buttons to various services, and am wondering if a sidebar menu would be more effective for Google to crawl and rank?
Web Design | | cinchmedia0 -
Ecommerce web design read more toggle vs menu link on home page and product pages
Hello, We have an Ecommerce store. We have a lot of content on the home page and product pages and we are going back and forth between which one to use between a toggle "Read More" "Show Less" toggle for each section and a anchor linked menu. We have long product pages We're thinking a read more toggle is more appropriate for category descriptions so that they can go at the top of the category and not take up space. But the read more toggle with lots of content scrolls the page down and doesn't scroll it back up when you hit "show less" We're leaning towards a linked menu for the home pages and product pages for this reason, but an accordion type set of toggles would look nicer. What do you recommend, and how have you set up your read more toggles if they have lots of info so that they are not confusing? Are there other options? ' Not looking for code (I can do that) I'm looking for ideas on the cleanest home page, category pages, and product pages when they have tons and tons of textual content. Wanting to trim it up and make it look compact and neat! Thanks!
Web Design | | BobGW0 -
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 -
Legitimate hidden text and H1s are "OK?" Show me the data!
I'm trying to promote the SEO perspective during a site redesign so I'm researching the impact of design requests: Embedding text in graphic headers and applying to the graphics to get the SEO value Reducing view-able text on a page for design reasons and by using JavaScript to hide text in accordions or tabs. SEOmoz uses these techniques on their ranking report and most of what I read in teh forums says it is OK to hide text if your motives are pure and the text displays in a text-only browser. But I do SEO, not SEOK. I want to optimize, not just avoid penalties. And I try to make decisions based on data, not just anecdotes. Are there any studies out there on the effects these hidden-text topics? How much difference DOES it make to have the text exposed? Since there is potential for spam with these techniques, why would Google give the same rank to pages with and without hidden text? When I'm balancing UX and SEO, I want to clearly define the trade-off. What have you done when faced with this dilemma?
Web Design | | integra-telecom0 -
Site Redesign: Bounce rate, converstion, page views, etc.
Hi Fellow Mozzers, I had a few questions regarding some analytics data we have been seeing since our redesign. Just last week we did a site design overhaul at www.lylif.com. One of the biggest changes we immediately saw was a 15-20% increase in our bounce rate. However, our conversion rates, page views, pages per visit, and site duration has increased. If anyone has some insight as to why we may be having such a large increase in our bounce rate that would be most helpful!
Web Design | | lylif11 -
Looking for a Static Blog Roll (Directory) plug in / tool
I am looking to add a static page to my site to allow people to add their site to a 'master directory". I'd like to make this as SEO friendly as possible. Here's it what I would really like to be able to do. 1. Someone visits the page and can either browse the blog directory on that page, or 2. Fill out a short from that has their blog name, url, short description of their blog, their state, country, and maybe the option to upload an image as well. This way people can search by the state / country to find people near by. 3. I'd like the links to be no-follow. 4. I'm not sure if there is an easy way to do this (I think I've seen some plug in's that may be able to do it.) 5. I'm also not sure if there is anything I'm missing here that could make this better. What I don't want is just a long list of links like everyone has on their side bar. I'd like to make it better, more user friendly, more seo friendly, and more helpful than that. Any creative input on how I might do this is appreciated. Thanks. 🙂
Web Design | | NoahsDad0 -
Hosting/design company that is both cheap and has a nice partner package. Any ideas?
I need to signon with a hosting/design company that is both cheap and has a nice partner package. Any ideas?
Web Design | | christinarule0 -
Wordpress Design Pricing
Why on earth did you say you could get a quality template designed and coded for a few hundred bucks? Im a professional designer, I expect to make 75 an hour which is actually low. And you think I should be able to design and code a high quality wordpress site in a few hours. You are killing my business and encouraging people to hire low quality developers or take work out of America. Im very offended by your comments. Why dont you try living on 5 bucks an hour !! You just spit in the face of all good designers.
Web Design | | compasslocal0