网站SEO基础知识第15篇:HTML代码优化建议

SEO基础 2年前 (2016-08-30) 104次浏览 已收录 0个评论

作为 SEOer 来说,SEO 人员大部分情况下并不需要直接参与网站程序的编写,所以,株洲网站优化博主王小优认为,SEO 人员只需要能看懂一部分 HTML 代码,并且在工具的辅助下,能够增、删、改以下标签就可以了。

网站 SEO 基础知识第 15 篇:HTML 代码优化建议

一:为什么 SEO 人员必须懂一些 HTML 代码?

SEO 人员到底要不要懂 HTML 之争,一直都很热门,说必须懂的人和说不必懂的人在数量上差不多,而且懂 HTML 代码和不懂 HTML 代码的 SEO 人员都能够将 SEO 工作做的很不错,所以才会出现公婆各持己见的情况。

实际上 SEO 工作是由很多细节累积起来的,假设一共有 100 项工作内容,那么懂 HTML 语言和不懂 HTML 语言的人都做到了 90 项,在搜索引擎和用户看来,这个网站就有 90 分,对于懂或者不懂 HTML 语言这个问题似乎并没有那么重要了,因为大家目标一致,并且取得的成果一样,自然而然也就无所谓懂或者不懂 HTML 了。

但是,如果我们不满足于只得 90 分,就需要努力去取得那未曾做到的 10 个细节,而 HTML 语言就是其中一个,所以,作为 SEO 人员最好还是必须懂一些 HTML 代码。

二:SEO 人员必须懂的 HTML 语言代码

1、<title></title>标题标签:如果我们不知道网页的标题是由哪个标签来控制的,是一件很失败的事情。曾与一位朋友交流其站点的优化问题,我对他说页面的标题要优化一下,标题的写法最好是“文章标题-栏目名称-网站名称”的结构,结果他将正文的标题修改了。这充分说明这位朋友并懂<title></title>标题标签,所以不知道如何去修改页面标题。而页面标题对于搜索引擎来说是非常重要的,所以我们 作为 SEO 人员,一定要会使用<title></title>标题标签。

2、<meta name=”keywords” content=”” />页面关键词标签:作为 SEO 技术人员,所有的工作内容都是在做与关键词相关的工作,所以我们千万不能将这个标签忽略了。对于<meta name=”keywords” content=”” />常见有两种错误:

2-1、没有使用<meta name=”keywords” content=””/>页面关键词标签:通过源码,我们可以发现很多网站其实没有这个标签。没有此标签的网站,大部分情况是因为 CMS 程序不支持,而有些则是因为不明 白它的作用,所以没有添加。不论是那种情况,我们都可以通过某些方法来改进。

2-2、关键词分隔符号使用不正确:关键词内容的正确形式是 content=”关键词,关键词 2,……”,关键词与关键词之间使用英文半角逗号分隔开来,而不是使用下划线、竖线或者空格等符号。

3、<meta name=”description” content=”” />页面描述标签:此标签可以看着是定义文章的主要内容,与标题一样,搜索引擎会将其显示在搜索结果页中。所以我们千万不要忽略,甚至于我们可以利用这一点来将一些促销和利好信息展示给搜索者,描述的写法可以参见我们之前的文章。

4、<base href=”” />默认地址标签:在某些情况下,我们的网站会被某些人恶意复制,造成网站排名下降和权重流失等损失,为了在一定程度上防御这种复制带来的后果,很 多 SEO 人员提出在链接中使用绝对 url 的方法。实际上除了使用绝对地址,我们还可以使用<base href=”” />默认地址标签,使用了默认地址标签的页面,其页内所有的相对 url 地址都是将其 href 所指定的 url 作为基准,进行链接。

同时,在此也提醒一下建站的朋友,如果使用了<base href=”” />默认地址标签,在修改各种包含文件——如 css,js 等引用文件——的时候,要去掉<base href=””/>默认地址标签,否则修改本地文件是无效的,因为它会默认去调用 href 指定的文件。

