Answer the question
In order to leave comments, you need to log in
How to make an adaptive header on the site in terms of SEO?
The site has a header, it contains quite a few different elements (logo, phone numbers, addresses, menus, etc.). This whole thing needs to be done carefully in the mobile version of the site, but due to the large number of elements, this is extremely problematic. In this regard, the idea came up to completely make up a new header for mobile phones. So the question itself is: will Yandex and Google like that the site will essentially have two headers: one for desktop, the other for mobile?
Answer the question
In order to leave comments, you need to log in
Hello.
Of course, the ideal option is to get by with one markup for both desktop and mobile devices. But in some cases this is not possible.
Here comes the choice of what to donate to us:
What effect does this have on SEO? Some probably have, but practically zero.
Sites often display the logo twice - in the header and in the footer. The menus are also duplicated. And phones. And then there is repetitive content. Nothing, it's going well.
Logic dictates that duplicate content on a page is not very pleasing to search engines.
Practice answers that it doesn’t matter to anyone and you need to focus on more important things.
Do what is more convenient for you and users, search engines have problems much more serious than a double-repeated logo in neighboring blocks.
The impact on SEO is about zero. Find more important things in life to worry about. For example, launch a website and make sure that no one needs it, Google does not show it in the search results, and there are problems a million times more important than your ridiculous problem, and finally stop asking stupid questions.
It's easy to google. Google's answer - different html for desktop and mobile is ok.
Judging by the fact that Materialize, using Google's guidelines, offers a retractable sidebar for a mobile view with duplication of navigation, logo, etc., SEO will not suffer. I use a similar approach on several sites - no one complains, search engines index.
Hide one header via JS - so that it is not visible in html)
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question