百度 Site App

2018-08-12 21:51 更新

百度 Site App

概述

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

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

對開發(fā)者的要求

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

流程指南

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

賬戶申請

如何申請

馬上申請,已有百度帳號,點(diǎn)擊這里登錄。

添加站點(diǎn)

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

建議:

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

定制效果

Step1:樣式

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

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

Step2:導(dǎo)航

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

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

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

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

Step3:全局

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

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

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

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

溫馨提示:

  1. 驗(yàn)證站點(diǎn)的目的只是確保您擁有該網(wǎng)站的操作權(quán)限,不會對您的網(wǎng)站帶來任何的風(fēng)險(xiǎn)。
  2. 在下載驗(yàn)證文件或嵌入 html 標(biāo)簽時(shí),請不要關(guān)閉該頁面,同時(shí)請?jiān)谙螺d代碼或獲取文件之后,不要嘗試刷新頁面或從新請求,那樣會造成動態(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í)長約 1 個(gè)工作日。

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

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

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

域名部署

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

CNAME 配置指南什么是 CNAME?

指別名記錄也被稱為規(guī)范名字。這種記錄允許您將多個(gè)名字映射到同一臺計(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),否則會導(dǎo)致部分用戶無法解析;在上圖中,默認(rèn)的作用為:除了聯(lián)通用戶之外的所有用戶,都會指向 1.com)
  • D.記錄值為 CNAME 指向的域名,填寫 siteapp.baidu.com,記錄生成后會自動在域名后面補(bǔ)一個(gè)“.”,這是正?,F(xiàn)象
  • E.MX 優(yōu)先級不需要填寫
  • F.TTL 不需要填寫,添加時(shí)系統(tǒng)會自動生成,默認(rèn)為 600 秒。(TTL 為緩存時(shí)間,數(shù)值越小,修改記錄生效時(shí)間越快)
  • 不同的域名提供商提供的 CNAME 配置界面、選項(xiàng)會有細(xì)微差異,您只需重點(diǎn)把握 A、B、D 三個(gè)選項(xiàng)即可。

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

公司品牌 cname 官方配置教程
萬網(wǎng) http://www.net.cn/service/faq/jzwt/scyy/201111/5125.html
DNSPOD https://www.dnspod.cn/support/index/fid/105
35 互聯(lián) http://www.dns-diy.com/help.htm
商訊國際 http://www.bizxun.com/help/domain2.asp
新網(wǎng)互聯(lián) http://www.dns.com.cn/main/public_doc.php?doc=DomainReg/mydns
易名中國 http://help.ename.cn/faq/faqinfo/84
西部數(shù)碼 http://www.west263.com/faq/list.asp?unid=423
中資源 http://help.zzy.cn/info.asp?id=328
商務(wù)中國 http://www.bizcn.com/news?module=newsdetail&newsid=3283
美橙互聯(lián) http://www.cndns.com/help/index.asp?classid=3&id=224

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

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

優(yōu)化工具

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

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

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

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

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

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

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

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

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

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

平臺支持添加百度統(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ǒng)計(jì)代碼的輸入框內(nèi)即可。 添加代碼后,可到百度統(tǒng)計(jì)查看相關(guān)數(shù)據(jù)統(tǒng)計(jì)。

合作案例

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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號