最新消息:张恒嘉自媒体博客2016年4月全新改版!有想法的朋友可以在此投稿!”想与本站换友情链接的可直接QQ或给博主留言

html代码优化,你get了吗?

建站技术 张恒嘉 来源:章晓雷博客 11648浏览

<h>标签

介绍:<h>标签是用来定义标题表示强调的一种标签,有<h1>到<h6>种不同的级别,用来呈现页面内容的层级

html代码优化,你get了吗?
seo作用:
1.<h1>和<h2>标签能很好的突出页面重要标题(标题含关键词)
2.有助于关键词的排名提升
注:<h>标签是网站中表示着重强调的最重要的标签之一,尤其<h1>
为了突出目标关键词,在使用h标签时应该注意:
1.<h1>标签建议使用
2.<h1>标签和<h2>标签在使用的时候建议包含关键词
3.<h1>标签和<h2>标签再使用的时候建议只出现一次
4.<h3>.<h4>.<h5>标签SEO作用较小,建议不要乱用
5.<h6>可以用在首页友情链接处,以降低友情连接对页面目标关键词的影响
       <strong>标签
介绍:<strong>标签表示强调的作用,有加强语气的意思,在浏览器中表现为加粗显示
作用:加强语气突出标签内文本内容
seo作用:
在页面内突出关键词,有助于关键词的排名提升
注意事项:
页面内不要有大量的加粗文字,面内关键词文本少用此标签,一般网站标题都需要用此标签,可以用来标注文章小标题
       <b>标签
介绍:<b>标签用来加粗显示页面内容
作用:标签内文本呈现粗体显示效果
b标签与<strong>标签的区别
相同点:
都是显示加粗效果
不同点:
b标签只是物理性质的加粗
<strong>标签是语义的强调
结论:建议选择<strong>标签
       <img>标签
介绍:<img>标签是调用图片信息的,而alt属性是一个必需属性(一定要有),它规定在图像无法显示时的代替文本
作用:在图片上鼠标悬停的时候可以显示文字注释
seo作用:
让百度更好的识别图片信息,从而使图片有收录和排名
可以用来调整关键词的密度,用来保持关键词密度在2%-8%
注意事项:
alt描述要和图片内容相符
alt描述控制在100字符内(极限)
       <a>标签
a标签中的title属性
介绍:为连接添加描述性文字
作用:鼠标悬停在超链接上.显示该超链接的文字注释
seo作用:增强页面和关键词的相关度
注意事项:
title属性属于非必需属性(最好添加)
调整关键词密度的时候可以考虑
浏览器不同有不同的显示效果
       <iframe>标签
介绍:<iframe>标签会创建包含另外一个文档的内联框架(行内框架)
作用:页面内加载其他页面及资源
seo作用:<iframe>标签内的连接会被百度蜘蛛忽略
注意事项:
尽量少用:<iframe>标签的使用
百度蜘蛛对采用太多:<iframe>标签的网页不太友好
       js代码优化
js代码定义和作用:javascript简称js是一门面向对象的编程语言,用来开发网页,js可以直接写在网页内,也可以写在网页外调用
js代码注意事项:
尽量减少JS的数量和体积,防止网页加载时间过长
采取调用的形式来实现JS功能
百度搜索引擎对js还不能完全识别,抓取有压力
重要链接请不要加在JS里
       css代码优化
css代码的定义:css层叠样式表也叫级联样式表或者风格样式表,它使用来进行网页风格设计的使用页面内容呈现出丰富多样漂亮的效果,利于阅读,现在css2还在使用,css3是目前最新版本css可以直接写在网页内,也可以写在网页外调用
css代码在seo中的作用:css可以突出显示关键词,从而增加关键词和页面的相关度,利于提高搜索排名
如:定义文本的颜色、大小、粗体显示等
css代码优化注意事项:
采取调用的形式实现css功能
尽量减少css的数量和体积,防止网页的加载时间过长
注:css一般在团队里是由前端人员负责
       总结:
<h>标签既能突出重点,又能显示出文章的层次,但不要过度使用
<strong>可以突出目标关键词和相关关键词,也有控制文章层次的作用
alt属性可以调整目标关键词的密度,也会使用图片在图片搜索中获得很好的排名

 

来源:章晓雷博客(微信/QQ号:894331553),转载请保留出处和链接!

本文链接:http://www.zxlblog.com/reed/44.html

 

转载请注明:张恒嘉自媒体博客 » html代码优化,你get了吗?