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