网站优化请联系客服报价!
当前位置:八吉SEO > SEO技巧 > 正文

网站优化不可忽视的代码标签

11-14 SEO技巧

今天我们来学习用来描述网站中需要优化哪些代码标签。

首先,我们梳理如下几大类基础知识

(一)-网站三要素

我们用TKD来快速记住网站组成,TKD就是标题title、关键词keywords、描述description三个部分,那么这部分书写一定是很注意,除过关键词keywords外,其他两个都很重要,我们需要分析用户需求,结合网站内容去填写合适的标题和描述,另外要注意能吸引用户注意。

(二)-网站代码组成

html>
<head>
<title>武汉SEO</title>
<meta name=http://www.8ji.cn/news/"keywords" content=http://www.8ji.cn/news/"SEO研究中心,SEO教程,武汉SEO" />
<meta name=http://www.8ji.cn/news/"description" content=http://www.8ji.cn/news/"武汉SEO提供免费SEO公开课,SEO技术问题
解答,SEO优化教程下载和系统SEO培训及技术指导。SEO高手交流群:25492313 " />

</head>结束标签
<body>这是简单的hmtl</body>
<img src=http://www.8ji.cn/news/"url" alt=http://www.8ji.cn/news/"表达的意思">
<h1>通过视频分享SEO<h1/>
<a href=http://www.8ji.cn/news/"" rel=http://www.8ji.cn/news/"nofollow">SEO名词</a>
</html>


(三)-网站代码的功能和作用


3.1-HTML的组成

1)-HTML由HTML标签组成,HTML 标签是由尖括号包围的词,例如<title>
2)-HTML 标签通常是成对出现的,比如 <body> 和 </body>。当然也有单标签形式出现的,比如<meta name=http://www.8ji.cn/news/"keywords" content=http://www.8ji.cn/news/"   "/>
3)-开始标签 <b> ,结束标签 </b>
4)-<h1>:文章标题
5)-<strong>:加粗标签、强调标签,
6)-<b>:加粗标签;
7)-<a>:超链接标签,格式为:<a href=http://www.8ji.cn/news/" " title=http://www.8ji.cn/news/"无忧老师"target=http://www.8ji.cn/news/"_blank">无忧老师博客</a>
8)-<p>:段落标签;
9)-<br/>:换行标签,单独使用,是自闭合标签;
10)-<hr>:被水平线分隔的标题和段落。

(四)-如何进行代码优化

1)-<html> 与 </html> 之间的文本用来描述网页

2)-<body> 与 </body> 之间的文本是可见的页面内容

3)-<h1> 与 </h1> 之间的文本被显示为标题,注意:文章标题,文章的标题只有一个,可以用在网页Logo中,所以一个网页内只能出现一对h1标签;h2标签页面中可以出现多次,5以内为佳,可以用于首页的版块标题,用以强调关键词。 内页文章标题等。h3-h5很少使用,h6可以用于友情链接,减少页面权重输出。

4)-百度不能识别图片,需要ALT标签给予描述 <img src=http://www.8ji.cn/news/"url" alt=http://www.8ji.cn/news/"url表达的意思">  图片标签描述
图片加ALT属性的作用:
4.1-提高网站相关性和用户体验
4.2-当用户鼠标一移动到该图片上立刻显示该图片想要说明的意思,而不是为了布置SEO关键字而写ALT文字,只有这样,ALT文字的真正价值才会被体现出来。当网站图片出现打不开时,用户依然能够知道图片所表达的含义。
4.3-用于图片的文字注释
我们在浏览网页时经常会发现当鼠标放在某一图片上的时候会出现文字注释,或者在有些网站的LOGO上也会显示ALT文字,这种文字就是ALT文字,专门用于注释图片的,因为搜索引擎目前识别不了图片,所以用ALT文字来代替图片 。
4.4-增加关键词密度
可以布置关键词,但尽量按照图片表达含义来抒写,不要重复。这样百度图片在收录的时候,方便它的查找。

5)-百度蜘蛛无法识别图片,这个时候就要为图片添加ALT属性,或者在图片下部加一段解释性文字。最好同样写一段介绍性的文字,用于注释。优秀范例大家可去优酷视频寻找学习。  
 
6)-nofollow标签,Rel=http://www.8ji.cn/news/"nofollow"  属性标签应用  
Rel=http://www.8ji.cn/news/"nofollow"  属性标签应用   书写规范:<a href=http://www.8ji.cn/news/"网址" rel=http://www.8ji.cn/news/"nofollow"></a>
rel=”nofollow”表示不向该页面导出权重,搜索引擎不追踪。出站链接,,不信任链接,比如QQ、微博等等可以添加nofollow标签,一般是在在a标签里添加。关于我们和联系我们,可以尽量让内容丰富一些包含文字,这样的话我们不必添加nofollow标签。

7)-JS/CSS的优化 
  JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。作为SEOer,我们能做的工作就是优化JS和CSS代码,对冗余废弃的代码进行清理删除,对JS、css代码进行合并,提升浏览器加载速度,改进用户体验。
  JS书写有三种方式,第一种是直接写到网页代码中,比如<>;
  第二种是嵌套式,可以出现在html的任意位置
  第三种是文件调用,html文件引入js文件。
  那么,这里建议大家使用JS,尽量使用外部调用方式。
  
8)-iframe标签
引用标签,蜘蛛是无法抓取Iframe标签中的内容,所以切记要优化的内容不要放置在iframe标签中。

9)-不建议使用的
图片、flash、JS、视频、声音、Ajax、frame、框架iframe等不能被百度蜘蛛识别,就不能抓取。不建议使用的JS、Ajax、frame、框架iframe,尽量少用。如果遇到frame、框架iframe,尽量用div+css布局,减少使用概率。同时table布局也是不利于网站优化的。

根据笔者建站经验,建议大家同时使用dreamwaver,这样可以同窗查看html的源代码和可视页面,方便初学者学习。

好了,掌握了如下网站代码优化三部曲,做一个爆款站就不是什么难事了。

版权保护: 本文由 八吉SEO 原创,转载请保留链接: http://shseo.8ji.cn/html/15.html