做为一名合格的SEOer 你需要懂的HTML标签

简介: 我们日常的SEO工作,每天都在和html标签打交道,比如CMS后台发文章你会设置title、keywords、tag等,这些都是整站基础优化必备的HTML标签。很多的SEO从业者都不太懂html代码,这可能并不重要,但是重要的是,你需要理解、活用常用的html标签。

我们日常的SEO工作,每天都在和html标签打交道,比如CMS后台发文章你会设置title、keywords、tag等,这些都是整站基础优化必备的HTML标签。很多的SEO从业者都不太懂html代码,这可能并不重要,但是重要的是,你需要理解、活用常用的html标签。哪些html标签是SEOer需要了解的呢?

HTML标签

首先我们看一下html的概念
html是一种超文本语言,也是最容易理解和学习的语言之一,它能通过浏览器输出网页的内容,这些内容包含:段落、文字、图片、超链接等元素。

html是如何被使用的呢
html是通过代码编辑器创建,内容是利用CMS后台的文本编辑器编写而成。HTML代码通过浏览器的编译,展示前端网页。通常,页面的结构是通过DIV+CSS样式来控制。

HTML标签和SEO的关联
HTML标签起先被搜索引擎赋予高权重,比如title、H1标签,随着搜索引擎算法的更新,对于SEO优化这些标签的影响正在降低,不过它们仍然起到不小的作用。

1、title
Title会告诉搜索引擎当前页面的核心主题,标签内一般会放置页面的核心关键词。它的写法是:。

搜索引擎会通过title标签迅速定位关键词相关性,当用户搜索相关内容时,页面向用户展示的关键词是哪个。

2、Description
这部分的内容是当前页面的简介,这部分的内容主要用户突出长尾关键词,还能提升页面的相关度。特别在移动端,更能提升有效点击量。

3、nofollow
nofollow的意思是让蜘蛛不要抓取这个链接,日常SEO工作,这个标签很少被使用,新站上线,权重有限的情况下,这个标签的的使用显得比较关键,它能引导蜘蛛爬行页面。

这个标签的使用方式有多种,这里笔者就不过多说明。

4、Canonical
这个是页面规范化标签,意思是告知搜索引擎,页面的当前URL。这个标签的用途目前在熊掌号上得以具体体现,提交内容时,这个标签能保证百度能准确识别链接,确保页面收录。

5、H标签
H标签作为标题标记使用,它的级别有1-6级,主要目的时告知搜索引擎小标的层级。如今的网站很少使用H标签,但是作为用户而言,加了H标签的网页,用户会更快定位页面的核心主题,体验度会更好。 作为一名合格的SEOer,你可以不用了解HTML代码太深,但是这些基础的HTML标签是必须烂熟于心的。上述内容是经验之谈,观点仅供参考。

本文来自武汉SEOwww.ruangseo.com

目录
相关文章
|
26天前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
30 0
|
2月前
|
移动开发 JavaScript Java
关于Android中如何过滤HTML标签
关于Android中如何过滤HTML标签
46 0
|
1月前
|
移动开发 搜索推荐 前端开发
HTML结构的基本标签
HTML结构的基本标签
|
11天前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
28 13
|
11天前
|
搜索推荐 SEO
HTML中各种标题标签的正确使用方法及其特点
在HTML中,标题标签(`<h1>`至`<h6>`)用于定义文档的标题结构。`<h1>`表示主标题,每个页面应只有一个;`<h2>`至`<h6>`分别表示不同层级的子标题,可用于细分内容。正确使用这些标签不仅有助于文档的层次分明和可读性提升,还能优化SEO。使用时需注意保持层级结构连续、内容描述清晰。
|
11天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
该博客文章详细介绍了HTML的基础知识,包括注释、标签属性、常用标签、实体、图片引入、meta标签、内联框架、超链接的使用,并通过代码示例和测试结果截图展示了这些元素在网页中的应用效果。
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
|
24天前
|
移动开发 数据安全/隐私保护 UED
HTML表单标签详解:如何用HTML标签打造互动网页?
通过合理使用HTML表单标签,可以构建功能丰富、用户友好的互动网页。HTML表单的元素和属性提供了丰富的输入选项和验证功能,使得收集和处理用户输入成为可能。随着HTML5的发展,表单元素的功能性和用户体验将继续得到提升。开发者应充分利用这些工具,为用户打造流畅、互动性强的网页体验。
33 4
|
3天前
|
移动开发 HTML5
这些年没来得及学习的一些 HTML5 标签
【9月更文挑战第16天】HTML5 引入了许多新标签,增强了网页的功能与便利性。这些标签包括结构标签如 `<header>`(定义页眉)、`<footer>`(定义页脚)、`<nav>`(定义导航链接)、`<section>`(定义文档节)和 `<article>`(定义独立内容),以及多媒体标签 `<audio>` 和 `<video>`,用于播放音频和视频。此外,还有表单相关标签,如 `<datalist&gt。
HTML中font标签用法
这篇文章详细介绍了HTML中`<font>`标签的用法,包括如何分别设置字体风格(`font-style`)、字体粗细(`font-weight`)、字体大小(`font-size`)和字体类型(`font-family`),并通过实例代码演示了如何综合使用这些属性来定义文本的字体样式。
HTML中font标签用法