I have an adaptive website, and in the mobile version, we put the same data as the desktop version, but in special tabs which are accessible via route URL change.
For example, we have the profile
page, in desktop, it's only the /profile
page. But in the mobile
page, there are several tabs. For example: /profile?tab=about
, /profile?tab=posts
, and more.
The canonical for the mobile page is exactly as same as the currently active tab (ex: /profile?tab=posts
) and for the desktop version is /profile
Google use SmartPhone bot to crawl the website, so it gets multiple canonical, and in the website, it handled that without redirecting or anything else, it shows the page. For example when desktop user come to /profile?tab=posts
, he or she will see the desktop content of /profile
which is for desktop.
Is this a good way to handle mobile and desktop canonical? or for all pages, I need to use only /profile