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
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 1
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 2
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 3
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 4
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 5
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 6
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 7
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 8
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 9
www.webnots.com Page 10