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=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
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