MIP实操指南

作者:鼎极网络发布日期:2019-11-15浏览次数:6

  “MIP (Mobile Instant Pages - 移动网页加速器),  是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。”本教程由MIP爱好者合力撰写,由百度工程师确认,会帮助你完整的搭建一个MIP站点。

  MIP是什么?

  MIP的定义

  MIP是Mobile Instant Pages的简称,也就是移动网页加速器,是一套应用于移动网页的开放性技术标准,使用  MIP无需等待加载,页面内容将以更友好的方式瞬时到达用户。其核心价值是提升了移动端渲染能力。

  

1.png

  (官网:https://www.mipengine.org/)

  MIP诞生的背景

  工信部2016年新发布的数据,移动互联网用户1月净增1942.1万户,同比增长11.8%,总数达9.8亿户。随着移动设备的性能不断提升、网络速度大幅提高,用户群体对移动网页等待的耐心在逐渐降低,更多的时候要求移动网页可以瞬间打开。

  以往研究数据表明网站打开速度对用户浏览、电商成单量、搜索引擎的搜索量等都有很大影响!

  如:  Facebook每慢500ms用户浏览下降3%,Amazon每增加100ms成单量下降1%,Google每增500ms搜索量下降25%等等;

  这种环境下,我们要考虑的问题,除了网站是否需要移动客户端外,还有如何程度的提高移动网站的用户体验。那么你的移动网页用户体验合格吗?打开的速度够快吗?内容够简洁突出吗?经常出现各种安全问题吗?

  万众瞩目下,百度推出了针对提高移动网页打开速度和用户体验的新标准规范,以及解决方案。

  

2.png

  MIP提升性能的奥秘

  通俗来讲,移动网站按照百度提供的网页标准规则进行修改,修改合格后,百度将你的网站放在百度服务器上面。你的移动网站在修改之后,不仅网页更加简洁规范,而且接入百度服务器之后网页的打开速度将非常之快,并且可以提升安全性能。

  MIP之所以可以达到这种效果主要归功于其组成的三部分:

  MIP HTML(页面标准主要包含Css、HTML代码、图片)——为了让移动网页更加简洁规范

  MIP JS (引用官方标准化JS文件)——提供了网页基础的JS需要

  MIP Cache(接入官方缓存服务器)——百度缓存服务器,加速环节重要的部分!

  

3.png

  MIP和CDN有什么区别

  从MIP性能表现上看,主要是体现在页面加载快,用户体验好等特点,所以很多人产生了疑问,MIP是不是等同于CDN,已经使用CDN还要不要改造成MIP?  接入MIP还要改,那么麻烦,那我直接用CDN多好?

  事实上他们还是有比较明显的区别,主要在五个方面:

  1、MIP要求站点必须按照 MIP标准进行修改或者重新制作,CDN只会站点提供节点加速服务,无需修改。

  2、MIP服务器基本上是在用百度移动端的快照缓存服务器。而CDN提供的节点是无法和百度服务器相媲美的。

  3、MIP地址使用是百度缓存服务器域名,可以提升一定安全性,而CDN还是自己的域名;

  4、MIP只针对移动页面进行加速,不影响PC端,而CDN则是可以支持不同用户端;

  5、MIP一项长久免费的开源计划,而大部分CDN是需要付费使用的。

  MIP HTML是为了更加规范移动网页而推出的网页标准,而不是单纯为了接入MIPCache服务器提出的标准。

  MIPCache部分确实相当于CDN的功能,但是这个MIPCache百度服务器数量是国内任何一家CDN节点数量上无法去相比的,而且还是免费提供给MIP站点的站长。

  百度蜘蛛对于移动站点的抓取,接入MIP Cache的MIP站点更加有优势,因为网页已经早已缓存到百度服务器。而这一点,更是CDN无法相比的。

  MIP改造难不难?

  通俗讲,MIP的改造,就是一些基础的HTML标签替换成MIP HTML标签,接入百度缓存服务器的过程。

  我看到有人在改MIP站点的时候,抱怨,好难,这个功能没有,那个组件没有。其实,MIP的旨意不是让你继续沿用过去网页的标准,而是为了提高网页的打开速度,通过MIP的新标准,去简化规范网页。

  所以说,根据MIP HTML标准修改原网站,或者根据MIP  HTML新建网站模版,是非常简单的。由于目前是MIP前期,建议大家采取新建MIP站点,并保留原移动站点的模式。

  加入MIP的必要性

  MIP能做什么

  MIP能帮助站长和网站开发者快速搭建移动端页面。

  MIP怎么加速?MIP从前端渲染和页面网络传输两方面进行优化,杜绝页面渲染中的阻塞问题,提升页面展现速度。

  移动站应该用MIP吗?这里有五个原因,告诉你MIP的好处:

  加速移动端页面,一切的基础

  为减少DNS解析,MIP-Cache将静态文件以相对路径储存在百度CDN中;为减少网络传输耗时,MIP-JS  控制静态资源的按需加载,MIP-Cache系统优先从CDN读取文件;为减少浏览器渲染重绘耗时,MIP-HTML  对<img>,<video>等造成浏览器重绘的标签进行了封装控制。

  根据2016年8月数据,页面MIP化之后,页面展现时间减少了30%-80%。如果您的页面只有简单交互,却引用了庞杂的前端代码库,那么尝试MIP之后速度能够得到显著提升。

  速度对于页面意味着什么呢?如果一个页面需要3秒来打开,用户就需要盯着白屏等待三秒,这很容易引起用户的不耐和放弃。也就是说,一个页面能在眨眼之间打开,意味着更少的用户放弃。所以说,对于页面来讲,速度是一切的基础。

  提升到达率和用户体验,更少的流失率

  正如上文提到,使用MIP规范之后页面的打开速度会大幅提高,减少用户的等待时间,减少用户放弃。

  试想一下,当全站的每个页面都能在1秒内打开,用户每次点击都会立马得到相应,那么就会提高用户体验和满意度。如果页面内容有趣,用户就会在各个页面间冲浪(Surf)。在日均UV(Unique  Visitor, 独立访客)不变的情况下,页面的PV(Page View)会有所增加。此时,用户消费了更多网页提供服务时,页面广告也会得到更多的曝光。

  百度搜索提权,的用户量

  众所周知,百度的自然结果是根据用户点击和页面质量排名的。在2015年年底,我们推出了《百度搜索Mobile  Friendly标准》(下文简称《MF标准》),在站长平台的说明中,《MF标准》也会作为页面排序的参考因素。

  在《MF标准》中,有页面加载速度体验一项。使用MIP规范,能够加快网页加载速度,使页面标准。

  开发简单,迁移成本低

  迁移已有页面到MIP并不是一件困难的事情。MIP-HTML组件和JS运行环境与前端代码语法相同,官网文档中有详细的步骤,我们也会陆续推出文字和视频教程。我们还为开发者提供了实时校验工具,帮助MIP用户开发出完全符合规范的页面。

  已有组件兼容性好,也可个性化定制新组件

  MIP-HTML  拥有不断完善的的组件库可以使用。图片预览,视频播放,分享组件均已上线。直接使用已有组件,能够代码质量和各个终端浏览器的兼容性。利用小快的方式达到交互效果。

  除此之外,MIP是一个开源的项目,提供了《扩展组件开发规范》,支持MIP用户自己开发个性化组件,交由MIP开发小组审核后即可上线使用。

  如何加入MIP

  什么网站适合加入MIP

  结合目前MIP官网技术文档和已有案例反馈,MIP已经可以完美支持资讯、图片、企业、小说、论坛等信息流类型的网站。复杂的页面暂不建议MIP改造,目前对资讯、图文类支持已较好,若功能较为复杂的建议自定义组件或等待MIP项目小组开发。

  

4.png

  抛开网站类型不谈,存在以下问题的网站更要加入MIP:

  1、网站加载速度慢,打开速度时间长

  影响网站加载速度的因素除了外在因素(服务器带宽、庞大的数据库)外,绝大多数是网站本身的问题,例如:冗余代码、用了大量js调用,网站图片太大、flash文件等。MIP的规则就是针对MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统进行优化,实现移动网页加速。

  2、用户体验差,跳出率较高的网站

  网站弹出广告过多、内容质量差、加载速度慢都是影响用户体验差的因素,为了避免这些现象,MIP要求将所有的资源(广告、图片、音频和视频)标明尺寸。当资源真正加载时,所有资源大小可以被立即推断出并迅速用于计算页面布局,加载中的资源将无缝呈现,不必因为页面频繁更新布局而影响到用户的阅读体验。而且MIP提供与MIP  runtime兼容的封装好的组件来实现,严格控制外部资源的加载,来确保其高效性,开发者的任何自定义脚本,都需要用MIP的tag反馈给MIP,例如mip-ad、mip-iframe等,这些方式不会阻塞页面的layout和渲染。

  MIP改造难不难?

  通俗讲,MIP的改造,就是一些基础的HTML标签替换成MIP HTML标签,接入百度缓存服务器的过程。

  有人在改MIP站点的时候,抱怨,好难,这个功能没有,那个组件没有。其实,MIP的旨意不是让你继续沿用过去网页的标准,而是为了提高网页的打开速度,通过MIP的新标准,去简化规范网页。

  所以说,根据MIP HTML标准修改原网站,或者根据MIP  HTML新建网站模版,是非常简单的。由于目前是MIP前期,建议大家采取新建MIP站点,并保留原移动站点的模式。

  加入MIP的接入流程

  经过前面的内容介绍,相信你已经迫不及待想加入MIP生态了吧。如果你的网站在上述MIP支持的改造范围中,那么只需要4个步骤即可完成MIP网站改造:

  

5.png

  (1) 改造评估:

  评估自身网站情况是否适合改造MIP,如果支持则要选择一套改造方案;目前主要有两种方式,一是在原页面上进行改造,另外一种是新建一套MIP模板。

  原有页面修改方案:主要适用于拥有独立移动站的网站,优点是改造内容少,技术成本低,方便维护等优点 ;

  新建MIP页面方案:适用于目前所有网站的情况,具有独立好操作,改造干扰少,未知风险小等特点,美中不足的是因为是新的url,需要蜘蛛从新抓取,接入速度略慢;

  (2) 页面改造:

  确定改造方案后,,按照MIP官网内容要求进行代码改造。改造需具备一定的html知识,改造MIP教程请按照教程来,特别注意大小写,建议全局小写。如果初次接触MIP,可以先学习下《新手指南》,更详细请参考《如何用MIP的快速搭建移动页面》。

  

6.png

  (3) 工具校验:

  页面改造完成后,可以通过官方工具进行校验,工具会给出是否合格的提示;点击进入检验地址:https://www.mipengine.org/validator/preview

  

7.png

  (4)数据提交:

  校验合格后,通过站长平台的MIP工具,以主动推送的方式进行数据提交;

  MIP提交地址:http://zhanzhang.baidu.com/mip/index

  

8.png

  (5)线上生效:

  当MIP数据库收到站点提供的数据,会对数据进行抓取、收录、校验等一系列的步骤,后在线上生效,并且在快照上回有一个

  

9.png1.png

  

  MIP快速搭建移动页面通用篇

  如何快速完成MIP改造?网站可以选择直接将原先的移动站点直接改成MIP站,也可以单独再做一套MIP站点与移动站并存。

  从一个html页面的上下顺序一步步改造,只要按照本文章内的一步步来,即可完成MIP改造。

  1. Doctype改造

  1.1 打开你的模板或代码文件看行,将<! DOCTYPE ***>改为<!DOCTYPE html>

  2. <Html>标签改造

  2.1 完成步后,继续修改下一行代码,将: <html  xmlns="http://www.w3.org/1999/xhtml">或:<html> 改成:<html  mip>注意全部小写

  3. Head部分改造

  3.1 <head>标签必须是完全小写。

  3.2 页面的编码必须是utf-8,修改声明为:<meta charset="utf-8">

  3.3 页面中加入<meta name="viewport" content="width=device-width,  minimum-scale=1, initial-scale=1">

  3.4 页面中加入MIP专用样式文件< link rel="stylesheet" type="text/css"  href="https://mipcache.bdstatic.com/static/mipmain-v1.0.1.css" >

  3.5 这里需要告诉搜索引擎改页面对应的标准html页面地址,如果存在则标识<link rel="canonical"  href="H5/PC原页面">  其中href值修改成为与当前mip页面相对应的标准页面url地址。如果只有mip页面没有相对应的标准页面则标识为:<link  rel="standardhtml" href="MIP自身"> 其中的href值为当前页面地址。

  4. Body内改造

  4.1 首先<body>标签必须是小写的;

  4.2 加入MIP专用JS文件:<script  src="https://mipcache.bdstatic.com/static/mipmain-v1.0.2.js"></script>

  4.3 替换<img>, <style>, <frame>, <form>,<  input>, <textarea>, <select>,  <option>标签为对应MIP组件标签,具体见官网文档。

  4.4 引用MIP-JS 运行环境 <script src=  "https://mipcache.bdstatic.com/static/mipmain-v1.1.0.js"></script>放在页面尾部。

  5. 使用MIP Cache注意事项

  5.1 一般Cache图片、样式、脚本,做完上述4步后,修改资源地址为相对地址或合法地址(以校验工具为准);

  5.2 Cache的内容需要更新需要通过MIP数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。

  6. 组件的使用

  6.1 除了上述这些需求外,一部分站点可能需要用到组件,官网文档包含了目前支持的所有组件,详见《组件概述》。

  6.2目前官网开发了很多通用性组件,并提供了使用示例,以百度统计组件为例:在百度统计中申请js统计代码,将其中的token值截取出来,如下图所示字符串:

  

10.png

  将字符串以<mip-stats-baidu  token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu>的形式植入到页面中,并在页面中嵌入  <script  src="https://mipcache.bdstatic.com/static/v1.1/mip-stats-baidu.js"></script>

  以上步骤就可以将百度统计组件植入到MIP页面中了!

  6.3特定组件的使用:对于官网没有的组件,网站可以自主开发组件接入,具体方法可以参考《扩展组件开发规范》;


关键词:

  关键词布局策略

  对于大多数SEOer来说,做网站优化就是做关键词排名,在关键词优化中,关键词的布局应该是我们seo优化人员应该优先考虑的一点。要想使网站排名稳定上升,必须站内+站外同步做起。竞争力不大的关键词,通过外链便可以把词做起来,再通过高质量的友情链接便可以使排名稳定,至于网站中比较难做、竞争力度很大的关键词就必须从网站的内部开始优化,同时还要从外部建立链接资源。下面是关于网站优化中的关键词布局。

  关键词的布局

  一、网站整体的关键词布局

  当我们拿到一个站时,首先要考虑的就是关键词的布局。其中包含核心关键词,目标关键词,长尾关键词的分布情况。并不是把所有要优化的词都放在首页,什么核心关键词放首页啦,目标词放在栏目页啦,长尾词放在内容页啦,这些都要合理的布局。

  二、首页、栏目页的关键词布局

  下面我们先来分析一下网站的META标签:title,keywords,description上的关键词布局:

  1、title出现的关键词不宜过多,尽量控制在四个之内,主要的关键词放在左边,按照优先级排下去。关键词之间可以通过“-”、“|”、“,”这些符号隔开,效果是差不多的按照个人喜好运用即可。并且核心关键词出现的越早越好。对于中小型网站来说用关键词_网站名称的做法是比较合理的。

  2、Keywords,就是关键词,现在的主流搜索引擎都不再依靠中的关键字了,因此,这部分内容我们也只是“例行公事”,个人觉得意义不大,不过总好过没有。

  3、Description,就是描述,应该用近乎描述的语言写下一段介绍你网站的文字,在这其中,你应该适当的对你网站的特色内容加以重复以求突出。

  4、在页面中多次出现这个关键词,并在次出现时,加粗或者用H1标签进行标注。核心关键词应该尽早的出现在页面中,这样搜索引擎会才会认为这个网页是围绕这个关键词来组织内容的,指导搜索引擎来确定网页的关键词,这里多说一句,搜索引擎并不会直接把keywords中出现的词作为网页的关键词来处理,而是根据网页的内容来提取的。

  5、首页关键词注意事项:避免堆砌,有许多站长喜欢在页面底部加上自己网站的核心关键词锚文本,并进行加粗,这点我们认为是不可取的,有不利的嫌疑,虽然搜索引擎不一定这么判定,但是我们要基于用户的角度出发,这里放置这些关键词锚文本用户是不会有点击欲望的,我们可以把核心关键词作为导航或者栏目,形成自然的锚文本,而不是在页面底部进行堆砌。

  三、文章页的关键词布局

  我们的内页和目录页一般都是用来优化长尾关键词,其实内页的关键词布局和首页基本差不多,首页一般是综合性的,而内页一般都是一篇文章或者产品或者新闻。那么内页的正文部分就要考虑到关键词的布局。一般我们写文章都按照总-分-总的布局来写,那么在总的部分,要集中关键词并加以总结,中间部分的内容围绕着关键词来合理布局,后针对关键词做总结自然的包含了目标关键词。

  在此再提醒大家一点:内页部分要在合理的位置放置首页核心关键词的锚文本,一般情况下放且只放置一个核心关键词的锚文本链接到首页,目的是增加首页核心关键词的权重提高首页关键词排名,前提是要合理,不可强行安插,如果文章并没有必要放置的情况下,我们不建议放置这个锚文本。

  以上所说的就是个人对关键词布局的总体看法,相信大家也都有自己的一套关键词布局方法。或许有博友会问,总体的布局好了,那平时发布文章时,关键词该怎么布局呢?比如:关键词密度、关键词位置设定等等。跟大家分享一下网站后期关键词布局优化的五点技巧:

  

关键词布局策略

  一、通过文章编辑,让文章中自然出现关键词

  百度搜索引擎和谷歌搜索引擎都在2012年对搜索引擎的算法进行了较大变革,有些网站因为这次变革收录量得到了大幅度的增加,这是对网站内容之前关键词布局的肯定,也是对以后网站关键词布局的一种指导,就是说每一篇容都合理的布局应该出现的关键词密度,让搜索引擎认为文章中的关键词出现是自然的,为网站的关键词进一步优化布局提供有利条件。

  二、合理布局关键词出现位置,让关键词被搜索引擎抓取

  不同的网站都有着不同的关键词,而合理的布局这些关键词位置就显得尤为重要,对于普通的网站来说,网站关键词出现的位置与网站优化息息相关,对于搜索引擎蜘蛛来说关键词出现的位置应该是有利于抓取的位置,而网站中有利于搜索引擎蜘蛛抓取的位置应该是网站的顶部与左部,可以合理的在这两个方向进行合理的关键词设置,网站关键词被搜索引擎抓取得越多,而其他内容也存在,这就可以为网站提高关键词排名起到促进作用。

  三、文章内部链接布局具备相关性,助力网站优化

  或许很多站长都做过这件事情,在写文章的时候往往都会出现另外一个网站的链接,而这些网站的链接大多都是不相关的,而这种布局关键词链接就出现了错误,不管是带上的超链接还是纯文本链接,首先关键词就要符合相关性,而链接中指向的内容也必须符合相关性,只有通过加强相关性的方法才能够自己的网站获得搜索引擎的重视,而搜索引擎也会认为你的网站受到了其他站点的支持,这对网站的优化会起到意想不到的作用。

  四、以用户为基础编辑网站关键词,创建高效用户体验

  网站关键词的选择并不一定要用行业的热门词,真正的关键词应该是符合用户体验为主的词语,比如seo这个词,很多用户在搜索的时候并不一定是搜索seo,而更多的应该是搜索如何学习seo,因此我们在关键词的布局之上就 要像如何学习seo、怎么学习seo进行倾斜,要满足用户的需求,以用户为基础编辑网站的关键词,而不是以自我为中心或者以行业为中心撰写网站关键词。

  五、文章标题一定带关键词,但一篇文章好只带一个关键词

  很多时候大家写文章都是随便写作,其实真正的文章应该在文章标题中就带上关键词,标题带关键词能够帮助搜索引擎直接抓取关键词,大家都知道搜索引擎在抓取的过程中不一定是将你的文章内容全部抓取,所以我们的标题带关键词就可以为网站的排名提升创造基础,如果你将关键词放在文章内容里面,而搜索引擎又不进行抓取,那么这样的文章是不是就浪费了,写文章的目的是什么?就是为了有排名,有流量。如果连这点都不去关注的话,那就是浪费了文章资源了。

  SEO经验之谈:

  当网站内容都经过了细致的关键词布局之后,你就会发现网站的收录量逐渐增加,网站关键词排名也会大幅的提高,但有时一些长尾词会有下降的情况,这些起伏都是正常的,不用过多担心。

  要注意的是文件的相关性不仅仅是由页面本身来决定的,还有包括链接分析,域名被信任度等等其他因素。

  针对关键词的页面优化

  关键词密度

  网站首页文字不能太多,与关键词相比而言,文字多,不好控制关键词密度,特别是做网站时,一些固定位置的选择,比如导航,栏目,底部,图片属性,这些位置的关键词或许是固定的。好控制的就是文章标题了,如果标题中关键词突出,那密度就突然增高,如果文章标题没有包括关键词,那密度就会低,排名可能也会随着变化。常见的就是cms网站,首页文章多,一般都需要增加关键词密度。

  关键词密度控制在2%-8%为佳

  关键字密度就是我们所强调的关键词在网页中出现的次数与网页中其它文本内容的比例。相对于页面总字数而言,关键字出现的次数越多,那么总的关键字密度也就越大。关键词密度一般在2%-8%效果为好。既然强调的是次数,那肯定少了说明主题不突出,多了属于关键词堆积。关键词出现在哪些位置能提高关键词排名呢,关键词密度低了高了对排名有什么影响呢。

  标题中出现关键词过多真的好吗

  我们在选择关键词的时候,都会从标题关键词的设置开展整个页面的关键词设置,很多朋友都认为标题中多放几个关键词效果会好些,能展现在搜索排名中,强调关键词,那是以前搜素引擎不智能,现在搜索引擎看到这些会比较反感,特别是标题堆积一些广泛的词,标题长度过长,导致标题中关键词密度降低,同样得不到好的排名,更不用说流量。标题中同个关键词出现多不要出现3次,且有修饰成分。

  比如要设“网站建设”关键字,标题“网站建设,苏州网站建设,苏州网站建设公司”这样网站建设的密度在标题中就很高,且主题突出。标题中不要掺杂其他干扰成分,干脆利落,也不要把长长的公司名称放在后面或者前面,字数越少越好。

  关键词与描述标签中的关键词密度也要控制

  关键词标签中的关键词也不能太多,可以把标题中的几个关键词作为关键词即可,这个位置可以多放几个,是标题的扩展,可以在放几个与标题相关的长尾词,这个不多说。主要说下描述,描述不是随便放几个关键词就完事,他是一段说明,相当于公司的简介,这个站是做什么的,搜索引擎首先通过它来了解,如果这段描述不出现在搜索引擎搜索排名中标题的下面,说明你设置的就有问题。描述可以把关键词标签设置的几个词放进去,在组成合理的句子,不通顺,少加不需要的词,长度也控制在150字左右。

  HTML标签

  关键词应该出现在网页标题标签里面,标题标签Title Tag是目前很重要的一个因素,应该包含你重要的关键词。

  另外在描述标签Description Tag,关键词标签Keyword Tag,图像ALT标签都可以放入关键词,但注意不要关键词堆砌。

  关键词在网页正文中

  只要你正常的写文章,关键词必然会出现在文章正文中。好把关键词放在正文标题heading,H1-H3比普通文字有高一点的权重,这也很有逻辑性,因为标题自然是这篇文章应该讨论的内容。

  另外可以用黑体,斜体来强调关键词,但一两次就够了。

  可以在正文的前面,也就是段句话放入关键词,这也是一个比较重要的因素。

  还可以在网页底部放上关键词,当然要符合逻辑和语法,并对用户友好。

  URL中的关键词

  对英文网页来说,关键词出现在URL中,多少会有点帮助。对搜索引擎相关性算法的帮助可能很小,但其实对用户帮助蛮大的。因为搜索结果列在搜索引擎中时,用户可以从你的文件名就判断出这个网页是讨论什么的。

  关键词可以在域名里,也可以在目录名里,也可以是文件名,不过切忌关键词堆砌在URL中。

  关键词出现在链接中

  关键词应该出现在网页导出链接的链接文字中,这是相当重要的一方面。其实在某种程度上来说,导出链接中含有的关键词,比连向这个网页的外部链接中的关键词还重要。

  不仅是在你网站内部互相链接的时候需要以关键词为链接文字,也应该在文章中经常引用和指向其他相关文件,并以关键词为链接文字。