E-commerce

How to manage SEO when URLs differ between mobile and desktop?

How to manage SEO when URLs differ between mobile and desktop?

September 17, 2026

Wondering how to manage SEO when URLs differ between mobile and desktop? If your e-commerce store still uses separate URLs for mobile and desktop, search engine optimization requires extra work. With Google's mobile-first indexing, it is essential to set up appropriate annotations and redirects so you don't lose visibility.

Many merchants neglect mobile because conversion rates are often lower there. Yet, mobile shopping is exploding: during the holiday season, mobile devices accounted for 60% of traffic and 40% of online sales. If your URLs differ, every detail counts for Google to understand the relationship between your pages.

So how do you manage SEO when URLs differ between mobile and desktop? On the agenda:

  • Why do separate URLs complicate SEO?

  • What annotations should you add to link your mobile and desktop pages?

  • How to configure effective redirects between the two versions?

  • What pitfalls should you avoid to prevent penalizing your SEO?

  • How does Qstomy help improve your store's mobile experience?

Let's get started.

Summary

Why do separate URLs complicate SEO?

Having different URLs for mobile and desktop means that Google has to process two versions of each page. This complicates indexing because the search engine must determine which one is the most relevant for each query. Without a clear configuration, you risk diluting your authority and losing rankings.

Google's mobile-first indexing primarily uses the mobile version to rank your site. If your mobile URLs are not properly linked to their desktop equivalents, Google may not understand your site's structure. As a result, your pages may be poorly indexed or ignored.

To avoid this, it is crucial to set up appropriate annotations and redirects. These elements help Google associate each mobile page with its desktop version, and vice versa. Without them, your e-commerce SEO loses efficiency, especially if you are targeting qualified traffic.

Convert over 2,000 customers on average per month with Qstomy.

The world’s 1st Shopify AI dedicated to customer conversion

Empowering 200+ e-commerce merchants

What annotations should you add to link your mobile and desktop pages?

Annotations are lines of code inserted into mobile and desktop pages to indicate to Google that they are equivalent. On the desktop page, add a link rel="alternate" tag pointing to the corresponding mobile URL. On the mobile page, insert a link rel="canonical" tag pointing to the desktop version.

For example, if your desktop page is https://www.example.com/produit-42/, the alternate tag on this page must point to https://m.example.com/produit-42/. Conversely, the mobile page must have a canonical tag pointing to the desktop version. These annotations must link pages with similar content, not different pages.

You can also place these annotations in your XML sitemap, but this is less common and more difficult to test. Give preference to direct insertion into the HTML code of each page for optimal control.

How to set up effective redirects between the two versions?

Automatic redirects are more complex. Your server must detect the user's device type (via the user agent) and serve the appropriate version. For example, a visitor on a smartphone must be redirected to the mobile URL, even if they entered the desktop URL. This is known as an HTTP redirect.

Redirects can also be done in JavaScript, but they are slower and should remain a secondary option. Prioritize HTTP redirects for optimal performance. Make sure that the redirects are bidirectional: a desktop user requesting a mobile URL must be redirected to the desktop version, and vice versa.

Always redirect to the equivalent page, not to the homepage. If a mobile shopper lands on http://www.example.com/produit-42/, redirect them to http://m.example.com/produit-42/, not to the home page. This preserves search intent and user experience.

Why are one-way redirects insufficient?

Unidirectional redirects, which only work from desktop to mobile, are common but limited. They do not handle the case where a desktop user requests a mobile URL. This can lead to a poor experience, as the user remains on a version unsuitable for their device.

Bidirectional redirects are more robust. They ensure that every visitor receives the version of your site best suited to their device, regardless of the entry point. This improves satisfaction and reduces bounce rates, a positive signal for SEO.

Implement bidirectional redirects as soon as possible. Test them regularly to ensure they function correctly, especially after updates to your site or servers.

How do you manage the links between the mobile and desktop versions?

In the footer of each version, add HTML links to the other version of the same page. These links allow users to switch manually between mobile and desktop, which is useful if the desktop version offers additional features not available on mobile.

These links also serve as a signal to Google, which better understands the relationship between the two URLs. Make sure they are visible and functional on all pages, including product and category pages.

This improves the user experience and prevents visitors from getting stuck on a version that doesn't suit them. Good internal linking between the versions reinforces your site's coherence in the eyes of search engines.

Why does mobile-first indexing make these practices indispensable?

Google primarily uses the mobile version of your site to determine its ranking. If your mobile URLs are not properly configured, you risk losing positions, even if your desktop version is excellent. Mobile-first indexing means that Googlebot crawls and indexes your site with a mobile user agent.

This makes annotations and redirects even more critical. Without them, Google may not properly associate your mobile and desktop pages, leading to incomplete indexing or duplicate content errors.

By following these best practices, you ensure that Google understands your site's structure and that your pages are properly ranked, regardless of the device used by visitors.

