首页 > 优化 > 关键词  > SEO基础知识最新资讯  > 正文

SEO人员必须懂的9组HTML代码标签

2012-04-17 14:31 · 稿源:黄石SEO

上一篇博文说明了HTML的基础概念,并且许诺会在后续写一篇SEO和HTML的文章,所以本文就为广大的seo人员介绍SEO必须懂的HTML代码标签。总体来说,SEO人员大部分情况下并不需要直接参与网站程序的编写,所以,我们只需要能看懂一部分html代码,并且在工具的辅助下,能够增、改、删这9个标签就可以了。

一:为什么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>内容次级标题标签:一篇文章,除了标题,还会有各种次级段落标题,比如本文:

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

<h3>二:SEO人员必须懂的HTML语言代码</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优化工作中去遵照标准来使用他们。相信只要我们越来越符合标准,搜索引擎也会越来越喜欢我们的网站,同时也能够给用户以良好的访问体验。

如果在学习这9个html标签过程中有任何问题和疑问,可以给我们留言,或者给我们发邮件。再次感谢大家的支持和关注!谢谢!

举报

  • 相关推荐
  • 神州数码 x 嘉岳数智:以生成式AI打造绿色低碳行业的“懂碳帝”

    在"双碳"战略推动下,绿色转型成为产业升级和企业发展的重要方向。神州数码与嘉岳数智科技合作,探索AI技术在碳评估智能化领域的应用,解决传统碳评估面临的数据分散、专业性强等痛点。通过构建EPAG专家流程增强生成框架、Agent场景分类机制和自动化评估学习流程,显著提升专业术语理解准确率至95%以上,大幅减少人工编辑工作量。双方打造的智能评估产品已进入预发布阶段,为生成式AI在垂直行业落地树立标杆,助力企业实现绿色低碳转型目标。

  • 苹果iOS 18代码中发现A19/A19 Pro:iPhone 17系列全球首发

    开发者在iOS 18代码中发现了苹果A19和A19 Pro两款芯片,这两款芯片由iPhone 17系列首发搭载。 具体来说,苹果A19代号Tilos,由iPhone 17 Air首发;苹果A19 Pro代号Thera,CPID(组件识别码)为T8150,由iPhone 17 Pro和iPhone 17 Pro Max首发搭载。 据悉,苹果A19和A19 Pro都是基于台积电3n

  • 用AI解锁技术公益,第五届Light创造营圆满收官

    第五届Light创造营圆满收官,19支团队从847个申报项目中脱颖而出。经过激烈角逐,11个优秀项目入围并获得资助,覆盖无障碍服务、非遗传承、儿童教育、乡村振兴、环保等多元领域。本届创造营特别关注AI技术应用,多个项目聚焦解决残障群体生活难题,如AR字幕手语眼镜帮助听障人士实现双向沟通,面部控制系统让手部障碍者操作数字设备。此外,AI还被应用于青少年心理健康干预、景区无障碍评分等场景。腾讯基金会持续支持AI技术在公益领域的创新应用,五年来已孵化上百个具有社会价值的项目,影响范围不断扩大。

  • 27岁程序员敲代码时视网膜脱离 眼科医生提醒高危人群

    ​近日, 27 岁的合肥程序员小李经历了一场惊心动魄的健康危机。凌晨 2 点,连续加班数小时的他突然发现电脑屏幕上的代码扭曲变形,视野上方浮现固定黑影,紧急就医后被确诊为孔源性视网膜脱离,且病变已累及视觉中枢黄斑区。经眼科专家连夜实施视网膜复位手术,其右眼视力虽未完全恢复至术前水平,但已保住基本视觉功能。 "这类疾病就像'眼球内的地震'�

  • 说句实在话,电视这东西,贵的不一定体验好,便宜的也不是全都差,关键是懂“门道”。

    文章讲述作者购买高端电视的踩坑经历和选购经验。作者花上万元买的"高端电视"实际体验极差:画面泛白反光严重、缺乏层次感。经研究后发现选购电视不能只看参数,关键要看屏幕配置和控光技术。目前主流抗反光方案有"镜面+低反膜"和"磨砂+低反膜"两种,TCL T6L Pro采用前者,配合行业顶级的0.5%低反膜,反光率低至1.8%,在强光下依然清晰。该机还配备"万象分区"黑科技,420个分区实现精准控光,配合绚彩XDR技术,画面细节丰富。智能系统支持个性化桌面设置和分屏功能,使用体验出色。TCL凭借技术优势和销量冠军地位,成为家庭娱乐的理想选择。

  • 精臣B21Pro智能标签机全新升级,解锁相片打印新体验

    NIIMBOT精臣推出B21Pro智能标签机升级版,接入全新"拍了贴"照片打印贴纸功能。采用专业材料技术,将热敏成像升级为16色阶过渡的细腻黑白效果,配合300dpi高分辨率,能精准还原人物表情、宠物神态和风景层次。同时精臣小印APP同步上线"拍了贴"新功能,提供18款强大滤镜和丰富图标资源,支持多国语言字体,满足手账创作、旅行记录等多样化需求。这套组合完美契合出游记录、手账创作、宠物纪念等多种生活场景,让用户轻松打印高质量照片贴纸,为生活增添趣味与质感。

  • 新风+除湿一体机,南方人最懂的刚需!

    文章介绍了南方梅雨季潮湿闷热的问题,以及传统除湿方式的不足。重点推荐了托马仕THOMOS除湿新风一体机,该产品采用全铜内螺纹管+亲水铝箔翅片组合,除湿效率高达56L/天,并具备自动排水、双重HEPA13级净化等功能。其创新之处在于将除湿、新风、净化三大功能整合,通过智能系统实现全屋联动,解决传统设备需要频繁倒水、功能单一等痛点。文章强调该产品从用户实际需求出发,通过技术创新提供整体空气解决方案,而非简单功能堆砌。最后指出未来空气系统发展方向是打造更舒适、洁净、智能的居住环境。

  • 迅雷影音全新升级 支持多种网盘及百种视频格式解码播放

    迅雷影音发布全新版本,主打"下载-存储-播放"全链条服务。新版本支持阿里云盘、百度网盘、NAS设备等多网盘挂载,实现跨平台资源整合;支持MP4/AVI/MKV等百种视频格式及4K/8K/HDR高清播放;新增智能字幕匹配功能,可自动适配外挂字幕。产品还优化了跨端同步体验,支持PC/平板/TV多端访问云端资源。目前用户可限时免费享受超级会员权益,包括高清云播、倍速播放等10项特权。迅雷表示将持续深化与网盘厂商的生态合作,通过技术创新提升数字内容消费体验。

  • 小米之家送60万支“大格局雪糕”:扫码还能抽大冰箱

    炎炎夏日,小米之家开启了一场别出心裁的活动送出60万支大格局雪糕”,扫码还有机会抽大冰箱。 大格局雪糕”的命名颇具巧思。保持新鲜感、情绪稳定、拒绝内耗等印在雪糕包装上的人格特质,巧妙地与米家冰箱的品质相呼应。 就像保持新鲜感象征着米家冰箱出色的保鲜功能,能长久锁住食材的新鲜度;情绪稳定如同冰箱稳定的制冷性能,始终为食物提供适宜的储存环�

  • 网约车特惠订单加收空调费 开空调需扫码3元!网友热议

    近日,网约车特惠订单加收空调费”的话题引起网友热议。 有网友发帖称,自己在乘坐网约车时被司机加收3元空调费,司机在后排空调出风口处张贴了一张告知单。 其上显示:如需空调扫码3元,自动开启”(特惠订单没有空调,自愿消费)。 此事引起热议,有网友认为:夏天乘车开空调属于标配,司机不开空调,侵犯乘客的权益”。