TDK
Title（网页标题）
是搜索引擎判断网页主要内容的重要参考来源之一，也是SEO优化的关键。网页标题应简洁明了，突出核心内容，包含主要关键词，且长度一般控制在30-60个字符以内，以确保在搜索结果中完整显示。
Description（网页描述）
也比较重要，会出现在搜索结果中，对用户和搜索引擎都具有一定的引导作用。描述应简洁概括网页的主要内容，包含关键词，但要避免堆砌，长度一般在150-200个字符左右。
Keywords（关键词列表）
一般可以不写。优化时应注重标题和描述的撰写，而不是过度依赖关键词标签。
网页结构
标题标签
h1：一个网页只能有一个h1，它是给用户看的，同时搜索引擎也会参考h1来评判网页内容，对排名有重要影响。h1应突出网页的核心主题。 h2、h3：一个网页可以有多个h2和h3，它们分别表示二级标题和三级标题，用于对内容进行分层和细化，有助于提高网页的可读性和搜索引擎的抓取效率。
正文内容
正文内容应写在<p>标签中，图片也可以放在<p>标签里。
图片
是网页的重要组成部分，使用<img>标签合理放置图片，不仅可以帮助用户更好地理解内容，还能从搜索引擎的图片搜索中获取流量。
<img>标签必须包含alt属性，对图片进行描述，方便搜索引擎理解图片内容。图片尽量使用大图，尺寸在300x300以上。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>网页标题 - SEO优化示例</title>
</head>
<body>
<!-- 一级标题，突出网页核心主题 -->
<h1>网页核心主题</h1>
<p>这是与网页核心主题相关的正文内容，提供详细信息[^5^]。</p>
<!-- 二级标题，对内容进行分层 -->
<h2>二级标题：主题细分1</h2>
<p>这是与二级标题相关的正文内容，进一步阐述主题细分1的内容[^5^]。</p>
<!-- 三级标题，进一步细化内容 -->
<h3>三级标题：细分1的子主题</h3>
<p>这是与三级标题相关的正文内容，深入介绍子主题[^5^]。</p>
<!-- 合理放置图片，并添加alt属性 -->
<p><img src="example1.jpg" alt="与主题细分1相关的图片描述" /></p>
<!-- 另一个二级标题 -->
<h2>二级标题：主题细分2</h2>
<p>这是与二级标题相关的正文内容，阐述主题细分2的内容[^5^]。</p>
<!-- 三级标题 -->
<h3>三级标题：细分2的子主题</h3>
<p>这是与三级标题相关的正文内容，深入介绍子主题[^5^]。</p>
<!-- 图片 -->
<p><img src="example2.jpg" alt="与主题细分2相关的图片描述" /></p>
</body>
</html>
内链建设
内链和外链
- 内链：网站内互相跳转的链接，用于优化网站内部的导航结构和关键词布局。
- 外链：外部网站跳转到我们网站的链接，有助于提升网站的权威性和流量。
关键词层级与页面布局
主关键词
网站的核心关键词，通常用域名首页优化。例如，“coloring pages”。
二级关键词
主关键词的延伸，用于子目录页面优化。例如：
- dog coloring pages
- cat coloring pages
- girl coloring pages
- flower coloring pages
三级关键词
二级关键词的进一步细化，用于子目录的子目录页面优化。例如，“cute dog coloring pages”属于“dog coloring pages”的三级关键词。
内链建设策略
首页到子目录的链接
在网站首页中，将主关键词和二级关键词分别用h1、h2列出，并通过内链指向对应的子目录页面。例如：
- 主关键词“coloring pages”用h1标签突出。
- 二级关键词“dog coloring pages”用h2标签列出，并添加链接指向/dog-coloring-pages。
- 二级关键词“cat coloring pages”用h2标签列出，并添加链接指向/cat-coloring-pages。
子目录到三级关键词的链接
在二级关键词的子目录页面中，列出三级关键词，并通过内链指向对应的三级关键词页面。例如：
- 在“dog coloring pages”页面中，列出“cute dog coloring pages”，并添加链接指向/dog-coloring-pages/cute-dog-coloring-pages。
- 在“cat coloring pages”页面中，列出“cute cat coloring pages”，并添加链接指向/cat-coloring-pages/cute-cat-coloring-pages。
页面间的层级链接：
- 在每个三级关键词页面中，增加文本为“dog coloring pages”的链接，指向对应的二级关键词页面。
- 在每个二级关键词页面中，增加文本为“coloring pages”的链接，指向首页。
- 所有页面都增加文本为“coloring pages”的链接，指向首页，确保用户和搜索引擎可以轻松导航回首页。
层级关系示例：
首页（主关键词：coloring pages）→ 子目录页面（二级关键词：dog coloring pages）→ 子目录的子目录页面（三级关键词：cute dog coloring pages）
graph TD
A[首页: coloring pages] --> B[子目录页面: dog coloring pages]
B --> C[子目录的子目录页面: cute dog coloring pages]
分门别类罗列
---
title: Coloring Pages
description: A collection of coloring pages for different themes.
---
# Coloring Pages
## Dog Coloring Pages
### Cute Dog Coloring Pages
...
### Little Dog Coloring Pages
...
## Cat Coloring Pages
### Cute Cat Coloring Pages
...
### Little Cat Coloring Pages
...
## Flower Coloring Pages
### Red Flower Coloring Pages
...
### Yellow Flower Coloring Pages
...
URL唯一性
为了确保搜索引擎能够识别并抓取网页的正确且唯一的URL，你需要在网页的 <head> 部分设置一个 link 标签，并使用 rel="canonical" 属性指定规范网址。
这有助于防止搜索引擎将多个网址视为重复内容，从而提高网站的SEO表现。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="微信, WeChat, 社交, 效率, ios apps, app store, iphone, ipad">
<meta name="description" content="阅读评论，比较用户评分，查看截屏并进一步了解“微信”。在 iPhone, iPad, 或 iPod touch 上下载“微信”，此 App 由 Tencent Technology (Shenzhen) Company Limited 提供。">
<title>App Store 上的“微信”</title>
<!-- 规范网址 -->
<link rel="canonical" href="https://apps.apple.com/cn/app/%E5%BE%AE%E4%BF%A1/id414478124">
<!-- 其他头部信息 -->
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在这个例子中，<link rel="canonical" href="https://apps.apple.com/cn/app/%E5%BE%AE%E4%BF%A1/id414478124"> 这一行代码告诉搜索引擎，https://apps.apple.com/cn/app/%E5%BE%AE%E4%BF%A1/id414478124 是这个页面的规范网址，即使用户可以通过其他URL访问相同的内容。
注意事项：
- 确保规范网址正确：规范网址应该是你希望搜索引擎索引和展示的网址。
- 避免重复内容：如果你的网站支持 www 和 非 www 域名，或者同时支持 http 和 https，你应该为这些变体设置规范网址，以避免搜索引擎将它们视为重复内容。
- 动态生成规范网址：如果你的网站是动态生成内容的，确保规范网址是根据内容动态生成的，以确保每个页面都有唯一的规范网址。
后端渲染
后端渲染（Server-Side Rendering，SSR）有利于搜索引擎抓取的原因在于，它允许服务器生成完整的 HTML 页面内容，然后直接发送给客户端。
这种方式生成的页面内容是预先渲染好的，因此搜索引擎爬虫可以直接抓取和索引页面内容，而不需要执行 JavaScript 代码。