前言对于前端开发者来说，SEO是一个常见的话题，尤其是对于自己运营博客、网店、个人网站的开发者来说，SEO是获得自然流量的关键永远是绕不开的话题。各大搜索引擎每天都会收到数以亿计的用户搜索量，这是一个不容忽视的巨大流量入口。如何从这庞大的搜索流量中分得一杯羹，是每个站长都需要思考的问题。本文将具体结合西瓜热点详情页从0到1的SEO搭建过程，介绍作为FE商务党如何学习、理解和搭建SEO；本文不会深入讨论SEO和搜索引擎算法的一些基础理论。相反，我希望从流行推广的角度介绍一些SEO方法。SEO（SearchEngineOptimization）的基本概念，中文翻译为“搜索引擎优化”。简单地说，SEO是指网站从自然搜索结果中获取流量的技术和过程。复杂而严谨的定义如下：SEO是指在了解搜索引擎自然排名机制的基础上，对网站进行的内外调整和优化，提高网站在搜索结果页的关键词自然排名，从而获得更多的流量，从而达到网站销售和品牌建设的目的。搜索引擎是如何工作的搜索引擎的工作过程大致可以分为三个阶段：爬行和抓取搜索引擎蜘蛛通过跟踪链接发现和访问网页，读取页面的HTML代码，并将其存储在数据库中。预处理索引程序对抓取的页面数据进行文本提取、中文分词、索引、倒排索引处理，以供排名程序调用。排名用户输入查询词后，排名程序调用索引库数据，计算相关性，然后生成一定格式的搜索结果页面。如何优化构建SEO搜索引擎的工作流程主要涉及2个角色——网站和搜索引擎。我们将第三个角色用户加入其中后，就可以形成一个包含3个主要角色和6个核心链接模型的搜索生态。主要围绕这6个环节，逐步优化建设网站SEO：抓取和收录。这里我先不说上图顺序的投放，因为投放其实是优化过程中的一个后位；不优化网站本身的结构，不进行竞品分析（关键词选择），你肯定不会轻易放出一大批网站吧？网站优化大致可以分为两部分：一是网站结构调整，二是页面优化。我们的网站要想成功被蜘蛛抓取收录，很大程度上取决于良好的网站结构。优化网站结构避免蜘蛛陷阱，Flash各种跳转，JS链接需要登录并设置robots文件。下有没有robots.txt文本文件，用来指定蜘蛛禁止抓取网站的某些内容，或者允许抓取某些内容。有些网站没有robots文件时，会返回200状态码和一些错误信息，而不是404状态码，这可能会导致搜索引擎蜘蛛误读robots文件信息，所以建议创建一个空的即使允许抓取robots文件的所有内容，都放在根目录下。URL设计网站页面的URL设计尽量遵循以下原则：越短越好，避免参数过多，目录层次尽可能少包含关键字（英文）字母，小写连字符，用“-”分隔,使用https西瓜热点H5详情页上一个网址：https://h5.ixigua.com/xigua_hot_spot/detail/?hotspotId=7095918215196318727当前网址：https://m.ixigua.com/xigua_hot_spot/detail/7095918215196318727换域名name&URLtostatic西瓜热点H5详情页的URL更改了域名，静态化了URL。域名变更：M站域名权重较高（域名年龄较长、收录总页数较多、特征关键词排名较高等），将热门域名改为M站域名有助于我们页面被搜索引擎收录，在搜索排名中具有一定的优势。静态URL：一般来说，URL中有两三个参数，不会对采集有任何影响，但是还是建议把URL做成静态的，这样既可以提高用户体验，也可以减少采集难度。URL规范化URL规范化是指搜索引擎选择最合适的URL作为真实URL的过程。那么什么是非标准网址呢？例如，一般来说，一个网站的首页URL应该是固定的，但有些网站链接回首页时使用的URL并不是唯一的，有时链接到https://www.xxx.com，有时链接到http://www.xxx.com/index.html。此类不规范的URL会给搜索引擎带来问题，并可能造成权重分散、抓取份额浪费等问题。解决方法：在百度站长平台设置首选域名使用301重定向，将所有非规范化的URL重定向到规范化的URL。使用canonical标签在HTML文件头部添加这样一段代码：
