你的HTML有助于SEO吗

64 阅读9分钟

你重视你的 Title 和 Description 吗❓❓

Title(标题)Description(描述) 是网页的两个重要元素,它们会直接出现在搜索引擎的搜索结果中。因此,编写这两个元素时需要特别注意,既要让搜索引擎能够抓住网页的重点内容,又要吸引用户点击进入网站。

首页的 Title 和 Description

首页的 Title 结构

  • 格式网站名称-Slogan-关键词1-关键词2-关键词3……
  • 示例ExampleSite - Your Go-To Resource - Keyword1 - Keyword2 - Keyword3
  • 目的:包含网站名称、标语(Slogan)和一些重要的关键词,以便搜索引擎和用户都能快速了解网站的核心内容。

首页的 Description

  • 格式网站名是一家提供什么网站,提供关键词1功能、关键词2服务、关键词3内容……
  • 示例ExampleSite 是一家提供全面资源的网站,提供 Keyword1 功能、Keyword2 服务、Keyword3 内容……
  • 目的:简要描述网站的主要功能和服务,突出关键词,吸引用户点击。

首页的 Keywords

  • 格式网站名,关键词1,关键词2,关键词3……
  • 示例ExampleSite, Keyword1, Keyword2, Keyword3
  • 目的:列出与网站相关的关键词,虽然现代搜索引擎对 keywords 标签的重视程度降低,但仍有一定的参考价值。

我们来看一个高质量网站的Title 和 Description,这个网站的DR值高达91,非常具有研究价值

image.png

不过这个页面并没有写Keywords

image.png

目录首页的 Title 和 Description

目录首页的 Title 结构

  • 格式子栏目名称-子关键词1-子关键词2-子关键词3……-网站名
  • 示例Subcategory - SubKeyword1 - SubKeyword2 - SubKeyword3 - ExampleSite
  • 目的:包含子栏目名称和相关关键词,帮助搜索引擎和用户理解该目录的内容。

目录首页的 Description

  • 格式子栏目名称是网站名提供的XX服务,主要提供子关键词1功能、子关键词2服务、子关键词3内容……
  • 示例Subcategory 是 ExampleSite 提供的 XX 服务,主要提供 SubKeyword1 功能、SubKeyword2 服务、SubKeyword3 内容……
  • 目的:描述子栏目的主要功能和服务,突出相关关键词,吸引用户点击。

目录首页的 Keywords

  • 建议:可以不写,因为现代搜索引擎对 keywords 标签的重视程度较低。

内页的 Title 和 Description

内页的 Title 结构

  • 格式内页主要功能-子栏目名称-网站名
  • 示例Main Function of Page - Subcategory - ExampleSite
  • 目的:包含内页的主要功能、子栏目名称和网站名称,帮助搜索引擎和用户理解该页面的内容。

内页的 Description

  • 格式:直接写内页的具体内容或功能描述
  • 示例This page provides detailed information about the main function, including features, benefits, and usage instructions.
  • 目的:详细描述内页的具体内容或功能,吸引用户点击。

内页的 Keywords

  • 建议:可以不写,因为现代搜索引擎对 keywords 标签的重视程度较低。

你的内链是否清晰❓❓

内链的树形结构

内链(Internal Linking) 是指在同一个网站内,页面之间通过链接相互连接。正确的内链结构应该像一棵树,具有清晰的层次和结构:

  1. 网站主页是树的主干。
  2. 子目录是树的大枝干。
  3. 内页是树的小枝条。

内链的层次结构

  • 从首页到内页:用户可以从网站的首页,通过点击子目录,最终到达具体的内页。这种结构确保了用户能够顺利地从首页导航到任何一个内页。
  • 从内页到上级子目录:用户在浏览内页时,可以通过内链返回到上级子目录。这有助于用户在网站内进行更方便的导航。
  • 从子目录到首页:用户在浏览子目录时,可以通过内链返回到首页。这确保了用户始终能够轻松地回到网站的起点。

内链的点击深度

对于大型网站,内页可能会非常深,用户从首页点击到内页可能需要经过很多次点击。这种情况需要改进,尽量减少用户从首页到内页的点击次数。

最佳实践

  • 点击次数不超过4次:从首页到任何内页的点击次数最好不要超过4次。这有助于提升用户体验,使用户能够更快速地找到所需内容。
  • 优化导航结构:通过优化网站的导航结构,确保重要内容和页面能够更容易地被访问。例如,可以在首页或子目录页面添加重要内页的直接链接。

你的网站是否遗漏了 sitemap ❓❓

Sitemap(网站地图)是一个文件,用于列出网站上的所有重要页面,以便搜索引擎能够更智能地抓取和索引网站内容。Sitemap 可以帮助搜索引擎了解网站的结构,并确保所有重要页面都能被发现和索引。

Sitemap 的类型

主要有两种类型的 Sitemap:

  1. XML Sitemap:主要供搜索引擎使用,帮助它们更好地抓取和索引网站内容。
  2. HTML Sitemap:主要供用户使用,帮助他们更方便地导航网站。

XML Sitemap

XML Sitemap 是一种基于 XML 格式的文件,专门为搜索引擎设计。它包含网站上所有重要页面的列表,以及每个页面的相关信息,如最后更新时间、更新频率和优先级。

XML Sitemap 的示例

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
      <loc>http://example.com/</loc>
      <lastmod>2023-10-01</lastmod>
      <changefreq>daily</changefreq>
      <priority>1.0</priority>
  </url>
<url>
  <loc>http://example.com/about</loc>
  <lastmod>2023-09-15</lastmod>
  <changefreq>monthly</changefreq>
  <priority>0.8</priority>
</url>
<!-- 更多 URL 条目 -->
</urlset>

