做SEO必须要懂得基础的前端代码知识
2022-02-22 哔哩哔哩 羽西SEO
加入收藏
做seo必须要懂得基础的代码知识，可以做一些小细节的优化对SEOER来说是事半功倍!所以代码还是要学习的，代码这块是一定要懂的，如果代码方面不能搞定，那对以后的发展是很不利，也不会了解得很深，所以说，代码这方面还是非常之重要的，建议学熟悉html再来学SEO，对以后发展和研究是非常有利和事半功倍!
一、W3C标准
搜索引擎的排名算法是在W3C标准的基础上开发的，所以一个网站的代码编写尽量符合W3C标准。最容易看出是不是符合W3C就是看网站代码最顶部有没有DOCTYPE的声明。“DOCTYPE 是 HTML 与 XHTML 中的文档声明，作用是告知浏览器当前文档所使用的是哪种 HTML 或 XHTML 规范。DOCTYPE 声明位于文档最前端，标签完整格式为”，这里为XHTML为例：
1、Transitional DTD[过渡的]。
2、Frameset DTD[框架的]。
3、Strict DTD[严格的]。
二、META标签
meta标签都在位置，meta标签主要的作用是向搜索引擎解释网页有哪些信息，比如你的titel、keywords、description、作者信息、版本等信息，即使现在搜索引擎不再重视这keywords、description，但对于SEO还是非常重要的。
1、TITLE：符合网站特色与主关键词。标题这里不多讲。
2、description、keywords：这两个标签宁缺勿滥，可以不写，但不要填一次修改一次。即使你权重高也于玩不起的，确保填写好后不修改就行了!
3、robots：robots标签是用来告诉搜索引擎哪些网页要可以被收录，哪些不可以收录。robots ontent的参数有all,none,index,noindex,follow,nofollow。默认是all。设置好robots.txt能更灵活的控制网页收录明细。
三、DIV+css
一个网站使用DIV+CSS框架编写对SEO友好是因为代码清晰、精简、减少网页代码。提高了蜘蛛访问效率，有利于收录。之所以说TABLE不好是因为蜘蛛访问网页时碰到多层嵌套，会跳过嵌套内容，总之嵌套太多影响收录就是了。而DIV+CSS不会。
四、网站标签代码优化
查看标签代码需不需要优化，一般都可以使用 ctrl+F查找功能，查找相应的标签。以下是一些经常会被优化到的标签
1、H1 ～ H6：主要用于标题，搜索引擎对于H1标签文字会给于其他内容更高的权重，在网页中最高权重为tilte，随后是H1,H2…规则是，H1每个页面只要出现一个就行了，不适多。H1一般用在页面标签，而且代码越前越好。其他H2～H6标签出现次数最好控制在1～5个!反正多了不好，反而影响美观与收录!
2、 ALT：主要用于图片描述，可以使用查找功能找出ALT标签，
看哪个图ALT为空的，就在ALT后面写上图片相关内容，。一切为了收录!
3、strong和b：主要用于内容，strong和b都是加粗效果，b在HTML代码里只是加粗，而strong是表示语句强调、加重。更主重于内容上的应用，更适合用于关键词。而且权重上strong比b高，一切为了权重，所以就用他吧，哈哈!在代码看到哪个是用b把他替换成strong就可以了，要记住，适量适量，过多也会影响的!
注意事项
一.尽量缩减您的页面大小，因为搜索引擎爬虫每次爬行您的站点时，存储数据的容量有限，一般建议100KB以下，越小越好，但不能小于5KB。网页大小减少还有一个好处，能够促使您的站点形成巨大的内部链接网。
二.尽量少用无用的图片和flash。内容索引所派出的搜索引擎爬虫，不认识图片，只能根据图片“ALT,TITLE”等属性的内容判断图片的内容。对于flash搜索引擎爬虫更是视而不见。
三.尽量少用JS，JS代码全部用外部调用文件封装。搜索引擎不喜欢JS，影响网站的友好度指数。
四.尽量不使用表格布局，因为搜索引擎对表格布局嵌套3层以内的内容懒的去抓取。搜索引擎爬虫有时候也是比较懒的，望各位一定要保持代码和内容在3层以内。
五.尽量不让CSS分散在HTML标记里，尽量封装到外部调用文件。如果CSS出现在HTML标记里，搜索引擎爬虫就要分散注意力去关注这些对优化没有任何意义的东西，所以建议封装到专用CSS文件中。
关于本文就讲这么多了，希望能给大家带来一些帮助，感兴趣的小伙伴关注一下小编哦！想了解更多SEO专业知识的，可以通过微信: seobst 咨询，给大家分享最新的SEO资料、工具，同时提供百人学习交流群给大家，平时有遇到不懂的问题也可以在群里提问，快快加入进来一起学习探讨吧！
作者：羽西SEO https://www.bilibili.com/read/cv15288549 出处：bilibili
一、W3C标准
搜索引擎的排名算法是在W3C标准的基础上开发的，所以一个网站的代码编写尽量符合W3C标准。最容易看出是不是符合W3C就是看网站代码最顶部有没有DOCTYPE的声明。“DOCTYPE 是 HTML 与 XHTML 中的文档声明，作用是告知浏览器当前文档所使用的是哪种 HTML 或 XHTML 规范。DOCTYPE 声明位于文档最前端，标签完整格式为”，这里为XHTML为例：
1、Transitional DTD[过渡的]。
2、Frameset DTD[框架的]。
3、Strict DTD[严格的]。
二、META标签
meta标签都在位置，meta标签主要的作用是向搜索引擎解释网页有哪些信息，比如你的titel、keywords、description、作者信息、版本等信息，即使现在搜索引擎不再重视这keywords、description，但对于SEO还是非常重要的。
1、TITLE：符合网站特色与主关键词。标题这里不多讲。
2、description、keywords：这两个标签宁缺勿滥，可以不写，但不要填一次修改一次。即使你权重高也于玩不起的，确保填写好后不修改就行了!
3、robots：robots标签是用来告诉搜索引擎哪些网页要可以被收录，哪些不可以收录。robots ontent的参数有all,none,index,noindex,follow,nofollow。默认是all。设置好robots.txt能更灵活的控制网页收录明细。
三、DIV+css
一个网站使用DIV+CSS框架编写对SEO友好是因为代码清晰、精简、减少网页代码。提高了蜘蛛访问效率，有利于收录。之所以说TABLE不好是因为蜘蛛访问网页时碰到多层嵌套，会跳过嵌套内容，总之嵌套太多影响收录就是了。而DIV+CSS不会。
四、网站标签代码优化
查看标签代码需不需要优化，一般都可以使用 ctrl+F查找功能，查找相应的标签。以下是一些经常会被优化到的标签
1、H1 ～ H6：主要用于标题，搜索引擎对于H1标签文字会给于其他内容更高的权重，在网页中最高权重为tilte，随后是H1,H2…规则是，H1每个页面只要出现一个就行了，不适多。H1一般用在页面标签，而且代码越前越好。其他H2～H6标签出现次数最好控制在1～5个!反正多了不好，反而影响美观与收录!
2、 ALT：主要用于图片描述，可以使用查找功能找出ALT标签，
看哪个图ALT为空的，就在ALT后面写上图片相关内容，。一切为了收录!
3、strong和b：主要用于内容，strong和b都是加粗效果，b在HTML代码里只是加粗，而strong是表示语句强调、加重。更主重于内容上的应用，更适合用于关键词。而且权重上strong比b高，一切为了权重，所以就用他吧，哈哈!在代码看到哪个是用b把他替换成strong就可以了，要记住，适量适量，过多也会影响的!
注意事项
一.尽量缩减您的页面大小，因为搜索引擎爬虫每次爬行您的站点时，存储数据的容量有限，一般建议100KB以下，越小越好，但不能小于5KB。网页大小减少还有一个好处，能够促使您的站点形成巨大的内部链接网。
二.尽量少用无用的图片和flash。内容索引所派出的搜索引擎爬虫，不认识图片，只能根据图片“ALT,TITLE”等属性的内容判断图片的内容。对于flash搜索引擎爬虫更是视而不见。
三.尽量少用JS，JS代码全部用外部调用文件封装。搜索引擎不喜欢JS，影响网站的友好度指数。
四.尽量不使用表格布局，因为搜索引擎对表格布局嵌套3层以内的内容懒的去抓取。搜索引擎爬虫有时候也是比较懒的，望各位一定要保持代码和内容在3层以内。
五.尽量不让CSS分散在HTML标记里，尽量封装到外部调用文件。如果CSS出现在HTML标记里，搜索引擎爬虫就要分散注意力去关注这些对优化没有任何意义的东西，所以建议封装到专用CSS文件中。
关于本文就讲这么多了，希望能给大家带来一些帮助，感兴趣的小伙伴关注一下小编哦！想了解更多SEO专业知识的，可以通过微信: seobst 咨询，给大家分享最新的SEO资料、工具，同时提供百人学习交流群给大家，平时有遇到不懂的问题也可以在群里提问，快快加入进来一起学习探讨吧！
作者：羽西SEO https://www.bilibili.com/read/cv15288549 出处：bilibili