5、<b></b>和<strong></strong>文字加粗标签:这两组 HTML 标签在 视觉效果上都是让文字加粗,都有强调的作用,它会告诉用户和搜索引擎,这部分内容在本页面是很重要的。所以我们在页面中可以将重要的词组——一般是关键 词,进行<b></b>或<strong></strong>加粗强调。但是要避免通篇都是加粗,或者 通篇都没有词组被加粗,这两种方式都是不可取的。

大部分情况下,使用<b></b>或者<strong></strong>效果是类似的,有专家 提出使用<b></b>字符更少、更能节约带宽,所以建议将<strong></strong>都换成<b></b>,但显然这个理由并不是那么充分和吸引人,几个字符,对于现在的网络速度来说,完全可以忽略不计。

6、<h1></h1>内容最大标题标签:被<h1></h1>包含的内容,搜索引擎会给予很高的权重,所以作为 SEO 技术人员,一定要重视这一点。并且要记住:<h1></h1>是用来定义正文内容最大标题,而不是页面标题,不要与<title></title>混淆。

同时,一个页面只允许有一个<h1></h1>标签,否则会被认为是作弊——目前来说是这样的,HTML5 拥有更强的功 能,允许一个页面有多个<h1></h1>标签,但目前还未完全被搜索引擎所支持,所以我们坚持在一个页面使用一 个<h1></h1>是没错的。

7、<h2></h2>和<h3></h3>内容次级标题标签:一篇文章,除了标题,还会有各种次级段落标题,比如本文就存在多个次级标题。一般建议,页面必须有<h1></h1>和标签,<h2></h2> 和<h3></h3>标签不作要求,也不建议使用<h4></h4>及更次级的标签,因为作用不大,但 不阻止使用,因为他们是文档的标准标签,即使无用,也无害。

8、<a href=”” target=”” rel=””></a>超链接标签:作为 SEO 人员,这个 HTML 标签是必须懂的,在互联网中超链接标签可以说是灵魂一般的存在,如果 没有超链接标签,网站将失去意义。不管我们是做锚文本,还是做图片链接,都需要使用它。

这里我们要注意它的两个属性,一个是 target,它决定了链接以何种方式打开,一般站内链接会被定义为在当前页面打开,外部链接被定义为在新窗口中打开。

另外一个属性是 rel,其最让 SEO 人员关注的就是 Nofollow 值,因为它代表不传递权重。对内可以集中权重,不使其分散到无意义的页面;对外,可以防止权重流失和避免被骗友情链接。

9、<img src=”” alt=”” width=”” height=”” />图片标签:图片标签我们要注意的是其 alt 属性,因为搜索引擎并不认识图片,而 alt 属性则在大概意义上告诉了搜索引擎此图片的内容。

所以,作为 SEO 人员,一定要重视 alt 属性的使用,对每一幅具有实际意义的图片都应该加上 alt 属性,并为其指定内容。在大多数浏览器中,定义了 alt 属性内容的图片,当鼠标悬停在图片上的时候,会显示 alt 属性值:鼠标悬停显示 alt 属性值而这幅图片的 HTML 代码为: <img src=”/uploads/2012/04/lianggebiaoti.jpg” alt=”页面标题和内容标题的区别” width=”658″ height=”237″ /> ……

另外两个属性 widht 和 height 用来定义图片的宽度和高度,大部分情况下,很多程序编写人员都是忽略,让浏览器自行判断图片的大小。 这种做法在图片的显示上面是没有什么错误的,但是忽略 width 和 height 属性,会增加图片显示的时间,所以我们应该主动给图片加上宽度和高 度属性,并指定其值。

三:总结

以上就是株洲网站优化总结的 SEO 工作人员必须懂的 9 个 HTML 语言标签,希望广大的 SEOer 们能够将它们的用法做一个详细的了解,并能够在日常的 SEO 优化工作中去遵照标准来使用他们。相信只要我们越来越符合标准,搜索引擎也会越来越喜欢我们的网站,同时也能够给用户以良好的访问体验。


本文版权归湖南 SEO所有丨如需转载请注明文章出处
原文地址:https://www.wangxiaoyou.com/728.html
喜欢 (0)
[736035566@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址