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)
300 lines
10 KiB
Text
300 lines
10 KiB
Text
1
|
||
00:00:00,000 --> 00:00:06,000
|
||
在本课中，我们将探讨如何为无障碍和 SEO 使用标题。
|
||
In this lesson, we will explore how to use headings for accessibility and SEO.
|
||
|
||
2
|
||
00:00:06,000 --> 00:00:11,116
|
||
你知道吗，在你站点文章和页面上使用标题，
|
||
Did you know that using headings on your website's posts and pages can be the difference between connecting with your website's audience
|
||
|
||
3
|
||
00:00:11,116 --> 00:00:17,000
|
||
可能决定了是留住访客还是让他们跳转到其他站点。
|
||
or resulting in bouncing away to find a different website?
|
||
|
||
4
|
||
00:00:17,000 --> 00:00:22,625
|
||
在这个例子中，我们有一篇没有标题的文章，
|
||
In this example, we have an article with no headings,
|
||
|
||
5
|
||
00:00:22,625 --> 00:00:26,000
|
||
这会让读者很难进行浏览。
|
||
which will make it quite difficult for a reader to navigate.
|
||
|
||
6
|
||
00:00:26,000 --> 00:00:33,583
|
||
在下一个例子中，我们添加了恰当的标题来帮助读者理解内容，
|
||
In the next example, we have added the appropriate headings to help a reader make sense of the content
|
||
|
||
7
|
||
00:00:33,583 --> 00:00:39,000
|
||
并在实际阅读前就能了解文章是关于什么的。
|
||
and to find out what the article is about before actually having to read it.
|
||
|
||
8
|
||
00:00:39,000 --> 00:00:45,000
|
||
标题能组织内容，让读者更容易浏览和定位信息。
|
||
Headings organize content and make it easier for the reader to navigate and locate information.
|
||
|
||
9
|
||
00:00:45,000 --> 00:00:52,000
|
||
最重要的是，它们是无障碍和搜索引擎优化的必备工具。
|
||
Most importantly, they are essential tools for accessibility and search engine optimization.
|
||
|
||
10
|
||
00:00:52,000 --> 00:00:56,571
|
||
在本教程结束时，我们将能够正确使用标题，
|
||
By the end of this tutorial, we will be able to use headings correctly
|
||
|
||
11
|
||
00:00:56,571 --> 00:01:00,000
|
||
以实现可读性、无障碍和 SEO。
|
||
for readability, accessibility and SEO.
|
||
|
||
12
|
||
00:01:00,000 --> 00:01:05,000
|
||
首先，为什么用标题来构建内容很重要？
|
||
Firstly, why is it important to structure content using headings?
|
||
|
||
13
|
||
00:01:05,000 --> 00:01:11,982
|
||
它能引入新话题或章节，引导读者，让读者略读内容，
|
||
Well, it introduces new topics or sections, it guides a reader, it lets a reader skim content,
|
||
|
||
14
|
||
00:01:11,982 --> 00:01:21,000
|
||
也让读者对内容有所预期，最后还能将话题分解成更易消化的信息块。
|
||
it also gives the reader an idea of what to expect and then lastly it breaks topics into more digestible pieces of information.
|
||
|
||
15
|
||
00:01:21,000 --> 00:01:26,000
|
||
标题也用于指示信息的层次结构。
|
||
Headings are also used to indicate the hierarchy of information.
|
||
|
||
16
|
||
00:01:26,000 --> 00:01:36,000
|
||
你的页面和文章将被分解为子标题，例如标题 2 或 H2、H3，一直到 H6。
|
||
Your pages and posts will be broken up into subheadings such as Heading 2 or H2, H3 and all the way to H6.
|
||
|
||
17
|
||
00:01:36,000 --> 00:01:42,000
|
||
你会注意到，当你添加第一个标题区块时，H2 会自动被选中。
|
||
You will notice when you add your first heading block, H2 is automatically selected.
|
||
|
||
18
|
||
00:01:42,000 --> 00:01:47,000
|
||
这是因为你的页面或文章标题是你的第一个主标题。
|
||
That's because your page or post title is your first primary heading.
|
||
|
||
19
|
||
00:01:47,000 --> 00:01:51,356
|
||
一旦你添加了一个标题，你就可以更改你正在使用的标题类型，
|
||
Once you have added a heading, you can change the type of heading you are using
|
||
|
||
20
|
||
00:01:51,356 --> 00:01:54,000
|
||
方法是在列表视图中选择相关的标题。
|
||
by selecting the relevant heading in the list view.
|
||
|
||
21
|
||
00:01:54,000 --> 00:01:58,200
|
||
然后在你的区块工具栏中选择标有 H2 的选项，
|
||
Then selecting the option that says H2 in your block toolbar
|
||
|
||
22
|
||
00:01:58,200 --> 00:02:02,000
|
||
从那里你可以在 H1 到 H6 之间进行选择。
|
||
and from there you can select between H1 to H6.
|
||
|
||
23
|
||
00:02:02,000 --> 00:02:07,000
|
||
以确保您的标题顺序和层次结构正确。
|
||
To ensure your headings are in the correct order and hierarchy.
|
||
|
||
24
|
||
00:02:07,000 --> 00:02:12,000
|
||
您知道吗？您可以使用列表视图下的大纲功能来快速检查您的标题。
|
||
Did you know you can use the outline feature under your list view to quickly check your headings?
|
||
|
||
25
|
||
00:02:12,000 --> 00:02:18,882
|
||
请仔细检查您的 H2 标题是否与 H1 标题相关，H3 是否与 H2 相关，依此类推。
|
||
Double check if your H2 heading relates to your H1 heading and your H3 to your H2 etc.
|
||
|
||
26
|
||
00:02:18,882 --> 00:02:22,766
|
||
WordPress 也会在这个大纲部分提醒您，
|
||
WordPress will also alert you in this outline section
|
||
|
||
27
|
||
00:02:22,766 --> 00:02:28,000
|
||
如果您不小心跳过了某个标题级别，从而帮助您确保它们按顺序排列。
|
||
if you accidentally skip a heading level, helping you to ensure that they are in chronological order.
|
||
|
||
28
|
||
00:02:28,000 --> 00:02:34,000
|
||
您可以检查您的页面是否存在任何错误，以便快速纠正，而无需逐个区块搜索。
|
||
You can check your pages for any errors to correct them quickly rather than searching block by block.
|
||
|
||
29
|
||
00:02:34,000 --> 00:02:41,000
|
||
在这个例子中，我想确保所有寿司类型都被列为 H4 标题。
|
||
In this example, I want to ensure that all the types of sushi are listed as H4.
|
||
|
||
30
|
||
00:02:42,000 --> 00:02:45,000
|
||
标题对于无障碍访问也很重要。
|
||
Headings are also important for accessibility.
|
||
|
||
31
|
||
00:02:45,000 --> 00:02:50,000
|
||
错误地使用它们意味着许多人无法访问您网站上的信息。
|
||
Using them incorrectly means many people cannot access the information on your website.
|
||
|
||
32
|
||
00:02:50,000 --> 00:02:52,872
|
||
当您为无障碍访问使用标题时，
|
||
When you use headings for accessibility,
|
||
|
||
33
|
||
00:02:52,872 --> 00:02:58,000
|
||
这能让屏幕阅读器更好地浏览页面并快速找到相关信息。
|
||
this allows screen readers to better navigate the page and quickly find relevant information.
|
||
|
||
34
|
||
00:02:58,000 --> 00:03:04,000
|
||
此外，仅使用键盘的用户只需点击一个按钮就能快速跳转到正确的部分。
|
||
Also, keyboard only users can quickly skip to the right section with a click of a button.
|
||
|
||
35
|
||
00:03:04,000 --> 00:03:10,000
|
||
如果没有标题，本例中的屏幕阅读器就必须大声朗读这整段文字。
|
||
Without headings, the screen reader in this example has to read this entire chunk of text out loud.
|
||
|
||
36
|
||
00:03:10,000 --> 00:03:13,000
|
||
没有标题可以让用户向前跳转。
|
||
There are no headings to allow users to jump ahead.
|
||
|
||
37
|
||
00:03:13,000 --> 00:03:18,684
|
||
如果我添加了标题，屏幕阅读器或键盘就能让它的用户
|
||
If I add headings, the screen reader or keyboard can allow its users
|
||
|
||
38
|
||
00:03:18,684 --> 00:03:22,000
|
||
快速导航到与他们相关的部分。
|
||
to navigate to the section that is relevant to them quickly.
|
||
|
||
39
|
||
00:03:22,000 --> 00:03:28,000
|
||
标题还能帮助低视力用户在放大页面时保持页面结构。
|
||
Headings also help users with low vision to maintain the structure of a page when zoomed in.
|
||
|
||
40
|
||
00:03:28,000 --> 00:03:31,771
|
||
当低视力用户放大页面时，
|
||
As a user with low vision zooms into a page,
|
||
|
||
41
|
||
00:03:31,771 --> 00:03:39,000
|
||
不同的文字大小能让他们了解自己在网站上的位置。
|
||
the different text sizes allow them to keep track of where they are on a website.
|
||
|
||
42
|
||
00:03:40,000 --> 00:03:43,000
|
||
记住将你的标题组织成逻辑分块。
|
||
Remember to structure your headings into logical chunks.
|
||
|
||
43
|
||
00:03:43,000 --> 00:03:48,000
|
||
例如，这篇文章是关于鹦鹉的，这就是标题，即 H1。
|
||
For example, this post is about parrots, which is the title, the H1.
|
||
|
||
44
|
||
00:03:48,000 --> 00:03:55,000
|
||
我决定从撰写鹦鹉健康开始我的文章，为此我使用了 H2 标题。
|
||
I decided to start my article by writing about parrot health and for that I used an H2.
|
||
|
||
45
|
||
00:03:55,000 --> 00:03:58,778
|
||
鹦鹉健康的另一个子主题是鹦鹉营养，
|
||
Another subtopic of parrot health is parrot nutrition
|
||
|
||
46
|
||
00:03:58,778 --> 00:04:03,000
|
||
然后我们可以继续深入探讨下一个子标题。
|
||
and then we can keep drilling down to the next subheading.
|
||
|
||
47
|
||
00:04:03,000 --> 00:04:08,000
|
||
每个子主题都应与其上方的主题相关，类似于杂志文章。
|
||
Each subtopic should relate to the topic above it, similar to a magazine article.
|
||
|
||
48
|
||
00:04:10,000 --> 00:04:16,000
|
||
最后，我们来谈谈标题和搜索引擎优化或 SEO。
|
||
Lastly, let's talk about headings and search engine optimization or SEO.
|
||
|
||
49
|
||
00:04:16,000 --> 00:04:22,000
|
||
你可以有意识地将关键词嵌入标题，以提升网站在搜索引擎中的排名。
|
||
You can thoughtfully embed keywords into headings to boost your website's rank in a search engine.
|
||
|
||
50
|
||
00:04:22,000 --> 00:04:27,000
|
||
你的标题应该清晰简洁地概括后续内容。
|
||
Your headings should provide a clear and concise summary of the content that follows.
|
||
|
||
51
|
||
00:04:27,000 --> 00:04:31,000
|
||
它们应该准确反映一个部分的内容。
|
||
They should accurately reflect the content of a section.
|
||
|
||
52
|
||
00:04:31,000 --> 00:04:37,000
|
||
当你在站点编辑器中时，可以点击样式，然后打开你的样式簿。
|
||
When you are in the site editor, you can click on styles and then open up your style book.
|
||
|
||
53
|
||
00:04:37,000 --> 00:04:44,000
|
||
在这里，你可以使用右侧边栏的设置全局地设置标题样式。
|
||
Here you are able to globally style your headings using your sidebar settings on the right.
|
||
|
||
54
|
||
00:04:44,000 --> 00:04:48,600
|
||
建议在整个网站中使用相同的标题层次结构和样式，
|
||
It is advised to use the same heading hierarchy and styling throughout your site
|
||
|
||
55
|
||
00:04:48,600 --> 00:04:51,000
|
||
以创建统一的外观和感觉。
|
||
to create a uniform look and feel.
|
||
|
||
56
|
||
00:04:51,000 --> 00:04:56,000
|
||
最后一个提示，切勿使用标题区块来设置文本样式。
|
||
One last tip, never use the heading block to style text.
|
||
|
||
57
|
||
00:04:56,000 --> 00:05:01,905
|
||
如果你想要一些风格上的点缀，可以使用额外的区块，例如引语区块，
|
||
If you are looking for a stylistic flare, use an additional block such as the quote block
|
||
|
||
58
|
||
00:05:01,905 --> 00:05:08,000
|
||
或者将标题转换为段落区块，并使用右侧的样式设置来相应地修改文本。
|
||
or transform the heading to a paragraph block and use the style setting on the right to modify your text accordingly.
|
||
|
||
59
|
||
00:05:12,000 --> 00:05:16,667
|
||
我相信你会开始使用标题来改善网站的用户体验，
|
||
I trust that you will start using headings to improve the user experience on your site
|
||
|
||
60
|
||
00:05:16,667 --> 00:05:19,000
|
||
同时也能优化搜索引擎。
|
||
as well as search engine optimization.
|
||
|
