Member Avatar for vikap10

Hello,

I currently own a html based website which is hosted on a linux server. I will like to have a subdomain like m.example.com which will have a mobile version of my current site.

Is there any good software which can automatically covert my current site to mobile version? How can I redirect my site to the mobile version if someone uses a mobile device.

Await replies. Thank you.

  • 5 Contributors
  • 4 Replies
  • 383 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by Member #685911

Dani AI

Generated

A short, practical plan for (and everyone weighing m.example.com vs a responsive site): converting a static HTML site into a mobile-friendly site is best done with responsive CSS whenever possible. Responsive design keeps one URL per page, is easier to maintain than separate mobile subdomains, and is the approach Google calls easiest to implement and maintain. As pointed out, modern CSS (flexbox/grid + breakpoints) lets a single template adapt across phones, tablets, and desktops — WordPress/plugins (as and noted) can speed this, but they’re not required. (developers.google.com)

Immediate, low-effort checklist to get visible mobile improvements:

  • Add the viewport meta tag so mobile browsers render at device width:

    <meta name="viewport" content="width=device-width, initial-scale=1">

  • Use a mobile‑first stylesheet, fluid containers/images (max-width:100%), and media queries for breakpoints rather than device sniffing. Start small: fix layout and font sizes, then tweak navigation and touch targets. (developer.mozilla.org)

If you still prefer an m.example.com variant (what described as UA detection + redirect), follow these rules exactly: keep content parity between desktop and mobile pages; on the desktop page add a rel="alternate" link to the mobile URL and on the mobile page add rel="canonical" back to desktop; verify both domains in Search Console; treat Googlebot like any other user-agent when redirecting. Be prepared for extra maintenance, increased crawl load, and caching complications — use the Vary header carefully if you do server-side device detection. (developers.google.com)

Test and iterate: use Chrome DevTools Device Mode and run Lighthouse/PageSpeed audits, then try real phones for touch and performance checks. Make performance (payload size, images, fonts) your priority — a fast, simple mobile page beats a heavy, “mobile-only” skin every time. (developer.chrome.com)

Summary workflow: pick approach → add viewport + basic responsive rules → verify layout on devices → run Lighthouse and Search Console checks → tweak performance and metadata (canonical/alternate) if you use separate URLs.

Recommended Answers

All 4 Replies

Member Avatar for weekendrockstar

This site may be of help: http://mashable.com/2010/12/16/create-mobile-site-tools/ it lists 8 different solutions from different companies that can help turn you standard Web site into a mobile one.

The post on the page is over a year old so some of the info as far as what is offered for free from each company may have changed. But you can click on each title to visit the Web site to see what the solution offers and if they still offer a free service.

Generally they will give you a code snippet to add to your pages to determine whether they are visiting your site in a standard browser or if they are indeed visiting through a mobile device and need to see the mobile version of your site.

Member Avatar for TopCat23

I would recommend switching your website to Wordpress as you can download and use a plugin called, 'Jet Pack'. One of it's features will automatically create a mobile version of your website for you.

Edited by TopCat23
Member Avatar for shahidsidd

TopCat23 is right, You can just install wordpress and its pretty simple to use plugins that will change your website after detecting user agent. But if you want to create an HTML static pages or you do not want to use wordpress and want to create your own mobile version of your website. You can follow step by step tutorial to create mobile website.

Member Avatar for Member #685911

i would also go for wordpress and skip the idea to create a m.example.com

just create a version of your template using CSS that resizes with the size of the screen or mobile device. if you google for responsive websites that will help you to understand what i mean. check mashable.com for instance. there i no m.mashable.com, they just adjust the contenct to the screen size and it loads very fast.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.