百度 Site App

百度 Site App

概述

平臺(tái)支持的站點(diǎn)類型

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

對(duì)開發(fā)者的要求

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

流程指南

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

賬戶申請(qǐng)

如何申請(qǐng)

馬上申請(qǐng)，已有百度帳號(hào)，點(diǎn)擊這里登錄。

添加站點(diǎn)

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

建議：

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

定制效果

Step1:樣式

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

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

Step2:導(dǎo)航

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

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

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

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

Step3:全局

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

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

驗(yàn)證站點(diǎn)

如下圖所示，您可以選擇任意一種方式驗(yàn)證站點(diǎn)

溫馨提示：

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

完成界面

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

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

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

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

域名部署

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

CNAME 配置指南什么是 CNAME？

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

為什么要配置 CNAME？

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

如何配置 CNAME？

以 DNSPod 為例

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

更多域名提供商 CNAME 配置教程請(qǐng)見：

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

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

優(yōu)化工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

合作案例

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