做为一名合格的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

目录
相关文章
|
17天前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
42 5
|
2月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
48 0
|
15天前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
24 2
|
15天前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
21 1
|
1月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
85 1
|
1月前
|
移动开发 开发者 UED
HTML5中video标签controlslist属性的使用方法
`controlsList`属性为开发者提供了更多控制HTML5视频播放器行为的能力,让视频内容的集成更加灵活和符合需求。通过精心设计的控制列表,可以提升用户体验,同时保持内容的安全性和专业性。这种细节的控制和定制能力是现代Web开发的一个重要方面,反映了HTML5对开发者和内容创作者需求的响应。
109 1
|
1月前
|
存储 JavaScript Java
使用NekoHTML解析HTML并提取META标签内容
关于NekoHTML的代码样例,这里提供一个简单的示例,用于展示如何使用NekoHTML来解析HTML文档并提取其中的信息。请注意,由于NekoHTML的具体实现和API可能会随着版本更新而有所变化,以下代码仅供参考。 ### 示例:使用NekoHTML解析HTML并提取META标签内容 ```java import org.cyberneko.html.parsers.DOMParser; import org.w3c.dom.Document; import org.w3c.dom.Element; import org.w3c.dom.NodeList; import org.xml
|
1月前
|
XML JavaScript Java
NekoHTML 是一个基于Java的HTML扫描器和标签补全器
**NekoHTML** 是一个基于Java的HTML扫描器和标签补全器(tag balancer),由J. Andrew Clark开发。它主要用于解析HTML文档,并能够“修正”许多在编写HTML文档过程中常犯的错误,如增补缺失的父元素、自动用结束标签关闭相应的元素,以及处理不匹配的内嵌元素标签等。这使得程序能够以标准的XML接口来访问HTML文档中的信息。 ### NekoHTML的主要特点包括: 1. **错误修正**:能够自动修正HTML中的常见错误,如未闭合的标签等。 2. **DOM树生成**:将HTML源代码转化为DOM(Document Object Model)结构,便
|
10天前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
48 0
|
1月前
|
JavaScript 前端开发
react字符串转为dom标签,类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法,类似于Vue中的`v-html`指令,通过使用`dangerouslySetInnerHTML`属性实现。
57 0
react字符串转为dom标签,类似于Vue中的v-html