• 流量入口概述
  • 抖音
  • 直播挂载
  • 短视频挂载
  • 抖音个人页
  • 复访入口
  • 搜索入口
  • 小程序别名与标签搜索
  • 小程序名称搜索
  • 搜索服务直达
  • 搜索FAQ
  • 小程序Web化介绍
  • 开发建议
  • Web化页面体验规范
  • 页面适配及调试
  • web化实现差异
  • 接入配置
  • Web化进搜索概述
  • 常见问题FAQ
  • 今日头条
  • 头条极速版
  • 页面信息设置

    页面基础信息包括标题、摘要、Keywords 等信息。这些页面基础信息内容,会影响到爬虫抓取和算法理解效果,需要开发者进行符合搜索要求的设置。
    可以通过 tt.setPageInfo 设置页面信息。
    页面基础信息的设置应与页面本身的内容相关,建议先通过 tt.request 请求开发者 server,由开发者 server 返回相关信息,再通过 tt.setPageInfo 设置到页面中。

    页面直达访问

    由于用户搜索后会直接访问该页面,因此需要保证提交页面能够作为落地页直达访问。

    兼容能力适配

    由于 Web 化后的页面是供搜索理解,Web 化环境的特殊性导致其不支持部分小程序能力。
    其中需要重点关注的能力为登录、定位等跟用户信息相关的授权能力均不支持,不支持 webview 组件
    总体来说,需要保证页面渲染,不被以下能力阻塞。
    不支持的能力列表见:Web 化功能差异表

    搜索访问信息说明

    搜索理解页面时,有专属的 UA 和 Referer 。开发者的服务端可以通过这些信息区分搜索和客户端的访问流量。
    搜索访问 UA:
    // PC Mozilla/5.0 (compatible; Bytespider; https://zhanzhang.toutiao.com/) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.0.0 Safari/537.36 // Android Mozilla/5.0 (Linux; Android 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Mobile Safari/537.36 (compatible; Bytespider; https://zhanzhang.toutiao.com/) // iOS Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.36 (KHTML, like Gecko) Version/7.0 Mobile Safari/537.36 (compatible; Bytespider; https://zhanzhang.toutiao.com/)
    搜索访问 Referer:
    https://tmaservice.developer.toutiao.com/?appid={appid}&version={version}

    开发者工具预览调试

    完成页面适配后,可以在 IDE 进行预览调试,本地验收效果。
    抖音开发者工具 4.2.5 及之后版本支持 Web 化预览及配置检测。下载地址:开发者工具正式版下载
    预览调试步骤:
      1.点击"Web 化"进行 Web 化预览,查看模拟器中页面渲染效果。
      2.打开详情 -> 工程配置 -> Web 化配置检测,校验页面是否符合 Web 化规范。
      3.console 面板中查看页面 Web 化检测报告,确认页面适配检测、白屏检测、重定向检测通过,且 Web 化不生效能力不影响页面渲染。