概述

平臺支持的站點類型

理論上，只要不是全 flash 網(wǎng)頁或者大量 frame 框架結(jié)構(gòu)的站點，百度 Site App 都可以支持。但是由于目前 Site App 平臺對一些復(fù)雜腳本的處理方式有待改善，且對于注重交互功能的頁面轉(zhuǎn)化效果欠佳，因此建議以閱讀和瀏覽類為主的站點，優(yōu)先選擇使用百度 Site App；其他類型的站點，可以實際測試效果，根據(jù)效果的改善情況適時參考是否選用。

對開發(fā)者的要求

• 具有對網(wǎng)站主域或子域驗證權(quán)限
• 具有網(wǎng)站域名 DNS 解析權(quán)限
• webapp 域名配置權(quán)限

流程指南

如何使用 Site App，盡快讓用戶使用，標(biāo)準(zhǔn)流程如下圖所示：

http://wiki.jikexueyuan.com/project/seo/images/3.png" alt="" />

賬戶申請

如何申請

http://wiki.jikexueyuan.com/project/seo/images/4.png" alt="" />

馬上申請，已有百度帳號，點擊這里登錄。

添加站點

輸入需要生成 WebApp 的網(wǎng)站地址，如下圖所示：

http://wiki.jikexueyuan.com/project/seo/images/5.png" alt="" />

建議：

1. 建議您提交頂級域名，這樣其下子域名將自動生成 WebApp,無須多次操作。（什么是頂級域名？）
2. 若您有特殊需求，只需要某個子域打造成 WebApp，則您直接提交子域地址即可
3. 百度 Site App 是將 pc 網(wǎng)站轉(zhuǎn)換成 WebApp，所以為了保證最佳效果，請勿使用手機(jī)站點地址。

定制效果

Step1:樣式

http://wiki.jikexueyuan.com/project/seo/images/6.png" alt="" />

您需要給 WebApp 起個響亮的名字。同時提供上傳網(wǎng)站 logo 功能，使 WebApp 更加多彩。

目前平臺提供 5 套模板：通用模板 A、B、C 提供電話、在線溝通、短信等轉(zhuǎn)化組件；列表風(fēng)格簡單明快，列表可以連續(xù)加載；網(wǎng)頁風(fēng)格提供多種導(dǎo)航，可自由布局。以上 5 套模板都提供多種配色方案。您可以根據(jù)網(wǎng)站的特點及喜好進(jìn)行相應(yīng)的選擇。

Step2:導(dǎo)航

定制導(dǎo)航 WebApp，搭建 WebApp 框架。 系統(tǒng)會自動從原 PC 站提取一級導(dǎo)航，您可對導(dǎo)航進(jìn)行編輯、調(diào)序、刪除、添加二級導(dǎo)航等。

http://wiki.jikexueyuan.com/project/seo/images/7.png" alt="" />

新增導(dǎo)航有兩種方法：手動添加導(dǎo)航或去原網(wǎng)頁提取導(dǎo)航

http://wiki.jikexueyuan.com/project/seo/images/8.png" alt="" />

當(dāng)沒有一個一級導(dǎo)航處于選中狀態(tài)時，點擊添加和提取的是一級導(dǎo)航。 當(dāng)某一個一級導(dǎo)航處于選中狀態(tài)時，點擊添加和提取的是該選中一級導(dǎo)航的二級導(dǎo)航。 1.手動添加導(dǎo)航 點擊添加導(dǎo)航出現(xiàn)如下圖輸入框，輸入導(dǎo)航名稱、PC 頁面的鏈接地址點擊確定即可添加。

http://wiki.jikexueyuan.com/project/seo/images/9.png" alt="" />

2.去原網(wǎng)頁提取導(dǎo)航 點擊提取導(dǎo)航，彈出原 PC 界面如下圖。點擊想要添加成導(dǎo)航的內(nèi)容，藍(lán)色浮層表示選中；通過放大和縮小鍵控制框選的范圍，確定后點擊定義為導(dǎo)航即可。

