studio
4cfcf09a97
Sources: video-subtitle-pipeline artifacts/beginner-wordpress-user/ - subtitles/: en, zh, bilingual SRT/ASS (100 files) - platform/: youtube SRT + bilibili BCC per video (75 files) - manifests/: per-video manifest.json (25 files) - quality/: quality reports (50 files)
239 lines
6 KiB
Text
239 lines
6 KiB
Text
1
|
||
00:00:00,000 --> 00:00:06,000
|
||
在本课中，我们将探讨如何为无障碍和 SEO 使用标题。
|
||
|
||
2
|
||
00:00:06,000 --> 00:00:11,116
|
||
你知道吗，在你站点文章和页面上使用标题，
|
||
|
||
3
|
||
00:00:11,116 --> 00:00:17,000
|
||
可能决定了是留住访客还是让他们跳转到其他站点。
|
||
|
||
4
|
||
00:00:17,000 --> 00:00:22,625
|
||
在这个例子中，我们有一篇没有标题的文章，
|
||
|
||
5
|
||
00:00:22,625 --> 00:00:26,000
|
||
这会让读者很难进行浏览。
|
||
|
||
6
|
||
00:00:26,000 --> 00:00:33,583
|
||
在下一个例子中，我们添加了恰当的标题来帮助读者理解内容，
|
||
|
||
7
|
||
00:00:33,583 --> 00:00:39,000
|
||
并在实际阅读前就能了解文章是关于什么的。
|
||
|
||
8
|
||
00:00:39,000 --> 00:00:45,000
|
||
标题能组织内容，让读者更容易浏览和定位信息。
|
||
|
||
9
|
||
00:00:45,000 --> 00:00:52,000
|
||
最重要的是，它们是无障碍和搜索引擎优化的必备工具。
|
||
|
||
10
|
||
00:00:52,000 --> 00:00:56,571
|
||
在本教程结束时，我们将能够正确使用标题，
|
||
|
||
11
|
||
00:00:56,571 --> 00:01:00,000
|
||
以实现可读性、无障碍和 SEO。
|
||
|
||
12
|
||
00:01:00,000 --> 00:01:05,000
|
||
首先，为什么用标题来构建内容很重要？
|
||
|
||
13
|
||
00:01:05,000 --> 00:01:11,982
|
||
它能引入新话题或章节，引导读者，让读者略读内容，
|
||
|
||
14
|
||
00:01:11,982 --> 00:01:21,000
|
||
也让读者对内容有所预期，最后还能将话题分解成更易消化的信息块。
|
||
|
||
15
|
||
00:01:21,000 --> 00:01:26,000
|
||
标题也用于指示信息的层次结构。
|
||
|
||
16
|
||
00:01:26,000 --> 00:01:36,000
|
||
你的页面和文章将被分解为子标题，例如标题 2 或 H2、H3，一直到 H6。
|
||
|
||
17
|
||
00:01:36,000 --> 00:01:42,000
|
||
你会注意到，当你添加第一个标题区块时，H2 会自动被选中。
|
||
|
||
18
|
||
00:01:42,000 --> 00:01:47,000
|
||
这是因为你的页面或文章标题是你的第一个主标题。
|
||
|
||
19
|
||
00:01:47,000 --> 00:01:51,356
|
||
一旦你添加了一个标题，你就可以更改你正在使用的标题类型，
|
||
|
||
20
|
||
00:01:51,356 --> 00:01:54,000
|
||
方法是在列表视图中选择相关的标题。
|
||
|
||
21
|
||
00:01:54,000 --> 00:01:58,200
|
||
然后在你的区块工具栏中选择标有 H2 的选项，
|
||
|
||
22
|
||
00:01:58,200 --> 00:02:02,000
|
||
从那里你可以在 H1 到 H6 之间进行选择。
|
||
|
||
23
|
||
00:02:02,000 --> 00:02:07,000
|
||
以确保您的标题顺序和层次结构正确。
|
||
|
||
24
|
||
00:02:07,000 --> 00:02:12,000
|
||
您知道吗？您可以使用列表视图下的大纲功能来快速检查您的标题。
|
||
|
||
25
|
||
00:02:12,000 --> 00:02:18,882
|
||
请仔细检查您的 H2 标题是否与 H1 标题相关，H3 是否与 H2 相关，依此类推。
|
||
|
||
26
|
||
00:02:18,882 --> 00:02:22,766
|
||
WordPress 也会在这个大纲部分提醒您，
|
||
|
||
27
|
||
00:02:22,766 --> 00:02:28,000
|
||
如果您不小心跳过了某个标题级别，从而帮助您确保它们按顺序排列。
|
||
|
||
28
|
||
00:02:28,000 --> 00:02:34,000
|
||
您可以检查您的页面是否存在任何错误，以便快速纠正，而无需逐个区块搜索。
|
||
|
||
29
|
||
00:02:34,000 --> 00:02:41,000
|
||
在这个例子中，我想确保所有寿司类型都被列为 H4 标题。
|
||
|
||
30
|
||
00:02:42,000 --> 00:02:45,000
|
||
标题对于无障碍访问也很重要。
|
||
|
||
31
|
||
00:02:45,000 --> 00:02:50,000
|
||
错误地使用它们意味着许多人无法访问您网站上的信息。
|
||
|
||
32
|
||
00:02:50,000 --> 00:02:52,872
|
||
当您为无障碍访问使用标题时，
|
||
|
||
33
|
||
00:02:52,872 --> 00:02:58,000
|
||
这能让屏幕阅读器更好地浏览页面并快速找到相关信息。
|
||
|
||
34
|
||
00:02:58,000 --> 00:03:04,000
|
||
此外，仅使用键盘的用户只需点击一个按钮就能快速跳转到正确的部分。
|
||
|
||
35
|
||
00:03:04,000 --> 00:03:10,000
|
||
如果没有标题，本例中的屏幕阅读器就必须大声朗读这整段文字。
|
||
|
||
36
|
||
00:03:10,000 --> 00:03:13,000
|
||
没有标题可以让用户向前跳转。
|
||
|
||
37
|
||
00:03:13,000 --> 00:03:18,684
|
||
如果我添加了标题，屏幕阅读器或键盘就能让它的用户
|
||
|
||
38
|
||
00:03:18,684 --> 00:03:22,000
|
||
快速导航到与他们相关的部分。
|
||
|
||
39
|
||
00:03:22,000 --> 00:03:28,000
|
||
标题还能帮助低视力用户在放大页面时保持页面结构。
|
||
|
||
40
|
||
00:03:28,000 --> 00:03:31,771
|
||
当低视力用户放大页面时，
|
||
|
||
41
|
||
00:03:31,771 --> 00:03:39,000
|
||
不同的文字大小能让他们了解自己在网站上的位置。
|
||
|
||
42
|
||
00:03:40,000 --> 00:03:43,000
|
||
记住将你的标题组织成逻辑分块。
|
||
|
||
43
|
||
00:03:43,000 --> 00:03:48,000
|
||
例如，这篇文章是关于鹦鹉的，这就是标题，即 H1。
|
||
|
||
44
|
||
00:03:48,000 --> 00:03:55,000
|
||
我决定从撰写鹦鹉健康开始我的文章，为此我使用了 H2 标题。
|
||
|
||
45
|
||
00:03:55,000 --> 00:03:58,778
|
||
鹦鹉健康的另一个子主题是鹦鹉营养，
|
||
|
||
46
|
||
00:03:58,778 --> 00:04:03,000
|
||
然后我们可以继续深入探讨下一个子标题。
|
||
|
||
47
|
||
00:04:03,000 --> 00:04:08,000
|
||
每个子主题都应与其上方的主题相关，类似于杂志文章。
|
||
|
||
48
|
||
00:04:10,000 --> 00:04:16,000
|
||
最后，我们来谈谈标题和搜索引擎优化或 SEO。
|
||
|
||
49
|
||
00:04:16,000 --> 00:04:22,000
|
||
你可以有意识地将关键词嵌入标题，以提升网站在搜索引擎中的排名。
|
||
|
||
50
|
||
00:04:22,000 --> 00:04:27,000
|
||
你的标题应该清晰简洁地概括后续内容。
|
||
|
||
51
|
||
00:04:27,000 --> 00:04:31,000
|
||
它们应该准确反映一个部分的内容。
|
||
|
||
52
|
||
00:04:31,000 --> 00:04:37,000
|
||
当你在站点编辑器中时，可以点击样式，然后打开你的样式簿。
|
||
|
||
53
|
||
00:04:37,000 --> 00:04:44,000
|
||
在这里，你可以使用右侧边栏的设置全局地设置标题样式。
|
||
|
||
54
|
||
00:04:44,000 --> 00:04:48,600
|
||
建议在整个网站中使用相同的标题层次结构和样式，
|
||
|
||
55
|
||
00:04:48,600 --> 00:04:51,000
|
||
以创建统一的外观和感觉。
|
||
|
||
56
|
||
00:04:51,000 --> 00:04:56,000
|
||
最后一个提示，切勿使用标题区块来设置文本样式。
|
||
|
||
57
|
||
00:04:56,000 --> 00:05:01,905
|
||
如果你想要一些风格上的点缀，可以使用额外的区块，例如引语区块，
|
||
|
||
58
|
||
00:05:01,905 --> 00:05:08,000
|
||
或者将标题转换为段落区块，并使用右侧的样式设置来相应地修改文本。
|
||
|
||
59
|
||
00:05:12,000 --> 00:05:16,667
|
||
我相信你会开始使用标题来改善网站的用户体验，
|
||
|
||
60
|
||
00:05:16,667 --> 00:05:19,000
|
||
同时也能优化搜索引擎。
|
