网站代码优化方法

发布：2018-11-16 19:09:02 浏览：4620

了解了HTML的基本信息以及几个基本标签的使用方法，对于SEO人员来说是不够的。
 
要做好网站优化，SEO人员更需要掌握网站代码的优化方法，这才是SEO工作的重点之一.


 
1. HTML基本标签优化
 
优化方法。hTML基本标签中，有一些是对网站优化有促进作用的。接下来，介绍五种重要标签的
 
(1) <h#>标签
 
<h#>标签是用来定义标题、表示强调的一一种标签。 根据<h1>到<h6>六种不同的级别，来呈现页面内容的层级。
 
经常使用的是<hl>、<h2>这两个<h#>标签，在使用<h1>、<h2>标签时建议包含关键词，可以提升关键词在页面中的权重。由于<h3>、<h4>、<h5>的强调作用较小以至可以忽略，所以在网站优化中基本上用不到。<h6>可 以用在首页友情链接处，以降低友情链接对页面目标关键词的影响。
 
<hl>标签是对页面最重要部分的强调，一般用在页面标题上。需要注意的是，在同一个页面中<h1>标签只能出现-对，若在页面中出现多个<h1>标签会对网站关键词排名造成不利影响。因此SEO人员在分析网站源代码时，若发现网站源代码中有大量的<h1>标签，应保留一对，剩余的用其他标签替换。
 
<h2>标签在同一页面中一般也出现一对，通常使用在栏目名称、文章段落标题或小标题中。虽然<h#>标签对网站优化有着积极的影响，但如果乱用同样会带来不利的后果，切忌将<h#>标签用在整段内容中。
 
(2) <strong>标签
 
<strong>标签表示强调，有加强语气的作用，在页面中表现为加粗显示。在包含关键词的位置使用<strong>标签，有助于在页面内突出关键词，提升关键词与页面的相关性。
 
<strong>标签一般应用 在网站版块标题、文章小标题处，图4.12所示是在文章小标题处添加<strong>标签。
 
说到夏天旅行，可能很多人第一反应就是炎炎夏日哪有什么好玩。令人研异的是青岛就是这样一座城市，青岛的夏天最是出名最是好玩，快跟小编一起来看看。什么去青岛旅游最好呢?
 
青岛的春天，虽然短暂，却有这个海滨小城一年里最美的花季。樱花、海棠花、君桃花、梧桐花、槐花，在大街小巷和各处山坡随处可见，整个城市沉漫在暗香浮动中。夏天可以算的青岛最很漫的季节。建石丛中的浪花，钱滩上的螃蟹和贝壳，对外地人未远充满无分的乐德。
 
秋天在青岛如果你不仔细留意少有的那么几天清激透明有蓝天白云的日子，如果你不仔细盯住枫、棕、银古等树木容顾的安化，青岛的秋天几乎稍纵即逝，很难在记忆里留下点滴印象青岛的冬天，和中国北方任何一个地方一样，黑冷，策条。但却是青岛一年中游人最少季节，当然如果有一场不期而遇的大雪，你将见到崂山最美丽的时刻。
 
注意，在网站中使用strog>标签时，切忌页面中大段文字、页面内非关键词使用此标签。在HTML代码中，<b>标签也是用来加粗显示页面内容的标签，但是该标签只是起到加粗的效果，没有强调作用。
 
因此在优化网站时，当文本中包含关键词时建议选择<strong>标签。
 
(3) <img标签中的alt属性 <im标签是表示图片信息的标签，而山属性是 个必需属性，在-img标签中添加山
 
属性，一是为了通过altl属性对图片进行说明，告诉搜索引华图片的含义:是为了提高用户 体验，在<img>缺少tile 属性时，当鼠标移动到图片上展现的文字信息即为山属性内容。身外，当图片不能正常显示时，a属性中的文字将替代图片进行展示。<img>标签中alt属性对SEO的作用包括，可以使搜索引擎更好地识别图片信息，从而使
 
图片有收录和排名: alt属性的内容可以是页面所优化的关键词，因此，<img-标签中的a山属性可以用来调整页面关键词的密度。优化<img>标签的alt属性时，需娶保证all 属性中的内容要和图片相符，字数控制在100个字符以内。
 
(4) <a标签中的title 属性 <a>标签中的tile属性是为链接添加描述性文字，鼠标指针悬停在超链接上，显示该超链接的文字注释。
 
<a>标签的title 属性内容可以是要跳转的页面所优化的关键词，因此为<a>标签添加tile属性可以增强页面和关键词的相关性，还可以调整页面关键词的密度。因此，当页面中需要调整关键词密度时，可以考虑添加上该属性。
 
(5) <iframe>标签。<ifame>标签会创建包含另外一个文档的内联框架(行内框架)，在页面内加载其他页面及资源。
 
<iframe>标签会导致搜索引擎蜘蛛抓取困难，搜索引擎的蜘蛛不会识别在<ifame>中被调用的图片、文本、URL等内容，因为这些内容不属于该页面，只是访问的时候被临时调用的，建议不要使用。
 
如果网站中必须要添加<iframe>框架结构，如何优化呢?网站顶部不要使用，一般放在中间或尾部。
 
尽量减少<ifame>标签的使用。一个页面的<ifame标签不要太多，般不超过两个。<ifame>框架内的内容尽量简单，一般就是一个图片或者简单的网页。
 
SEO人员在检查网站<ifame>标签时，直接在网站源代码中搜索<fame>，判断其使用是否合理。若不合理，可以配合技术人员进行修改，去掉不必要的内联框架。
 
2. JS、CSS代码优化
 
(1) JS代码优化
 
如今搜索引擎对用户体验的关注度越来越高，这就要求SEO人员在优化网站时不仅要做好自身网站内容的建设，还要做好用户体验的优化。网页打开速度是影响用户体验的一个重要进行优化。因素，要提升网页打开速度，除了可以选择更好的服务器之外，同时也可以对网站自身的代码。
 
网页中最影响网页打开速度的因素是什么?是网站中的JavaSript代码。JavaSript 简称页外调用。JS，它是一门面向对象的编程语言，用来开发网页，IS可以直接写在网页内。
 
网页中引用的JS文件越多，打开速度越慢。网络上关于JS优化的资料有很多，但大多技术性很强，像变量、字符串、类型，本章主要介绍JS怎样放置、如何删减。
 
也影响了网站速度。网页要实现强大的功能，必须使用JS文件。正是这些JS文件，在增强网站功能的同时，总体来说，关于JS优化通常有以下三种方法:
 
1)将不重要的JS放在页面最底部
 
这是最简单也是效果最好的优化方法。将不重要的JS全部放到页面的最底部。实现异步加载，也就是等网页都加载完了再加载这些不重要的JS，这样就不影响网页速度了。
 
合并JS文件的目的是减少HTTP请求，向服务器请求越少，打开速度越快，而合并多个原本独立的JS文件需要一一些技巧。 因为JS是可关联型的，可能前面的JS代码中声明的变量在后面的JS代码中也需要调用。如果顺序颠倒，JS 调用未定义的变量就会出错。所以JS -定要按顺序合并，从上到下，包括JS文件以及JS代码。
 
合并JS网站设计文件案例。body主体中间的“test(index)；”代码中的“index”变量是在第一个文件common.js中声明的。如果把这段代码放到合并的JS文件中第一行，那么肯定会出错。所以应该按照从上到下的顺序，先把common.js里的代码放在合并的JS文件中的起始处，然后再放“test(index)；"， 接着再放html.js里的代码，完成合并。