Remove ?m=1 parameter from URLs in Blogger ~ BMItv blog

When using Blogger, URLs often include the ?m=1 parameter for mobile versions, which can clutter links and potentially affect SEO performance. Below are methods to remove this parameter efficiently.

Method 1: Vanilla JavaScript (Client-Side Approach)

Key2Blogging suggests using Vanilla JavaScript on the client side to enhance the URL’s visibility for users. While this improves link cleanliness, it does not provide a real SEO advantage.

Remove ?m=1 Parameter Using JavaScript

More details: Key2Blogging Article // Key2Blogging Video

Method 2: Cloudflare Worker (Server-Side Approach)

Fineshop Design suggests using Cloudflare Worker for server-side redirection. Although this method does not entirely remove Google Search Console errors (such as Alternative page with proper canonical tag or Page with redirect), it helps reduce the occurrence of unwanted redirections on mobile and tablet devices.

Redirection Using Worker.js

/**
 * Environment interface
 * 
 * @typedef Env
 * @property {string} my_var
 */

/**
 * A helper function to get the device type from user-agent
 * 
 * @param {string | null} userAgent
 * 
 * @returns {"mobile" | "tablet" | "desktop"}
 */
const getDeviceType = (userAgent) => {
  if (typeof userAgent === "string") {
    if (MOBILE_REGEX.test(userAgent)) {
      return "mobile";
    }

if (TABLET_REGEX.test(userAgent)) {
      return "tablet";
    }
  }

// Everything else not matched above will be considered as desktop
  return "desktop";
}

/**
 * An object with workers handlers
 * 
 * @type {ExportedHandler<Env>}
 */
const worker = {
  async fetch(request, env, context) {
    // Get the device type from user-agent header
    const deviceType = getDeviceType(request.headers.get("User-Agent"));

const proxiedUrl = new URL(request.url);
    // Set the search param 'm' with value '1' if the device type is not 'desktop'
    if (deviceType !== "desktop") {
      proxiedUrl.searchParams.set("m", "1")
    }

const proxiedRequest = new Request(proxiedUrl, {
      method: request.method,
      body: request.body,
      headers: request.headers,
      redirect: "follow"
    });

const proxiedResponse = await fetch(proxiedRequest);

const response = new Response(proxiedResponse.body, proxiedResponse);

// OPTIONAL: You can further modify the response here :)

return response;
  }
}

// Export handlers
export default worker;

More details: Fineshop Design Article

Method 03: Cloudflare Worker to force desktop User-Agent (Server-Side Approach)

It's possible to use Cloudflare Workers to enforce a desktop user-agent server-side, ensuring Blogger always perceives visitors as desktop users. By concealing the mobile user-agent, this approach prevents Blogger from appending ?m=1 or ?m=0 to URLs, maintaining a unified browsing experience across all devices. This method offers the strongest SEO advantages, preventing search engines from treating mobile and desktop versions as distinct entities.

Worker.js Implementation

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  //return fetch(request);
  let updatedUserAgent = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/126.0.0.0 Safari/537.36";
  let currentUserAgent = request.headers.get("User-Agent") || "";

let url = new URL(request.url);

// Force HTTPS if the request is coming in via HTTP
  if (url.protocol === "http:") {
    url.protocol = "https:";
    return Response.redirect(url.toString(), 301); // Permanent redirect
  }
  
  // If the User-Agent is already set to the updated one, forward the request without modification
  if (currentUserAgent === updatedUserAgent) {
    return fetch(request);
  }

// Otherwise, modify the headers and send the request
  let modifiedHeaders = new Headers(request.headers);
  modifiedHeaders.set("User-Agent", updatedUserAgent);

let modifiedRequest = new Request(request, { headers: modifiedHeaders });
  return fetch(modifiedRequest);
}

BMItv blog

Popular Posts

Categories

Blog Archive

Sunday, May 5, 2024

Remove ?m=1 parameter from URLs in Blogger