As the future of the web and the world is going towards mobile, every webmaster needs to have a mobile version of their site which is simple and effective. Your mobile site should be compact and convenient to the users and search engines and here is a crash course on creating a mobile site and some important points before you go live with your mobile site. Since mobile search engines are different from normal desktop search engines users will see a different result in mobile hence optimizing your mobile site for search engines is also an important factor to derive traffic.
Steps in Creating Your Mobile Site
The basics steps in creating your mobile site differ based on the builder tool you choose. Here are the list of common steps to be carried out after your regular site is imported into a mobile site builder tool and before publishing your mobile site.
1. Select Your Layout and Pages
Select your mobile layout and pages you feel important to shown to the mobile users. A typical mobile site will have the following pages:
- Mobile Home
- Blog Feed
- About Us
- Contact Us
Make your site is compact by using simple navigation styles to help the user reach your content easily. You can also link your social connection in your mobile navigation links so that the users can easily visit your social content and like or follow you. It is also a good idea to try out drag and drop website builder tools like Duda to check if that can make your task simpler.
2. Edit Your Content
Though most of the compatible contents are automatically imported into your mobile site, you need to delete and add the content suitable for mobiles. Here are some important points to be taken care:
- If you own a local business it is highly useful to add “Click to Call” and “Mobile Maps” functionalities to increase your sales
- Remove large text contents imported from your regular site and provide only the important content in a compact manner
- Make use of bulleted list to shorten big paragraphs
- Adjust your images to fit and load faster in mobile devices
3. Set Your Redirect
The important point after you gone live with your mobile site is to set a redirect from your regular site. This is a piece of code provided by your mobile site builder to be placed between the HEAD tags in a home page of your regular website. When a user visits your regular URL from a mobile device this piece of code automatically redirects the user to your mobile site.
Make sure you provide a link to your desktop site so that the users can go back to your regular site if not convenient with your mobile site. Let the user choose the version he prefers to see and the option to choose to choose between mobile and desktop sites at any point of time.
4. Test Your Mobile Site
After you setup a redirect it is highly recommended to open your regular website in various phone models. This ensures that the redirect is working fine as well as your site looks perfect in various phones like Android mobile, Android tabs, Apple iPhone, Apple iPad and Windows phones. In case of any issues you can adjust your site and republish it accordingly.
5. Mobile Site Tracking
In order to monitor and track your mobile sites separately from your regular site, you need to submit your mobile Sitemap in your Webmaster Tools account. This helps the mobile search engines to crawl and index your mobile pages easily. You can also set your Google Analytics tracking code in your mobile site if you want to track your conversions and traffic data.
Note: Most of the WordPress themes are fluid and responsive in nature which automatically fits your content to the available width of the screen. If you are creating a separate mobile site for AMP or any other reasons, make sure to cache the mobile pages separately instead of serving the same desktop version of cached pages to avoid layout mismatches.