本文将会详细结合西瓜热点详情页从0到1的SEO培植过程，为大家先容作为FE业务方如何去学习理解、培植SEO；本文不会就SEO的一些根本理论和搜索引擎算法进行深入磋商，而是希望从热点推广的视角先容一些SEO方法。
根本观点SEO（Search Engine Optimization） 中文译为「搜索引擎优化」。
大略地说，SEO是指网站从自然搜索结果得到流量的技能和过程，繁芜且较为严谨的定义如下：
SEO是指在理解搜索引擎自然排名机制的根本上，对网站进行内部及外部的调度优化，改进网站在搜索结果页面上的关键词自然排名，以得到更多流量，从而达成网站发卖及品牌培植的目标。
搜索引擎如何事情搜索引擎的事情过程大体可以分成三个阶段：
搜索引擎蜘蛛通过跟踪链接创造和访问网页，读取页面HTML代码，存入数据库。
索引程序对抓取来的页面数据进行笔墨提取、中文分词、索引、倒排索引等处理，以备排名程序调用。
用户输入查询词后，排名程序调用索引库数据，打算干系性，然后按一定格式天生搜索结果页面。
搜索引擎的事情流程紧张涉及了2个角色——网站和搜索引擎，我们将第3个角色用户也加入个中后，就可以形成包含3个紧张角色和6个核心环节的搜索生态模型。
紧张环绕着这6个环节，我们将对网站逐步进行SEO的优化和培植：
这里我不会按照上图的顺序先讲投放，由于投放在优化过程中实在属于后置位；在没有对网站本身构造进行优化，没有进行竞争剖析（关键词选择）之前，你肯定不会轻易把网站大量投放出去吧？
网站的优化大致可以分为两部分：一是网站构造调度，二是页面优化。
我们的网站如果要顺利地被蜘蛛抓取和收录，很大程度上依赖于良好的网站构造。
网站构造优化避免蜘蛛陷阱Flash 各种跳转 JS链接 哀求登录 设置robots文件西瓜M站的robots文件
robots文件属于网站禁止抓取、索引机制的一部分，搜索引擎蜘蛛访问网站时，会先查看网站根目录下是否有一个robots.***文本文件，它用于指定蜘蛛禁止抓取网站某些内容，或者许可抓取某些内容。
一些网站不存在robots文件时会返回200状态码和一些缺点信息，而不是404状态码，这可能使搜索引擎蜘蛛缺点解读robots文件信息，以是建议就算许可抓取所有内容，也要建一个空的robots文件，放在根目录下。
URL设计在设计网站页面的URL时只管即便遵照下面几个原则：
越短越好 避免太多参数 目录层次只管即便少 包含关键词（英文） 字母小写 连词符利用「-」分隔 利用https
西瓜热点H5详情页之前的URL：https://h5.ixigua.com/xigua_hot_spot/detail/?hotspotId=7095918215196318727现在的URL：https://m.ixigua.com/xigua_hot_spot/detail/7095918215196318727改换域名 & URL静态化我们针对之前西瓜热点H5详情页的URL进行了域名改换和URL静态化。
域名改换：M站的域名拥有较高的权重（较长的域名年事、收录页面总数多、特色关键词排名高档），将热点的域名改换至M站域名有利于我们的页面能够被搜索引擎收录，且在搜索排名上具有一定上风。
URL 静态化 ：一样平常来说URL中有两三个参数，对付收录来说不会造成任何影响，但还是建议将URL静态化，既能提高用户体验，又能降落收录难度。
网址规范化网址规范化指的是搜索引擎挑选最得当的URL作为真正网址的过程。
那什么是不规范的网址呢？
举个例子，一样平常来说一个网站的首页URL该当是固定的，但在一些网站链接回顾页时所利用的URL并不是唯一的，有时连到https://www.xxx.com， 有时连到 http://www.xxx.com/index.html 。这样不规范化的网址会给搜索引擎造成困扰，可能造成权重分散、摧残浪费蹂躏爬取份额等问题。
办理方案：
百度站长平台中设置首选域名 利用301转向，将不规范化URL全部转向到规范化URL 利用 canonical标签
在HTML文件的head中加上这样一段代码：<link rel=\公众canonical\公众 href=\"大众https://m.ixigua.com/xigua_hot_spot/detail/7101281806032313356\"大众>表示这个网页的规范会网址该当是:https://m.ixigua.com/xigua_hot_spot/detail/7101281806032313356网站页面优化良好的TDKTDK标签包括标题标签title（T）、网站的描述标签description（D），关键词标签keywords（K），一样平常在搜索结果中，页面的title和description是最有可能被展示出来的。
在设置网站的TDK之前，还有一个主要的事情便是竞争剖析和关键词研究，我们须要大略理解下为什么须要有这个步骤。
确保目标关键词有人搜索 降落优化难度 探求有效流量 搜索多样性 创造新机会 TDK 通用标准：
Title 标题 标准格式 : 关键词 - 副关键词 | 品牌名
长度建议 : 50 ~ 60 个字符
Description 描述 长度建议: 网页描述的长度任意，最佳实践长度在 155 ~ 160 个字符间之间，描述文本只管即便利用关键词和吸引用户的话术，提升点击率（CTR）。
Keyword 关键词 这里的keyword不仅仅指的是meta keywords，而是站点/文章title/***描述中可以增加关键词
长度建议
主页关键词布局一样平常是核心词，以5~10个为宜。关键词之间用英文状态下的逗号或者下划线隔开，搜索量大的在前，搜索量小的在后，同个关键词不可以反复涌现，以免堆积。
不同栏目设置不同的关键词。栏目页属于内页，以是关键词最好选择长尾关键词，并结合网站当前栏目名称选词，一样平常布局3~5个长尾关键词。
***页紧张布局的关键词是长尾关键词，1~2个为宜，一定要和***主题高度吻合。
举个🌰
image.png 西瓜热点详情页是一个静态的CSR站点，这样的页面渲染办法是无法对页面的TDK进行定制化处理的。
image.png 因此我选择采取模板引擎进行TDK定制化处理。
image.png 注入表达式： 由于在编译运行时期码时会利用到html模板，并将编译得到的js、css文件从html模板中引入，以是我们可以预先在html模板中注入模板措辞表达式来占位TDK，{{title}}，{{description}}，{{keywords}}。 变动后缀： 在运行时期码编译完成得到终极产物后，个中html文件中便会包含之前注入的模板表达式，此时将html文件后缀变动为模板措辞后缀(index.handlebars)。 Node做事： 在router拦截到对应路由要求时(/xigua_hot_spot/detail/:hotspotId)，在controller中要求对应热点id的详细内容（标题、先容）,利用ctx.render将对应的变量通报给模板文件(index.handlebars)并返回文件。 精确利用HTML标签<a>标签须要有 href 属性，减少利用JS跳转<img>标签须要补全alt属性值<h1>全局只能存在一个不要滥用，合理利用<h2><h3><h4>此类标签性能优化 页面速率是主要的排名成分，也影响到爬虫的爬取效率。无论百度还是Google都已经有数次以页面打开速率为目标的算法更新
优化页面耗时 网站在搜索结果中的排名会受到页面打开速率的影响，例如百度在2017年10月推出闪电算法，针对页面的打开速率给予政策支持，页面的首屏加载速率越快每每会得到更高的排名以及更多的流量倾斜。谷歌也在2021年6月发布公告称，网页核心性能指标(CLS、FID、LCP)将被视为排名成分之一。
良好的首屏加载耗时不仅会受到搜索引擎的青睐，同时也能为浏览网站的用户供应更好的体验和做事。
优化页面体积(< 125 kb ) 搜索引擎受限于自身的技能能力和打算资源，对付页面源码尺寸有限定（百度限定128kb，Bing限定125kb），超过的部分会进行截断处理。
网页投放网站舆图通过网站舆图，不仅用户可以对网站的构造和所有内容一览无余，搜索引擎也可以跟踪网站舆图链接爬行到网站的所有紧张部分；网站舆图有两种形式，第一种被称为HTML版本网站舆图，英文是sitemap，另一种是XML版本网站舆图，英文Sitemap。
HTML网站舆图 image.png XML网站舆图 API推送概述 image.png 通过开放API接口将网页链接直接推送给搜索引擎，目前只有
百度、Bing三个搜索引擎支持该能力。image.png 特点：速率快、权重高
比较于网站舆图，API推送网页链接可以使得搜索引擎更加快速地爬取和收录网页，并且搜索引擎会认为站长主动推送的链接可能会有更高的质量，适宜于更新速率快、时效性高的网页。
定时推送热点事宜的发生机遇较为随机，且具有较强的时效性，为了能够让搜索引擎更加快速地爬取和收录西瓜热点页面，利用Timer触发器，定时将热点页面通过API推送给搜索引擎。
主动推送机器人 image.png 西瓜热点具有重运营的属性特点，热点的产生和推广与运营密切干系；从这点出发我思考能不能开拓一个西瓜热点SEO干系的运营工具，当热点新鲜产生的时候，运营可以借助我的工具将该热点及时推送给搜索引擎，加快该热点被搜索引擎爬取收录的速率，获取更多的自然流量。
因此我开拓了西瓜热点 SEO 机器人，利用飞书供应的企业机器人功能进行定制化开拓，通过与机器人对话的形式，能够方便运营同学将新产生的热点快捷地进行推送。
内链/友链投放 image.png 内链，便是在同一个网站中，内容页面之间相互链接，也便是网站内部的链接。好的内链布局合理，构造清晰，能提高搜索引擎对我们网站的收录和权重，是很主要的。内链还可以掌握本钱，提高索引效率，提升网站的排名，通报权重，终极提升流量。
image.png 外链，便是别的网站导入自己网站的链接，即可以通过其他地方进我们网站，外链的浸染有很多，不单单只是提高网站的权重，也可以提高某个关键词的排名，一个高质量的外链可以为我们的网站带来更多流量。
排名/点击构造化数据 image.png 构造化数据，是一种供应网页干系信息并对网页内容进行分类的标准化格式，换句话说，便是搜索引擎利用的语义词汇代码措辞。
这种代码可以帮助谷歌理解页面内容。同时，Google 搜索也会利用这种代码措辞（构造化数据）启用分外的搜索结果功能和增强功能，丰富搜索结果展示。
<script type=\公众application/ld+json\公众 id=\"大众scriptTag\"大众 nonce=\"大众-_vD_w5o44pwi2zXVWL8EA\公众 class=\"大众style-scope ytd-player-microformat-renderer\"大众>{ \"大众@context\"大众: \公众https://schema.org\公众,\公众@type\"大众: \"大众VideoObject\"大众,\"大众description\"大众: \公众《三体》完全合集浓缩版，真.完结撒花！
增加了一些内容，改动了一些内容，删除了一些内容。片尾有彩蛋嘿嘿~\n希望你们喜好。\n\n#三体 #名侦查拳头 #科幻\公众,\公众duration\公众: \公众PT4560S\"大众,\"大众embedUrl\"大众: \"大众https://www.youtube.com/embed/QO25QnboJG0\"大众,\"大众interactionCount\"大众: \公众7714441\"大众,\"大众name\"大众: \"大众【三体讲授】76分钟看完《三体》全集。宇宙很大，生活更大。【名侦查拳头】\"大众,\公众thumbnailUrl\"大众: [ \"大众https://i.ytimg.com/vi/QO25QnboJG0/maxresdefault.jpg\公众] ,\"大众uploadDate\"大众: \"大众2019-06-02\"大众,\公众genre\"大众: \"大众People & Blogs\公众,\"大众author\"大众: \"大众名侦查拳头\"大众}</script>除了谷歌的构造化数据外，我们在百度也会看到一些图文展现格式，在解释笔墨的左侧放上一张图片。
列表左侧的图片来源有两个，大部分情形下是从页面本身选取的，从百度官方先容和履历来看，被选取的图片须要知足这些条件：
图片与页面内容干系 足够清晰 足够尺寸，像素121 x 75以上 横跨比例适当，大致为121:75旁边 正常IMG标签图片，不是背景层 须要把稳的是，就算知足了以上这些条件，页面在搜索结果中可能还是展现不出图片(百度辣鸡)，这跟百度自身的策略和算法干系，它也会更方向于把资源分配给自家的产品(好看***、百家号等)。
图文展现这种形式非常直不雅观，可以提高用户体验，利用户更随意马虎快速判断页面内容，对页面吸引视线、提高点击率有明显浸染。
关联百度热搜词我们在利用百度搜索引擎的时候，常常会在首页或者搜索结果也的左侧看到一个「百度热搜」。
image.png 我们点击个中一个热点后，会进入该热点的搜索结果页，并且在搜索结果的最上方聚合展示有关该热点的干系资讯网页，可以创造网页标题中包含热搜词的页面的搜索结果每每会得到较高的排名，例如下图「韩国主帅赛后怒斥裁判被红牌驱逐」这个热搜词，我们能看到排名较前的几个搜索结果中都包含了该热搜词。
基于这样的推断，我思考能否通过将西瓜热点中与百度热搜词中干系联的内容进行联动，当百度爬虫爬取西瓜热点页面时，判断百度热搜词中是否有与该西瓜热点附近的内容，通过更换西瓜热点的标题来达到在百度搜索中提升排名的目的。
数据监控爬虫行为监控 image.png 网络爬虫日志，理解爬虫的行为变革可以在流量变革前更加灵敏得反应页面SEO的状态
新上SEO功能后，可以通过爬虫日志来灵敏得判断功能的影响
索引量监控通过各个平台自带的站长平台，可以看到索引量的变革（有些平台更新可能不是很及时） 通过
site: m.ixigua.com语句，可以查询索引的数据分页面的索引，利用
inurl:/xigua_hot_spot site:m.ixigua.com语句SEMrush 一个SEO工具，可以在谷歌插件市场中***安装，功能是展示当前站点的SEO干系数据，同时包含了索引量、外链量、内链量等干系数据。
排名监控搜素引擎自带的监控 百度站长：https://ziyuan.baidu.com/keywords/index 谷歌：https://search.google.com/search-console 通过脚本网络干系页面在指定搜索关键词下的排名情形 结语SEO真的是一个非常神奇的东西，它既有迹可循，又非常繁芜（玄学），更多情形下须要的是一种履历的积累（AB实验一定程度上可以缓解）。
本文紧张涵盖了我这段韶光以来的SEO优化履历，但依然只是SEO的冰山一角，再加上SEO不再局限于Web端，在APP端内也在不断兴起，要彻底探明节制它的奥秘还是任重道远。
要做好SEO最根本的还是须要网站内容是丰富的、有代价的，没有好的内容作为根本，SEO的代价也会被减损。
希望我的履历和积累能够给大家带来一些启示。
关于我们我们来自字节跳动，是旗下西瓜***前端部门，卖力西瓜***的产品研发事情。
我们致力于分享产品内的业务实践，为业界供应履历代价。包括但不限于营销搭建、互动玩法、工程能力、稳定性、Nodejs、中后台等方向。
我们在招的岗位：https://job.toutiao.com/s/h2hRpAo。招聘的城市：北京/上海/厦门。
欢迎大家加入我们，一起做有寻衅的事情！
- END -
