10个用于SEO的HTML标签

2025-05-26

10个用于SEO的HTML标签

1.使用标题标签

<title>Title of the webpage ...... </title>

您的内容以这种方式标记,搜索引擎将其解释为您的页面名称。

2.元描述标签

<meta name="description" content="Learn html, css, Js and develop your own website or helps others to make their websites.">

当文章出现在搜索结果中时,Google 也会显示这一点。标题和元描述标签都应该包含你的关键词。

3.标题标签

以下是标题标签的层次结构:
<h1></h1>- 通常用于网页标题。

<h2></h2>– 突出显示网页的次要标题。

<h3></h3>– 网页中与主题相关的点。

<h4></h4>– 来自的支持点<h3>

<h5></h5>– 不常用,但对于支持<h4>观点非常有用。

4.在图片中添加 alt

<img src="cats.jpg" alt="cat is sleeping on couch">

alt 属性告诉搜索引擎图片的内容。如果没有 alt 属性,搜索引擎根本无法知道图片的内容。

5.建立链接

获取高质量的反向链接是SEO的一部分。除了外部链接,你还应该关注内部链接。

<a href="http://mywebsite.com/" rel="nofollow">your anchor text</a>

该链接仍然有效,但搜索引擎不会接受它。在不影响其他页面SEO的情况下与访问者分享链接非常有用。

6.添加开放图谱标签

开放图谱标签有助于提升社交媒体的搜索和展示能力。例如,如果你的信息发布在 Facebook 上,开放图谱标签将用于展示这些信息。

<meta name="og:title" property="og:title" content="The Title of Your Blog">

7.Twitter卡片标签

Twitter Cards 的工作方式与 OG 类似,不同之处在于它们专门用于 Twitter。

<meta name="twitter:card" content="summary">

建议优化您的卡片以充分利用标签。

8.机器人标签

如果您希望阻止特定文章被索引,请使用 robots 标签。

<meta name="robots" content="noindex, nofollow">

在这种情况下,Google 不会索引该内容或跟踪任何链接。但是,在将这些 HTML 元素用于 SEO 目的时,您必须谨慎行事。

9.必要时使用规范标签

开发网站时,您可以通过多种方式访问​​它。例如:

http://www.yourwebsite.com

https://www.yourwebsite.com

http://yourwebsite.com

https://yourwebsite.com

<link rel="canonical" href="https://yourwebsite.com/">

这会告诉 Google“ https://yourwebsite.com/ ”是你关注的 URL。

10.响应式网站元标签

<meta name="viewport" content="width=device-width, initial-scale=1">
告知搜索引擎应该知道您的网站具有响应能力。

文章来源:https://dev.to/sampadsarker/10-html-tags-for-seo-9ib
PREV
我作为技术主管的第一次经历
NEXT
可选链式编程即将登陆 JavaScript