: SEO - Responsive Website and Duplicated Menus Whenever I create a Responsive Website I usually create 2 menus: 1 hidden and used for mobile and the other displayed as the main menu, then

@Lee4591628

You can use display: flex and then specify an alternative order: n value for divisions that moves your menu division above or below other divisions.

In other words, you don't need two menus with the same content if you always hide one or other of them.


A guide to FlexBox
W3C Flexible Box Layout

Vote Up Vote Down

@Gonzalez347

You have nothing to worry about. You can use display: none; to switch menus. Search engines are much better at understanding JS and CSS.

As long as you are not intentionally trying to manipulate things to get a better ranking. Using display: none; to hide big blocks of text will get you penalized. So if you are only using to hide your desktop menu on mobile and visa verse you are not in any danger. Take a look a this old thread from StackExchange:

How bad is it to use display: none in CSS?

Google is actually quite fond of responsive design and prefers it to a separate mobile site.

Here is a good article on "SEO of Responsive Design"

Also, check out this article/video:

Matt Cutts (Google), said that you don’t have to worry about there being a down side, related to SEO, when using a responsive design approach for mobile web sites.

Vote Up Vote Down