搜索结果排列html模板,搜索结果页优化-城市模板

大家好，这只是个测试的消息，看到则说明生效了。

首先自我介绍下，我是百度搜索的一名小前端，我们前端团队人员很多，有很多大佬，并且我们还有专注于建设WEB生态、用户体验、性能优化的组织。虽然大家各自的业务不一样，但大的方向是一致的，而我们写代码，本着从生态、体验出发，那么我们也算是在为WEB生态做贡献了，哈哈。

上次发了个朋友圈截图，截图内容是百度移动端搜 北京到邯郸 ，页面展示的是北京到邯郸的火车票信息、汽车票信息和自驾路线等信息，我们叫她“城市点到点”，也就是说你可以搜索 xx到xx 来查看类似的信息，比如搜索 北京到上海 还会有飞机票信息。

我今天就说说这个“城市点到点”模板我都做了些什么？

页面优化

响应式的线条

页面中头部有一个蓝色醒目的出发地到目的地的线条引导(如果页面上有广告将不显示这个蓝色的线条)，如图所示：

因为考虑到城市名可能是多个字的情况，如：石家庄、呼和浩特、乌鲁木齐等，总不能让字盖住线和点吧？于是我想到了“遮盖法”，也就是分层去做，让权重高的在上，权重低的在下。如图：