做网站SEO优化不仅仅需要清楚SEO知识,还需要了解基本的html代码知识。今天我们为大家介绍做SEO优化必知的html代码知识!
一、<title></title>
title标题标签代码:通常以<title>标题</title>的形式出现,是对网站的综合性介绍展示,对网站品牌和内容的诠释。如下:
<title>这里是网站的标题</title>
二、keywords
keywords是关键词标签,主要是介绍网站的关键词方面及内容、服务的简单缩写。代码结构是这样的:<meta name=”keywords” itemprop=”keywords” content=”这是网站的关键词” />
三、description
description描述标签和标题同样很重要,是对网站整体内容的定位、概括性总结及服务的简单描写。代码结构如下:
<meta name=”description” itemprop=”description” content=”这是网站的描述” />
四、<body>中的标签
尽量让代码语义化,在适当的位置使用适当的标签,用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如:h1-h6是用于标题类的,<nav>标签是用来设置页面主导航的等。
五、<img>和alt标签
<img>标签主要是针对图片的,而alt标签是对图片的诠释与介绍,对图片的附加说明,能够让搜索引擎更好的理解图片内容。
代码结构如下:<img src=”/9、png” alt=”这是图片的说明很重要” />
六、图片上的tltle标签
这里的tltle标签也是对图片的进一步强调说明,鼠标移动图片上会显示对应的文字说明,利于用户体验。代码结构如下<img src=”/9、png” alt=”” tltle=”这是图片的tltle标签” />
七、a标签
a标签的表现形式为<a href=”链接地址”>关键词</a>,通常用来作为锚文本链接的形式出现在网页里面,当然图片也可以操作的。
八、nofollow标签
nofollow标签是对网站链出的其它网站链接不想传递该链接权重的标签,一般情况下可以不加。表现形式如下:<a href=”http://www、miitbeian、gov、cn/” rel=”nofollow”>豫ICP备</a>
九、<b>标签、<i>标签、<em>标签和<strong>标签
<strong>标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,<em>标签强调效果仅次于<strong>标签。<b>、<i>标签:只是用于显示效果时使用,在SEO中不会起任何效果。
十、<h>标签
这是一组标签,一般由h1到h6。h1一般用在标题里,是该页面唯一需要注意重视的标签,并且一个页面只能出现一次,而其它h2到h6可以出现多次,而且从1到6是层次递进关系。正文标题要用<h1>标签:“蜘蛛”认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签,而其它地方不应该随便乱用h标题标签。
十一、<br>标签
只用于文本内容的换行,比如:
<p>
第一行文字内容<br/>
第二行文字内容<br/>
第三行文字内容
</p>
十二、Div+CSS
Div+CSS是网站样式的框架组成样式,对于基本的页面结构,代码知识,最好了解一些,像head、body、foot这些简单的代码也是需要了解一点比较好。还有以下这些知识:
1、文本缩进不要使用特殊符号应当使用CSS进行设置。版权符号不要使用特殊符号?可以直接使用输入法,拼“banquan”,选择序号5就能打出版权符号?。
2、巧妙利用CSS布局,将重要内容的HTML代码放在最前面,最前面的内容被认为是最重要的,优先让“蜘蛛”读取,进行内容关键词抓取。
3、重要内容不要用JS输出,因为“蜘蛛”不认识
4、尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容
5、谨慎使用display:none:对于不想显示的文字内容,应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。
6、不断精简代码
7、js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后。
以上是我们总结的一些常用的网页代码优化具体操作,如果你有着更好的代码优化方法,可以和我们共同探讨!