您现在的位置是:主页 > 资讯 >
SEO网站html代码优化学习总结
2020-08-05 22:48 职场心得 1115人已围观
一、简单的认识下HTML
超文本标记语言,不是编程语言,一种最为基础的网站制作语言。
二、认识常用的标签
1、title标签:
1、尽量采用div+css来布局页面
2、尽量缩减页面大小
3、尽量少用无用的图片和flash。
4、尽量满足网页代码的编写标准,提升网站对搜索引擎的友好度。
5、更深层次的套用hx(x=1,2..)标签。
6、尽量少用Js代码,真的要使用的话要封装到外部调用文件。
7、尽量不使用表格布局,也就是table标签。
8、尽量别让css分散到html的标记只能,尽量封装到外部css文件里。
9、清楚垃圾代码,如空格,没有太大意义的注释等。
10、避免页面重复。
11、代码书写要规范。如缩进的时候使用“tab”键,不使用空格。
四、网页的布局结构
1、设计好网站的导航。(尽量使用文字,如一定要使用图片,一定要加上alt属性,避免flash。。)
2、网页的布局结构。
就是说让用户很容易就可以找到想要的页面,回到想会的页面。如添加“上一篇、下一篇、相关文章”等等。
注意:修改前备份,以防改不回来
附件:
一、概念:
所谓代码优化就是指对程序代码进行等价(指不改变程序的运行结果)编变换。程序代码可以使中间代码(如四元式代码),也可以是目标代码。等价的含义是使得变换后的代码运行结果与变换前的代码运行结果相同。
优化的含义就是最终生成目标代码短(运行时间更短、占用空间更小),时空效率优化。原则上,优化可以在编译的各个阶段进行,但最主要的一类是对中间代码进行优化,并且这类的优化不依赖于具体的计算机。
二、分类:
1、代码优化包括:精简代码,头部优化,标签优化以及图片优化。
2、页面优化包括:
2.1、垃圾代码的清理(非必要代码的清理);
2.2、html(标签用短的代替长的,防止代码冗余);
2.3、css(精简代码,防止样式重复);
2.4、js(通过改变其出现的位置;
2.5、改变其调用方式来避免js占用页面空间以及重要的位置);
2.6、表格(解决嵌套为主)的优化。
三、常用技术:
1、删除多余运算;
2、循环不变代码外提;
3、强度削弱;
4、变换循环控制条件;
5、合并已知量与复写传播;
6、删除无用赋值等。
四、静态网页与动态网页的区分(按网页制作语言)
划分为(1.静态)HTML(超文本标记语言)
(2.动态)HTML+ASP或HTML+PHP或HTML+JSP等
五、网站源码的区分(动态源码和静态源码)
划分为(3.动态)ASP、PHP、JSP、.net、CGI等等(能与用户互动)
(4.静态)html、Flash、JavaScript、VBScript等
超文本标记语言,不是编程语言,一种最为基础的网站制作语言。
二、认识常用的标签
1、title标签:
用来撰写网页的标题。
如:<title>网页标题</title>
2、meta标签:
如:<title>网页标题</title>
在浏览器界面无法看到的标签,用来供搜索引擎索引。【包括关键字(keywords)和描述(description)】
如:<meta name=”keywords” content=””>,设定与本页内容相关的主关键词(1-3个),关键词直接用英文状态下的逗号隔开,注意不要滥用关键词(对搜索引擎不友好)。
<meta name=”description” content=””>,用主关键词链接起来组合成一段通顺的话(一般60到80个字),每个关键词重复两次左右。
3、h标签:
如:<meta name=”keywords” content=””>,设定与本页内容相关的主关键词(1-3个),关键词直接用英文状态下的逗号隔开,注意不要滥用关键词(对搜索引擎不友好)。
<meta name=”description” content=””>,用主关键词链接起来组合成一段通顺的话(一般60到80个字),每个关键词重复两次左右。
标题。(在一个页面中,一级标题只能出现一次,其他级别标题可以出现多次,而且h标签中最好出现关键词,但别别勉强,自然就好)
如:<hx>x级标题的名字</hx>
4、加强和强调标签:
如:<hx>x级标题的名字</hx>
Stronger被认为是加强(效果为加粗),em被认为是强调(效果是斜体)。
5、alt(区分title)标签:
alt是图像中的注释,title是图像或者链接的标题。通常在alt中设置图像的描述内容的时候再里面添加关键词,但不要故意堆砌,title则是当作图像标题来处理。【假如有多张图像的描述和标题一样会受到搜索引擎的惩罚】
如:<img src=”test.jpg” alt=”一个美女站在。。默默等待。。。。。” title=”静待”>
<a href=”product.html” title=”产品展示”>产品展示</a>
6、缩写abbr:
<a href=”product.html” title=”产品展示”>产品展示</a>
一种自定义的缩写方式,可以利用它来合理添加一些关键字,同样不能滥用。
如:<abbr title=”以石材为原料的雕刻作品”>石雕</abbr>
7、canonical标签:
如:<abbr title=”以石材为原料的雕刻作品”>石雕</abbr>
用来减少重复内容的一个建议,而不是命令。只能作用于同一个域名所在的网址,不能作用域不同域名上的重复内容。(该标签可以用于定义相对地址,也可以用于定义绝对地址【建议使用绝对地址,提升权重】)如:<link rel=”canonical” href=”网页权威链接”/>
三、优化方法1、尽量采用div+css来布局页面
2、尽量缩减页面大小
3、尽量少用无用的图片和flash。
4、尽量满足网页代码的编写标准,提升网站对搜索引擎的友好度。
5、更深层次的套用hx(x=1,2..)标签。
6、尽量少用Js代码,真的要使用的话要封装到外部调用文件。
7、尽量不使用表格布局,也就是table标签。
8、尽量别让css分散到html的标记只能,尽量封装到外部css文件里。
9、清楚垃圾代码,如空格,没有太大意义的注释等。
10、避免页面重复。
11、代码书写要规范。如缩进的时候使用“tab”键,不使用空格。
四、网页的布局结构
1、设计好网站的导航。(尽量使用文字,如一定要使用图片,一定要加上alt属性,避免flash。。)
2、网页的布局结构。
就是说让用户很容易就可以找到想要的页面,回到想会的页面。如添加“上一篇、下一篇、相关文章”等等。
注意:修改前备份,以防改不回来
附件:
一、概念:
所谓代码优化就是指对程序代码进行等价(指不改变程序的运行结果)编变换。程序代码可以使中间代码(如四元式代码),也可以是目标代码。等价的含义是使得变换后的代码运行结果与变换前的代码运行结果相同。
优化的含义就是最终生成目标代码短(运行时间更短、占用空间更小),时空效率优化。原则上,优化可以在编译的各个阶段进行,但最主要的一类是对中间代码进行优化,并且这类的优化不依赖于具体的计算机。
二、分类:
1、代码优化包括:精简代码,头部优化,标签优化以及图片优化。
2、页面优化包括:
2.1、垃圾代码的清理(非必要代码的清理);
2.2、html(标签用短的代替长的,防止代码冗余);
2.3、css(精简代码,防止样式重复);
2.4、js(通过改变其出现的位置;
2.5、改变其调用方式来避免js占用页面空间以及重要的位置);
2.6、表格(解决嵌套为主)的优化。
三、常用技术:
1、删除多余运算;
2、循环不变代码外提;
3、强度削弱;
4、变换循环控制条件;
5、合并已知量与复写传播;
6、删除无用赋值等。
四、静态网页与动态网页的区分(按网页制作语言)
划分为(1.静态)HTML(超文本标记语言)
(2.动态)HTML+ASP或HTML+PHP或HTML+JSP等
五、网站源码的区分(动态源码和静态源码)
划分为(3.动态)ASP、PHP、JSP、.net、CGI等等(能与用户互动)
(4.静态)html、Flash、JavaScript、VBScript等
Tags: