Learn step by step illustration of how to

create your own free mobile app in

Baidu webmaster tools.

Create Your Free

Mobile Site App in

Baidu Webmaster

Tools

Step By Step Illustration in English

www.webnots.com

www.webnots.com Page 1

How to build a free mobile site with Baidu Webmaster Tools?

Baidu webmaster tools offers simple and free mobile site builder to convert your desktop

website to a powerful mobile site. This is a complete free service from Baidu and surprisingly

mobile editor is being offered as a part of free Baidu webmaster tools account.

Since Baidu offers webmaster tools only in Chinese it is difficult for webmasters to make use of

it even with translation tools. This article explains step by step illustration of creating your own

mobile site in Baidu webmaster tools account.

The following are the steps involved in creating your mobile site and each step is explained in

details in the below sections.

Step1: Login to Your Account

Step2: Go to Site App Section

Step3: Select Your Site

Step4: Customizing Your Mobile Site

Step5: Mobile Page Adjustments

Step6: Optimize Your Mobile Content

Step7: Adjust Mobile Site with Side By Side Desktop Site Preview

Step8: App Name and Footer Settings

Step9: DNS and Mobile Redirect Settings

Step10: Publish Your Mobile App

Step11: Check Status of Your Mobile Site

www.webnots.com Page 2

Site1: Login to Your Account

Click here to go to Baidu webmaster tools site and login to your account.

FIGURE 1 - LOGIN TO YOUR ACCOUNT

Step2: Go to Site App Section

Select “Site App” options under “Other Tools” menu as shown in the picture. Click on “Create

WebApp” button to start building your free mobile app.

You will be taken to Baidu’s site app web page.

www.webnots.com Page 3

FIGURE 2 - GO TO SITE APP SECTION

Step3: Select Your Site

You will see all the verified sites under your webmaster tools account in the site app builder

screen. Learn here how to add and verify a site in Baidu webmaster tools account.

FIGURE 3 - SELECT YOUR SITE

www.webnots.com Page 4

Select the site for which you want to build your mobile site.

Step4: Customizing Your Mobile Site

You have the options to select your layout, colour and the style for your mobile site and the

preview will be shown instantly in the mobile view. Once you are done click on the next button

to go to the step.

FIGURE 4 - CUSTOMIZING YOUR MOBILE SITE

Step5: Mobile Page Adjustments

Here all your pages will be shown along with the mobile preview. Arrange the order of your

pages and check the preview in the mobile view.

www.webnots.com Page 5

FIGURE 5 - MOBILE PAGE ADJUSTMENTS

Once you are done click on the next button to go to next step.

Step6: Optimize Your Mobile Content

Optimize your individual mobile pages to fit into a mobile view. Clicking on the optimize link will

take you to another page showing your desktop and mobile sites side by side.

FIGURE 6 - OPTIMIZE YOUR MOBILE CONTENT

www.webnots.com Page 6

Step7: Adjust Mobile Site with Side By Side Desktop Site Preview

Here you can see your desktop and mobile site side by side and adjust each element in a page to

suite mobile view. Save your changes after completing your adjustments and you will be

redirected back to the page optimization section as in the step6.

FIGURE 7 - ADJUST MOBILE SITE WITH SIDE BY SIDE DESKTOP SITE PREVIEW

Step8: App Name and Footer Settings

Your mobile site is almost ready now. Provide a name and select the footer settings, for example

you can enable Baidu search box in the footer of your mobile site.

www.webnots.com Page 7

FIGURE 8 - APP NAME AND FOOTER SETTINGS

Step9: DNS and Mobile Redirect Settings

Select an app URL for your mobile site and point the same to “siteapp.baidu.com” in CNAME

record of your DNS settings.

www.webnots.com Page 8

FIGURE 9 - DNS AND MOBILE REDIRECT SETTINGS

Copy and paste the redirect code in your site’s header section, when someone opens your site in

a mobile this redirect helps to send the user to your mobile site.

Step10: Publish Your Mobile App

The last step in building your mobile site is to enter the app URL and save your changes.

www.webnots.com Page 9

FIGURE 10 - PUBLISH YOUR MOBILE APP

Step11: Check Status of Your Mobile Site

You can see the status of your mobile site and the percentage of completion any time from the

“Site App” link in your webmaster tools account.

FIGURE 11 - CHECK STATUS OF YOUR MOBILE SITE

www.webnots.com Page 10