頭條搜索移動(dòng)端頁面規(guī)范
移動(dòng)端搜索是用戶獲取信息的越來越重要的來源，在用戶信息獲取上發(fā)揮了不可替代的作用，頭條想要攜手資源方和站長給予用戶更好的移動(dòng)端搜索體驗(yàn)，幫助用戶順利完成整個(gè)搜索過程。
術(shù)語解釋
詳情頁： 用戶點(diǎn)擊某條搜索結(jié)果后進(jìn)入的頁面，展示和該鏈接相關(guān)的擴(kuò)展內(nèi)容，類型通常包括文章內(nèi)容頁、商品詳情頁等。
主體內(nèi)容： 文章標(biāo)題至正文內(nèi)容結(jié)尾的部分，文章翻頁屬于主體內(nèi)容。不包括文章后的用戶評(píng)論、相關(guān)推薦等。
首屏： 用戶點(diǎn)擊搜索結(jié)果后跳轉(zhuǎn)的頁面，不滑動(dòng)屏幕所看到的部分稱為首屏。首屏面積不包含瀏覽器邊框等部分，僅考慮網(wǎng)頁本身展現(xiàn)的長度。
一屏： 用戶滑動(dòng)屏幕，任意停留時(shí)看到的所有展示內(nèi)容，稱為一屏。
移動(dòng)端適配： PC頁面兼容移動(dòng)場景的方式，保證用戶可以直接看清內(nèi)容，不需要額外做放大、縮小操作。
廣告： 包括站外商業(yè)廣告，站內(nèi)的app推廣、二維碼、運(yùn)營活動(dòng)、廣告專題頁面。內(nèi)容詳情、圖片、評(píng)論及內(nèi)容推薦，不算作廣告。
APP引導(dǎo)： 通過懸浮窗、彈窗、文字、圖片等方式引導(dǎo)用戶下載或調(diào)起APP的行為。
頁面規(guī)范標(biāo)準(zhǔn)
1. 可訪問度
即用戶是否能夠順暢的看到頁面，考量頁面是否能打開、打開成本和訪問速度。
1.1 加載時(shí)間
首屏加載時(shí)間不得超過2s。
1.2 權(quán)限頁
為了提升信息獲取效率，用戶可以直接獲得信息，不需要額外付出權(quán)限成本；
不可提示登錄或者注冊(cè)，或需要權(quán)限才可訪問整個(gè)頁面；
在h5可觀看、操作的功能，不得強(qiáng)制調(diào)起外部APP才可查看。
負(fù)面case ：需要權(quán)限才可閱讀
image.png
1.3 彈窗遮擋
用戶進(jìn)入詳情頁必須可直接看到主體內(nèi)容，不得出現(xiàn)彈窗、懸浮窗等遮擋主體。
負(fù)面case：懸浮窗遮擋主體：
image
1.4 適配移動(dòng)端
頁面需要適配移動(dòng)端，無需用戶手動(dòng)放大或縮小。
負(fù)面case：移動(dòng)端訪問網(wǎng)站進(jìn)入了pc站點(diǎn)
image.png
2. 廣告
頁面廣告主要分為彈窗和頁面內(nèi)嵌廣告，過多的廣告會(huì)引起用戶反感，甚至影響用戶找到并瀏覽主體內(nèi)容。彈窗廣告是否強(qiáng)制用戶優(yōu)先瀏覽也會(huì)很大程度上影響用戶體驗(yàn)。
2.1 網(wǎng)盟廣告
落地頁中廣告為網(wǎng)盟廣告或?qū)Я鹘M件時(shí)，不鼓勵(lì)跳轉(zhuǎn)其他搜索結(jié)果頁。
負(fù)面 case：詳情頁廣告跳轉(zhuǎn)到其他搜索結(jié)果頁
image
正面case : 鼓勵(lì)的廣告樣式 跳轉(zhuǎn)網(wǎng)站或網(wǎng)站詳情頁
image
2.2 廣告位置
需盡量減少廣告對(duì)閱讀體驗(yàn)的負(fù)面影響，不允許使用懸浮/吸底廣告
負(fù)面case：吸底廣告
image.png
從首屏頂部至主體部分結(jié)束，嚴(yán)禁插入任何形式的廣告推廣信息。（翻頁功能區(qū)也算作主體）
負(fù)面case：文章主體插入廣告
image.png
負(fù)面case：翻頁插入廣告
image.png
2.3 廣告面積
首屏廣告面積不超過20%，
負(fù)面case ：首屏廣告面積超過20%
image.png
主體內(nèi)容之后，任何一屏廣告面積不超過40%
負(fù)面 case：一屏廣告超過40%
image.png
2.4 廣告內(nèi)容
內(nèi)容需正規(guī)合法，避免低俗、賭博等紅線內(nèi)容
負(fù)面case：
image.png
禁止出現(xiàn)誘導(dǎo)性垃圾廣告（如：您的瀏覽器即將崩潰，是否立即清除緩存）
負(fù)面case：誘導(dǎo)性垃圾廣告
image.png
跳轉(zhuǎn)廣告頁需規(guī)范，點(diǎn)擊返回按鈕可正常返回文章詳情頁
不得有分時(shí)段/地區(qū)投放垃圾廣告的行為
2.5 廣告樣式
嚴(yán)禁出現(xiàn) 任何形式的懸浮彈窗廣告 （遮屏、吸底、兩側(cè)懸?。?/p>
負(fù)面case ：遮屏廣告、右側(cè)懸浮廣告
image
廣告閃動(dòng)/抖動(dòng)不固定：不允許有影響閱讀體驗(yàn)的閃動(dòng)、抖動(dòng)不固定的情況。
廣告與功能按鈕重疊：不得放在用戶容易誤點(diǎn)的區(qū)域，如播放、購買功能按鈕和廣告有重疊。
負(fù)面case：翻頁按鈕和網(wǎng)站廣告易造成誤點(diǎn)
image
廣告設(shè)計(jì)：需做到字體規(guī)整，字號(hào)適當(dāng)，配色美觀，廣告內(nèi)容視覺感知需與頁面和諧，不使用低俗 惡心、惡意博取眼球的圖片，留白得體。
負(fù)面case：低俗廣告博人眼球
image.png
廣告需有明顯標(biāo)識(shí)，不可與推薦內(nèi)容樣式混同，誤導(dǎo)用戶。
負(fù)面case： 同推薦內(nèi)容樣式混同會(huì)誘導(dǎo)用戶誤點(diǎn)
image.png
引導(dǎo)拉端及強(qiáng)制下載
引導(dǎo)用戶調(diào)起或下載app后閱讀全文；直接呼起手機(jī)中的app或應(yīng)用商店。增加了用戶的搜索體驗(yàn)成本，嚴(yán)重破壞了用戶的搜索體驗(yàn)
負(fù)面case：用戶無法在頭條內(nèi)閱讀全文
image.png
負(fù)面case 2: 引導(dǎo)用戶app內(nèi)閱讀
image.png
負(fù)面case 3：搜索結(jié)果直接調(diào)起應(yīng)用商店
image
尾聲
頭條堅(jiān)決與破壞用戶搜索體驗(yàn)的落地頁斗爭，對(duì)于不符合落地頁規(guī)范的網(wǎng)站將直接影響搜索結(jié)果在搜索引擎中的排序。
來源：頭條搜索站長平臺(tái)
