第15章站内代码优化

第15章站内代码优化目标认识常用标签、js和css语言对SEO的作用掌握html中代码的优化方法掌握js、css代码的优化方法29-9月-23目录html代码优化1js、css代码优化229-9月-23想一想你知道以下这些网页是怎么做出来的吗？提问这些精美的网页都是由html、js、css等代码控制的29-9月-23html代码优化<h>标签<strong>标签<b>标签<img>标签中的alt属性<a>标签中的title属性<iframe>标签29-9月-23html代码优化-h标签<h>标签<h>标签是用来定义标题表示强调的一种标签，有<h1>到<h6>6种不同的级别，用来呈现页面内容的层级29-9月-23html代码优化-h标签<h>标签对SEO的作用<h1>和<h2>标签能很好的突出显示页面重要标题（标题含关键词）提升关键词与页面的相关性29-9月-23html代码优化-h标签<h>标签的优化<h1>或<h2>标签包含关键词<h1>或<h2>标签在页面中只出现一次<h3>、<h4>、<h5>标签SEO作用较小，建议不要乱用<h6>可以用在首页友情链接处，以降低友情链接对页面目标关键词的影响29-9月-23html代码优化<strong>标签介绍：<strong>标签表示强调的作用，有加强语气的意思，在浏览器中表现为加粗显示作用：加强语气突出标签内文本内容29-9月-23html代码优化<strong>标签对SEO的作用在页面内突出关键词提升关键词与页面的相关性29-9月-23html代码优化<strong>标签优化板块标题使用此标签标注文章小标题注：请不要在页面中大量使用该标签29-9月-23html代码优化<b>标签<b>标签物理性加粗显示页面内容29-9月-23html代码优化b标签与<strong>标签的区别相同点都显示为加粗效果不同点b标签只是物理性质的加粗<strong>标签是语义的强调结论建议选择<strong>标签29-9月-23a标签中的title属性介绍：为链接添加描述性文字作用：鼠标悬停在超链接上，显示该超链接的文字注释html代码优化29-9月-23html代码优化a标签中title属性对SEO的作用提升关键词与页面的相关性可调整关键词密度29-9月-23html代码优化<img>标签中的alt属性介绍：alt属性是介绍图片信息的29-9月-23<img>标签中的alt属性介绍：alt属性是介绍图片信息的html代码优化29-9月-23html代码优化<img>标签中alt属性对SEO的作用让百度更好的识别图片信息，从而使图片有收录和排名可以用来调整关键词的密度注意事项alt描述要和图片内容相符alt描述控制在100字符内（极限）29-9月-23html代码优化<iframe>标签介绍：<iframe>标签会创建包含另外一个文档的内联框架（行内框架）作用：页面内加载其他页面及资源29-9月-23html代码优化<iframe>标签对SEO的作用<iframe>标签内的链接会被百度蜘蛛忽略29-9月-23html代码优化<iframe>标签的优化尽量减少<iframe>标签的使用百度蜘蛛对采用太多<iframe>标签的网页不太友好29-9月-23目录html代码优化1js、css代码优化229-9月-23js代码优化js代码的定义javascript简称js是一门面向对象的编程语言，用来开发网页，js可以直接写在网页内，也可以写在网页外调用29-9月-23js代码优化js代码对SEO的作用搜索引擎对js抓取有压力影响网页的打开速度29-9月-23js代码优化js代码优化尽量减少js的数量和体积采取调用的形式来实现js功能重要链接不要加在js里29-9月-23css代码优化css代码的定义css（cascadingstylesheet）层叠样式表也叫级联样式表或者风格样式表，它是用来进行网页风格设计的，使页面内容呈现出丰富多样漂亮的效果，利于阅读，现在css2还在使用，css3是目前最新版本，css可以直接写在网页内，也可以写在网页外调用29-9月-23css代码优化css代码对SEO中的作用精简网页的代码体积提高网页的打开速度29-9月-23总结