Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
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