在这个示例中:

  • <loc> 标签指定页面的 URL。
  • <lastmod> 标签指定页面的最后更新时间。
  • <changefreq> 标签指定页面的更新频率(如 daily, weekly, monthly)。
  • <priority> 标签指定页面的优先级(范围从 0.0 到 1.0)。

HTML Sitemap

HTML Sitemap 是一种基于 HTML 格式的文件,主要供用户使用。它通常包含网站上所有重要页面的链接,帮助用户更方便地导航网站。

HTML Sitemap 的示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Sitemap</title>
</head>
<body>
    <h1>HTML Sitemap</h1>
    <ul>
        <li><a href="http://example.com/">Home</a></li>
        <li><a href="http://example.com/about">About Us</a></li>
        <li><a href="http://example.com/services">Services</a></li>
        <li><a href="http://example.com/contact">Contact Us</a></li>
        <!-- 更多链接 -->
    </ul>
</body>
</html>

在这个示例中,HTML Sitemap 列出了网站的主要页面,并提供了每个页面的链接,方便用户导航。

创建和提交 Sitemap 的步骤

  1. 创建 Sitemap

    • 可以手动创建 XML 或 HTML 文件。
    • 使用在线工具或网站生成器,如 XML Sitemaps
    • 使用 CMS 插件(如 WordPress 的 Yoast SEO 插件)自动生成 Sitemap。
  2. 上传 Sitemap

    • 将生成的 Sitemap 文件上传到网站的根目录(如 http://example.com/sitemap.xml)。
  3. 更新 robots.txt 文件

    • 在 robots.txt 文件中添加 Sitemap 的位置,帮助搜索引擎找到 Sitemap。
       Sitemap: http://example.com/sitemap.xml
    
  4. 提交 Sitemap

    • 使用搜索引擎工具(如 Google Search Console)提交 Sitemap。
    • 在 Google Search Console 中,导航到“索引” > “Sitemap”,然后输入 Sitemap 的 URL 并提交。

Sitemap 的好处

  1. 提高抓取效率:帮助搜索引擎更快、更全面地抓取和索引网站内容。
  2. 改善 SEO:确保所有重要页面都能被搜索引擎发现,提高网站的搜索引擎排名。
  3. 用户导航:HTML Sitemap 帮助用户更方便地导航网站,提升用户体验。

你的网站是否设置了标准链接❓❓

Canonical URL(规范化URL)是一个HTML元素,用于告诉搜索引擎某个页面的首选版本。它的主要目的是解决重复内容的问题,确保搜索引擎知道哪个URL是内容的主要版本,从而避免因重复内容而导致的SEO问题。

为什么需要Canonical URL?

在网站上,可能会有多个URL指向相同或非常相似的内容。例如:

  • http://example.com/page
  • http://www.example.com/page
  • http://example.com/page?sessionid=123

这些URL虽然指向相同的内容,但在搜索引擎眼中,它们是不同的页面。Canonical URL可以帮助搜索引擎理解这些页面的关系,并将权重集中到一个首选URL上。

如何使用Canonical URL?

在HTML页面的<head>部分,使用<link>标签来指定Canonical URL。示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example Page</title>
    <link rel="canonical" href="http://example.com/page">
</head>
<body>
    <h1>Example Page</h1>
    <p>This is an example page with a canonical URL.</p>
</body>
</html>

在这个示例中,<link rel="canonical" href="http://example.com/page"> 告诉搜索引擎,http://example.com/page 是这个页面的首选版本。

使用Canonical URL的最佳实践

  1. 唯一性:确保每个页面都有唯一的Canonical URL。
  2. 一致性:在所有重复或相似内容的页面上使用相同的Canonical URL。
  3. 绝对URL:使用绝对URL而不是相对URL,以避免混淆。
  4. 自引用:即使页面没有重复内容,也可以使用Canonical URL指向自己,以防止未来的重复内容问题。

你的页面H1、H2、H3合理吗❓❓

HTML 标题标签的使用规则

在 HTML 中,标题标签(Heading Tags)用于定义网页内容的标题和子标题。合理使用这些标签不仅有助于网页的结构化,还能帮助搜索引擎更好地理解网页内容的层次和重点。

H1 标签

  • H1 标签:每个页面只能有一个 H1 标签。
  • 作用:H1 标签通常用于定义页面的主标题,是页面内容的核心和最重要的部分。

H2 标签

  • H2 标签:一个页面可以有多个 H2 标签。
  • 作用:H2 标签用于定义页面的主要子标题,通常是 H1 标签的直接下级。

H3 标签

  • H3 标签:每个 H2 标签下面可以有多个 H3 标签。
  • 作用:H3 标签用于定义 H2 标签下的次级标题,进一步细分内容。

段落标签 P

  • P 标签:用于定义段落,是网页内容的基本单位。
  • 作用:P 标签用于包含文本内容,通常位于标题标签的下方,提供详细的描述和信息。

合理设置标题标签和段落标签的好处

通过合理设置 H1、H2、H3 和段落 P 标签,可以让搜索引擎更容易理解每一个网页的重点是什么。这有助于提升网页的搜索引擎优化(SEO)效果,并改善用户体验。

1. 提升 SEO 效果

  • 明确页面结构:合理使用标题标签可以清晰地展示页面的层次结构,帮助搜索引擎更好地理解和索引页面内容。
  • 突出关键词:在标题标签中合理使用关键词,可以提高页面在相关搜索中的排名。

2. 改善用户体验

  • 易于阅读:清晰的标题和段落结构使用户能够快速找到他们感兴趣的内容,提高阅读体验。
  • 导航方便:合理的标题层次结构可以帮助用户更方便地导航页面内容,找到所需信息。

还是刚刚那个网页,我们来看一下他的H1、H2、H3

image.png