What are the pitfalls to avoid with separate URLs?

A common pitfall is to redirect mobile users to the home page instead of the equivalent page. This breaks the experience and can increase the bounce rate. Another pitfall is forgetting annotations on certain pages, which leaves Google with no indication of the relationship between the versions.

Also, avoid serving different content on mobile and desktop. Google may consider this to be cloaking, a practice contrary to its guidelines. Ensure that the main content is identical, even if the layout differs.

Finally, do not neglect the loading speed of your mobile pages. A slow site on mobile can penalize your ranking, even with correctly configured URLs. Optimize images and code to offer a fast experience.

How to test and monitor your SEO configurations?

Use tools like Google Search Console to monitor the indexing of your mobile and desktop pages. Check that annotations are correctly detected and that redirects are working. Test regularly with user agent simulation tools to ensure that the correct versions are being served.

Monitor for crawl errors and duplicate content issues. If Google reports any problems, fix them quickly to avoid a loss of traffic. A regular SEO audit is essential to maintain the health of your site.

Also, remember to test the user experience on different devices. A site that is difficult to navigate on mobile can harm your reputation and your conversions, even if the SEO is technically correct.

What impact on mobile traffic and sales?

Mobile shopping is growing rapidly. During the end-of-year holidays, mobile devices accounted for 60% of traffic and 40% of online sales. Ignoring mobile means missing out on a significant share of your market. Optimized mobile SEO helps you capture this traffic and convert visitors into customers.

Shoppers often use their smartphones to search for gift ideas or compare prices. If your site is not optimized for mobile, they won't find you. By properly configuring your URLs, you improve your visibility in mobile search results.

This translates to more qualified traffic and potentially more sales. Do not underestimate the importance of mobile in your e-commerce strategy.

What are the best practices for a mobile-friendly e-commerce site?

Make sure your site uses the meta viewport tag for correct display on mobile devices. Pass Google's mobile-friendly test to verify that your pages are adapted. A responsive site is often easier to manage, but if you have separate URLs, follow the advice above.

Optimize loading speed by compressing images and minimizing code. Mobile users are impatient: every second of loading time counts. A fast site improves experience and ranking.

Also consider navigation: easy-to-use touch buttons and simplified menus. A good mobile experience encourages visitors to stay and make purchases, which is beneficial for your revenue.

How does Qstomy help improve your store's mobile experience?

Qstomy, the Shopify AI agent, guides your customers toward purchase, even on mobile. Thanks to personalized recommendations, upsell and cross-sell suggestions, and simplified parcel tracking, Qstomy improves conversion across all devices. It is used by more than 100 merchants to optimize the shopping experience.

With Qstomy, you can offer responsive customer support via chat, which is crucial for mobile users who have questions before buying. The AI agent also helps manage abandoned carts and respond to after-sales service requests, all from a unified interface.

By integrating Qstomy, you not only improve the mobile experience, but also your conversion rates. It is an asset for your e-commerce strategy, complementing your SEO efforts.

What checklist should be used before launching separate URLs?

Before launching or maintaining separate URLs for mobile and desktop, check the following points:

  • Annotations: each mobile page has a canonical tag pointing to the desktop version, and each desktop page has an alternate tag pointing to the mobile version.

  • Redirects: redirects are bidirectional and point to the equivalent page, not the homepage.

  • Footer links: HTML links allow switching between versions.

  • Mobile test: the site passes Google's mobile-friendly test.

  • Speed: mobile pages load quickly.

In short, separate URLs require special attention, but with these best practices, you can maintain a solid SEO. To go further, explore our guide on how SEO works for e-commerce sites.

FAQ

Why are annotations important? They help Google understand the relationship between mobile and desktop pages, thus preventing indexing issues.

Are JavaScript redirects acceptable? Yes, but they are slower than HTTP redirects. Use them as a last resort.

What if my site is responsive? If your site is responsive, you do not need separate URLs. Annotations and redirects are only necessary for sites with separate URLs.

To go further: E-commerce CRO: how to turn traffic into sales - Qstomy, Integrating customer service answers into an e-commerce SEO strategy useful to clients - Qstomy, E-commerce SEO strategy for category pages - Qstomy, How to create a payment gateway for an e-commerce site? - Qstomy, SEO for e-commerce sites: strategies that really work - Qstomy, What are the most popular Shopify stores? - Qstomy.

Enzo

September 17, 2026

Convert over 2,000 customers on average per month with Qstomy.

The world’s 1st Shopify AI dedicated to customer conversion

Empowering 200+ e-commerce merchants

Subscribe to the newsletter and get a personalized e-book!

No-code solution, no technical knowledge required. AI trained on your e-shop and non-intrusive.

*Unsubscribe at any time. We do not send spam.

Subscribe to the newsletter and get a personalized e-book!

No-code solution, no technical knowledge required. AI trained on your e-shop and non-intrusive.

*Unsubscribe at any time. We do not send spam.