http://wiki.jikexueyuan.com/project/seo/images/10.png" alt="" />

Step3:全局

主要是對網(wǎng)站基本信息的設(shè)置，讓您的 WebAPP 更突出個性化。同時此處可以設(shè)置轉(zhuǎn)化組件，如 webapp 電話、短信、在線咨詢、地圖等。

右側(cè)手機(jī)可預(yù)覽系統(tǒng)自動生成的頁面效果。 如想優(yōu)化頁面效果，可在完成建站流程后 到“管理我的 webapp => 優(yōu)化工具”中進(jìn)行頁面效果的優(yōu)化定制。

http://wiki.jikexueyuan.com/project/seo/images/11.png" alt="" />

驗證站點

如下圖所示，您可以選擇任意一種方式驗證站點

http://wiki.jikexueyuan.com/project/seo/images/12.png" alt="" />

溫馨提示：

1. 驗證站點的目的只是確保您擁有該網(wǎng)站的操作權(quán)限，不會對您的網(wǎng)站帶來任何的風(fēng)險。
2. 在下載驗證文件或嵌入 html 標(biāo)簽時，請不要關(guān)閉該頁面，同時請在下載代碼或獲取文件之后，不要嘗試刷新頁面或從新請求，那樣會造成動態(tài)文件變化，導(dǎo)致驗證失敗。
3. 下載驗證文件或復(fù)制 html 標(biāo)簽，需要當(dāng)即驗證，否則下載文件及復(fù)制代碼將失效，導(dǎo)致驗證失敗。

完成界面

完成以上所有步驟后，恭喜您 WebApp 創(chuàng)建完畢！等待審核，審核時長約 1 個工作日。

在提交審核的同時系統(tǒng)自動分配了 WebApp 的訪問地址，在通過審核后該域名即可訪問。

仍建議您為手機(jī)站配置專屬移動域名，配置成功即可進(jìn)行移動變現(xiàn)管理；也會更好的進(jìn)行網(wǎng)站個性化推廣，以及網(wǎng)站品牌形象的維護(hù)。

手動配置的域名會優(yōu)先生效，而自動分配的訪問地址將帶給您多一層保障，再無須擔(dān)心域名過期導(dǎo)致的站點無法訪問等問題。

http://wiki.jikexueyuan.com/project/seo/images/13.png" alt="" />

域名部署

1. 綁定一個專屬 webapp 域名。
2. 請將您已提交的 WebApp 域名的 CNAME 解析到 siteapp.baidu.com *需在 6 小時內(nèi)完成此操作，否則域名配置失效。

CNAME 配置指南什么是 CNAME？

指別名記錄也被稱為規(guī)范名字。這種記錄允許您將多個名字映射到同一臺計算機(jī)。

為什么要配置 CNAME？

在 WebApp 制作中，配置 CNAME 是為了自定義您的 WebApp 域名，例如 m.a.com 或 wap.a.com。

如何配置 CNAME？

以 DNSPod 為例

http://wiki.jikexueyuan.com/project/seo/images/14.png" alt="" />

• A.主機(jī)記錄處填你希望的 WebApp 域名（比如希望新建的 WebApp 域名為 m.a.com，只需要在主機(jī)記錄處填寫 m 即可）
• B.記錄類型為 CNAME
• C.線路類型（默認(rèn)為必填項，否則會導(dǎo)致部分用戶無法解析；在上圖中，默認(rèn)的作用為：除了聯(lián)通用戶之外的所有用戶，都會指向 1.com）
• D.記錄值為 CNAME 指向的域名，填寫 siteapp.baidu.com，記錄生成后會自動在域名后面補(bǔ)一個“.”，這是正?，F(xiàn)象
• E.MX 優(yōu)先級不需要填寫
• F.TTL 不需要填寫，添加時系統(tǒng)會自動生成，默認(rèn)為 600 秒。（TTL 為緩存時間，數(shù)值越小，修改記錄生效時間越快）
• 不同的域名提供商提供的 CNAME 配置界面、選項會有細(xì)微差異，您只需重點把握 A、B、D 三個選項即可。

