前端通用SEO技术优化指南

搜索引擎的关联展示

meta

（2）Meta description：描述编码：

搜索引擎的关联展示：如上图（3）Meta robots：搜索引擎告知（4）Meta charset：字符集（5）Meta keywords：关键词最佳实践：关键词可以让产品同学确认，常见关键词分类：编码：

body内容

图片内容

3、语义化链接

网页中所有的内链语义化：

4、提升网站速度

前端常规优化手段进行网站速度优化，具体手段就不在本文展开。优化目标也是提升用户体验，当网站速度过慢（相关调查3s是极限），用户就会引起流失。

* 测速工具：

developers.google.com/speed/pagespeed/insights/

5、外部引流

通过各种手段为本站进行引流，提升本站的流量，提升搜索引擎权重

信息提供方向：1、sitemaps 网站地图

提供给搜索引擎网站地图信息的协议，通过它可以告知搜索引擎关键path信息，类似网站的目录，可以手动配置，也可以使用生成器自动生成：xml-sitemaps.com/。

（1）格式

可以是XML、txt等格式，XML格式如下：

 
<?xml version="1.0" encoding="UTF-8"?> 
   
  
    http://www.example.com/
    2005-01-01
    monthly
    0.8
  

(2) 配置位置2、robots.txt 网络爬虫通信

该文件并不是一个标准规范，是一种约定俗成的协议。

（1）格式

User-agent: * Disallow:  Sitemap: https://xxx.sohu.com/sitemap.xml

（2）配置位置（3）其它相关

独立页面也可以使用meta robots标签360搜索优化，和robots.txt可以一起使用，见上方内容。

主动式SEO

依赖各家搜索引擎服务商提供的后台服务功能来直接优化网站搜索，有些功能是免费的，有些功能是付费的，当然付费效果更好：）。常见的如竞价排名、直接购买搜索排名等方式。我们这里更关注技术优化的内容。

搜索引擎服务商

我们可以以360提供的站长功能来说明如何优化SEO：可以主动提供给360搜索引擎什么样的信息以及可以从引擎方得到哪些效果和功能。

360的站长平台的功能（实施方法参考指南：so.com/help/help_3_16.html）：

实施计划

通过以上的SEO调研，我们可以发现技术优化手段是有迹可循的，所以可以形成一种通用的模式来帮助网站进行SEO优化的自检和实施方案。

我们总结了如下的 SEO checklist 列表，作为通用SEO优化方案的实施手段应用在我们的网站上，也为之后其它产品进行SEO优化提供了切实可行的实施指南。

通用SEO优化方案 checklist[ ] 2.优化网站内容[ ] 3.语义化链接[ ] 4.提升网站速度[ ] 5.外部引流[ ] 6.sitemaps 网站地图[ ] 7.robots.txt 网络爬虫通信[ ] 8.搜索引擎服务商后台SEO优化效果评估

当然，实施SEO优化方案之后要及时收集和统计数据，复盘优化效果，为后续提升SEO优化效果不断积累经验，形成方案不断自我进化的良性循环。但技术优化手段毕竟是有限的，SEO的优化同样离不开产品的规划、运营的引流、搜索引擎服务商洽谈合作等有效手段。作为前端工程师，我们不仅仅可以提供SEO优化的一条技术线，同样可以把上游和下游连接起来，综合推动SEO优化的进行，不仅能“制造”网站，也能为网站的推广和传播贡献自己的力量。

附录名词解释

SEO：Search Engine Optimisation 搜索引擎优化

SERP：Search Engine Results Page 搜索引擎搜索结果页

反链数（外链）：指从别的网站导入到某网站的链接数量

参考文档developers.google.com/search/docs/beginner/seo-starter-guide?hl=zh-cnmedium.com/@coderacademy/15-seo-tips-every-front-end-developer-should-know-in-2016-d579b7cefb01ahrefs.com/blog/seo-meta-tags/ahrefs.com/blog/meta-keywords/sitemaps.org/zh.wikipedia.org/zh-hans/Robots.txt

（编辑：温州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!