网站页面代码优化方法

原创 深圳胜达SEO  2017-06-26 13:43  阅读 115 次

精简代码优化好处非常的多,首先从SEO得角度来看的话,搜索引擎预处理的第一步就是提取文字,seo人员在优化网站的时候就应该去帮助搜索引擎提取文字的难度,也就是说我们在优化页面的时候就要精简HTML代码,尽量减少HTML代码,这样对于搜索引擎提取文字的难度就会减少,搜索引擎就会喜欢网站,收录的速度快,达到快速排名的效果,那些可以精简的代码呢。下面胜达seo一一列举。

网站页面代码优化

一、常见代码精简的地方:

1.使用css来定义
文字字体和颜色,尺寸,字体以及网站页面的排版,有一些网站使用了css文件,但在网站页面代码又出现了style或者font,在页面又定义一次,这样就是多余的了。我们可以适当的修改。

2.css使用外面文件
我们将css和Javascript放到外部文件夹里面,网站页面只放HTML代码,样式进行调用,这样使得网站页面整体比较工整,给搜索引擎提取减轻了负担,

3.减轻或删除注释代码
程序员在写代码的时候会有一些注释代码,程序员写代码的时候有用,但这些对于网站优化之后起到副作用,所以我们要适当删掉。

4.减少表格
表格在网页里面蜘蛛是不喜欢的,因为在网站使用表格的时候页面会出现大量的样式代码,在提取文字有难度。

 

二、代码精简实际操作:

1.“<b>深圳市<b>胜达seo</b>有限公司</b>”
比如上面的页面代码我们就可以做精简,修改为:“<b>深圳市胜达seo有限公司</b>”

2.“<font size=1></font>”
有一些网站会出现没有包含任何内容空标签,这些标签我们也可以适当的删除。

3.“<font size="2"><font color="#A3C06D ">在线胜达seo</font></font>”
这样的代码我们也可以去精简,精简为“<font size="2" color="#A3C06D ">在线胜达seo</font>”

可以精简的代码非常多,我们在实际操作的时候可以自己去多发现,只要不影响网页布局,能删除的尽量去删除掉。

网站HTML代码标签优化

 

一、HTML常见标签

1、title
2、meta标签:keywords/description
3、div标签(把网页分块)
4、css(对块进行设置,宽高,颜色,背景等)
5、H标签
6、a标签(可以点击的,鼠标放上去会变成手掌,是一个链接)target="_blank"新窗口打开
7、ing标签(图片标签)
等等

 

二、代码优化

代码优化目的使标签更加规范化,更简洁。

1、图片标签(图片有一个地址)主要从以下几方成来优化:

A:alt:用一句话描述图片内容,第一个图片:文章标题,第二个图片,第三个图片写小标题,在哪写ALT?
wedpress后台:插入一个图片,全选图片,编辑,替代文本里写alt
织梦:后台,文章上传一个图片,上传到服务器,替换文本

B:图片比例大小:接近121:75/网站的图片比例要一致

C:清晰:水印(不要影响用户浏览图片)

D:title 鼠标放上去弹出来的一段文字
wedpress:在图像标题属性里写
织梦:点源码到代码里面写

 

2、nofollow标签(从搜索引擎蜘蛛来看的,加到链接的后边)
A:不传递权重,对此链接不信用
B:不需要收录的页面
C:无价值页面
D:外部链接
nofollo怎么加?:到代码里面加
rel="nofollow"

3、h标签

A:原则:一个页面只能有一对H1标签
B:建议:有h2,h3,就要有h1
h1标签加在哪里?1)logo  2)文章标题
title网页的标题
在模板里面修改H1标签

精简代码有助于网站的速度,也给搜索引擎减轻的负担,可以快速的提取网页文字,所以代码的优化对于网站的有很大的帮助。

历史上的今天:

本文地址:http://www.szsdseo.com/ymyha/879.html
版权声明:本文为原创文章,版权归 深圳胜达SEO 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 小龙
    小龙 【队长】 @回复

    这个说得比较到位,学习了!