更多域名提供商 CNAME 配置教程請見：

擴(kuò)展服務(wù)

成功建站的 WebApp 還可獲取真機(jī)測試、變現(xiàn)管理、質(zhì)量報告、生成應(yīng)用、統(tǒng)計等服務(wù)。

優(yōu)化工具

Webapp 的頁面效果可在這里進(jìn)行定制優(yōu)化。

左側(cè)可輸入原 PC url 查看頁面效果；下方是系統(tǒng)推薦定制的 url 和您已經(jīng)完成定制的 url。

右側(cè)手機(jī)界面展示自動生成的頁面效果，可隨意點擊手機(jī)界面進(jìn)入相應(yīng)頁面，點擊上方的“立即優(yōu)化”即可對頁面效果進(jìn)行定制，如下圖。

http://wiki.jikexueyuan.com/project/seo/images/54.jpg" alt="" />

點擊優(yōu)化進(jìn)入到定制界面，在左側(cè) PC 頁面點擊您希望添加到 WebApp 的內(nèi)容，輸入內(nèi)容名稱及地址鏈接后，選擇希望轉(zhuǎn)化的組件，最后點擊添加即可，見下圖

http://wiki.jikexueyuan.com/project/seo/images/15.png" alt="" />

完成頁面效果定制的 url 會保存到下圖左側(cè)，每定制一個保存一個。

http://wiki.jikexueyuan.com/project/seo/images/55.jpg" alt="" />

系統(tǒng)會對網(wǎng)站的頁面類型進(jìn)行分析。完成分析后，對于屬于同一個頁面類型的頁面會聚合到一起，形成“頁面類型 1”、“頁面類型 2.3.4.5...” 此時可使用批量應(yīng)用功能。

批量應(yīng)用功能是指：

以下圖為例，在“頁面類型 1”中，曾對三個頁面定制了三種頁面效果（樣式 1、樣式 2、樣式 3）。以其中一個 “樣式 2”的頁面效果為標(biāo)準(zhǔn)，對于同屬于“頁面類型 1”下的其他頁面批量應(yīng)用“樣式 2”的效果（不包括樣式 1、樣式 3 的頁面）。

注：同一個頁面類型中，只能選一個“樣式”的效果作為標(biāo)準(zhǔn)。

http://wiki.jikexueyuan.com/project/seo/images/56.jpg" alt="" />

數(shù)據(jù)統(tǒng)計

平臺支持添加百度統(tǒng)計代碼，添加后到百度統(tǒng)計查看更專業(yè)的數(shù)據(jù)及相關(guān)分析。添加方法如下： 登陸百度統(tǒng)計，進(jìn)入主界面后點擊“網(wǎng)站中心”

http://wiki.jikexueyuan.com/project/seo/images/16.png" alt="" />

在網(wǎng)站列表處點擊“新增網(wǎng)站”

http://wiki.jikexueyuan.com/project/seo/images/17.png" alt="" />

輸入手機(jī)站點域名點擊確定

http://wiki.jikexueyuan.com/project/seo/images/18.png" alt="" />

即可獲取該手機(jī)站的統(tǒng)計代碼

http://wiki.jikexueyuan.com/project/seo/images/19.png" alt="" />

復(fù)制代碼添加至平臺百度統(tǒng)計代碼的輸入框內(nèi)即可。 添加代碼后，可到百度統(tǒng)計查看相關(guān)數(shù)據(jù)統(tǒng)計。

合作案例

請見案例展示專區(qū)：http://siteapp.baidu.com/example_show