在SEO优化工作中,很多小伙伴不懂代码而完全忽视代码优化,这是不对的;其实,网站代码优化也是一个非常重要的细节,很多SEO高手都把其作为优化网站的重要手段!本文同大家一起聊聊网站代码如何优化?文章源自MAY的SEO博客-https://may90.com/tech/codes.html
文章源自MAY的SEO博客-https://may90.com/tech/codes.html
1. H标签
H标签,用于标记文章标题的标签,分为H1~H6,站在SEO的角度,这6个标签的强度依次减弱,因此h1标签的权重最高,一定要写好,往往建议与页面标题一致,最好包含关键词;另外有几点需要我们特别注意的是:①. 一个页面只有一个h1标签;②. 有h2标签就必须有h1标签;有h3标签就一定有h1,h2标签,以此类推。
2. 加粗标签
在html中有加粗效果的标签有2个,一个是strong标签,一个是b标签。那这两者之间有什么区别呢?strong标签比b标签要多一层强调的作用;而b标签只是简单的加粗。一般情况下,你要重点强调某一个关键词就用strong标签,如果只是为了单纯地加粗某个词或句子,就使用b标签。
3. img标签
img标签是图片标签,往往要求将图片的四要素写全,分别是src、alt、height、width。①. src是图片链接地址,一般建议填写绝对地址,这样能缩短网页的加载时间;②. alt标签,由于搜索引擎无法识别图片内容,就需要alt标签来传达图片上的信息,这对于搜索引擎或用户来说,都是非常友好的;③. height标签是图片的高度;④width是图片的宽度,定义好图片的高度和宽度,都会帮助搜索引擎减少加载时间。
4. nofollow标签
我们网站上有时候会出现导出链接,比如百度云盘链接等,加上nofollow标签,能很好地避免权重的流失;这里需要特别提醒的是:友情链接不要加nofollow链接,何为友情,友情就是互相信任,互相影响!
5. div标签
div常常用来嵌套,页面div中嵌套了大量的div,会拖慢网站访问速度,而且嵌套太多的div也极容易会出现浏览器不兼容的问题。另外还会给搜索引擎蜘蛛的爬行增加阻力,对搜索引擎来说是非常不友好的。
6. table标签
table标签是一种表格标签,table排版的兴起是起初由一位给报纸排版的人使用的;因此很多站长借鉴用来给网页排版,其实这种方法是不可取的。最佳的方式是使用div+css,这种布局方式能大大精简网页的代码量,减少网页的体积,有利于网页的读取,当然也要特别注意div的嵌套层次不要太多。
7. CSS优化
①. 对于一些相同的样式,尽可能合并在一起写,这样能够有效地压缩代码,提升网站的加载速度;②. 对于head中的代码较多,尽可能使用外部调用,这样做的好处是能够减少页面体积,而且CSS文件可以被缓存、重用,减轻服务器压力等;③. 对于一些不用的样式代码,直接去除。
8. JS代码
众所周知,JS数量过多,会严重导致网页加载速度过慢,不利于网站优化。很多小伙伴一味地追求各种炫丽的特效,不断地增加JS代码,从而大大增加了网页加载的难度,这种做只会得不偿失!
网站代码优化是不是没有想象中的那么难?特别是前6点,大家觉得难的可能就是最后2点,不要着急,可以多向公司的技术人员请教;或者自己私下多学习一些CSS和JS的基础知识,对自己SEO优化技能的提升也是非常有帮助的!把本文提及到的8点都掌握好,网站代码优化也就做得差不多了。
关键词:网站代码,代码优化
1F
内容为王,代码锦上添花
2F
不错的WOrdpress博客,内容做得不错,但是网站的排版布局,站长,还是要搞一下才行,用户体验好一点。
B1
@ 广东羊城技工学校 有什么好的建议欢迎交流。
B2
@ MAY的SEO博客 最近哪都能见到你
B1
@ 广东羊城技工学校 比我的好多了