beginner-wordpress-user/subtitles/How to use headings for accessibility and SEO.bilingual.en-zh.ass
studio 4cfcf09a97 sync: full archive from pipeline (250 files)
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)
2026-04-13 23:35:08 +08:00

179 lines
18 KiB
Text
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

[Script Info]
Title: Bilingual Subtitles
ScriptType: v4.00+
PlayResX: 1920
PlayResY: 1080
ScaledBorderAndShadow: yes
[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: Original,Noto Sans,44,&H00FFFFFF,&H000000FF,&H00000000,&H80000000,0,0,0,0,100,100,0,0,1,2,1,2,,,36,1
Style: Translated,Noto Sans CJK SC,60,&H0000FFFF,&H000000FF,&H00000000,&H80000000,-1,0,0,0,100,100,0,0,1,2,1,2,,,86,1
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:02.79,Original,,0,0,0,,In this lesson, we will explore how
Dialogue: 0,0:00:02.79,0:00:06.00,Original,,0,0,0,,to use headings for accessibility and SEO.
Dialogue: 0,0:00:00.00,0:00:06.00,Translated,,0,0,0,,在本课中,我们将探讨如何为无障碍和\hSEO\h使用标题。
Dialogue: 0,0:00:06.00,0:00:07.60,Original,,0,0,0,,Did you know that using headings on your
Dialogue: 0,0:00:07.60,0:00:09.36,Original,,0,0,0,,website's posts and pages can be the difference
Dialogue: 0,0:00:09.36,0:00:11.12,Original,,0,0,0,,between connecting with your website's audience
Dialogue: 0,0:00:06.00,0:00:11.12,Translated,,0,0,0,,你知道吗,在你站点文章和页面上使用标题,
Dialogue: 0,0:00:11.12,0:00:17.00,Original,,0,0,0,,or resulting in bouncing away to find a different website?
Dialogue: 0,0:00:11.12,0:00:17.00,Translated,,0,0,0,,可能决定了是留住访客还是让他们跳转到其他站点。
Dialogue: 0,0:00:17.00,0:00:22.62,Original,,0,0,0,,In this example, we have an article with no headings,
Dialogue: 0,0:00:17.00,0:00:22.62,Translated,,0,0,0,,在这个例子中,我们有一篇没有标题的文章,
Dialogue: 0,0:00:22.62,0:00:26.00,Original,,0,0,0,,which will make it quite difficult for a reader to navigate.
Dialogue: 0,0:00:22.62,0:00:26.00,Translated,,0,0,0,,这会让读者很难进行浏览。
Dialogue: 0,0:00:26.00,0:00:29.76,Original,,0,0,0,,In the next example, we have added the appropriate
Dialogue: 0,0:00:29.76,0:00:33.58,Original,,0,0,0,,headings to help a reader make sense of the content
Dialogue: 0,0:00:26.00,0:00:33.58,Translated,,0,0,0,,在下一个例子中,我们添加了恰当的标题来帮助读者理解内容,
Dialogue: 0,0:00:33.58,0:00:36.16,Original,,0,0,0,,and to find out what the article is
Dialogue: 0,0:00:36.16,0:00:39.00,Original,,0,0,0,,about before actually having to read it.
Dialogue: 0,0:00:33.58,0:00:39.00,Translated,,0,0,0,,并在实际阅读前就能了解文章是关于什么的。
Dialogue: 0,0:00:39.00,0:00:42.05,Original,,0,0,0,,Headings organize content and make it easier for
Dialogue: 0,0:00:42.05,0:00:45.00,Original,,0,0,0,,the reader to navigate and locate information.
Dialogue: 0,0:00:39.00,0:00:45.00,Translated,,0,0,0,,标题能组织内容,让读者更容易浏览和定位信息。
Dialogue: 0,0:00:45.00,0:00:48.28,Original,,0,0,0,,Most importantly, they are essential tools
Dialogue: 0,0:00:48.28,0:00:52.00,Original,,0,0,0,,for accessibility and search engine optimization.
Dialogue: 0,0:00:45.00,0:00:52.00,Translated,,0,0,0,,最重要的是,它们是无障碍和搜索引擎优化的必备工具。
Dialogue: 0,0:00:52.00,0:00:53.99,Original,,0,0,0,,By the end of this tutorial,
Dialogue: 0,0:00:53.99,0:00:56.57,Original,,0,0,0,,we will be able to use headings correctly
Dialogue: 0,0:00:52.00,0:00:56.57,Translated,,0,0,0,,在本教程结束时,我们将能够正确使用标题,
Dialogue: 0,0:00:56.57,0:01:00.00,Original,,0,0,0,,for readability, accessibility and SEO.
Dialogue: 0,0:00:56.57,0:01:00.00,Translated,,0,0,0,,以实现可读性、无障碍和\hSEO。
Dialogue: 0,0:01:00.00,0:01:02.44,Original,,0,0,0,,Firstly, why is it important to
Dialogue: 0,0:01:02.44,0:01:05.00,Original,,0,0,0,,structure content using headings?
Dialogue: 0,0:01:00.00,0:01:05.00,Translated,,0,0,0,,首先,为什么用标题来构建内容很重要?
Dialogue: 0,0:01:05.00,0:01:08.28,Original,,0,0,0,,Well, it introduces new topics or sections,
Dialogue: 0,0:01:08.28,0:01:11.98,Original,,0,0,0,,it guides a reader, it lets a reader skim content,
Dialogue: 0,0:01:05.00,0:01:11.98,Translated,,0,0,0,,它能引入新话题或章节,引导读者,让读者略读内容,
Dialogue: 0,0:01:11.98,0:01:14.90,Original,,0,0,0,,it also gives the reader an idea of what
Dialogue: 0,0:01:14.90,0:01:17.92,Original,,0,0,0,,to expect and then lastly it breaks topics
Dialogue: 0,0:01:17.92,0:01:21.00,Original,,0,0,0,,into more digestible pieces of information.
Dialogue: 0,0:01:11.98,0:01:21.00,Translated,,0,0,0,,也让读者对内容有所预期,最后还能将话题分解成更易消化的信息块。
Dialogue: 0,0:01:21.00,0:01:23.64,Original,,0,0,0,,Headings are also used to indicate
Dialogue: 0,0:01:23.64,0:01:26.00,Original,,0,0,0,,the hierarchy of information.
Dialogue: 0,0:01:21.00,0:01:26.00,Translated,,0,0,0,,标题也用于指示信息的层次结构。
Dialogue: 0,0:01:26.00,0:01:31.20,Original,,0,0,0,,Your pages and posts will be broken up into subheadings
Dialogue: 0,0:01:31.20,0:01:36.00,Original,,0,0,0,,such as Heading 2 or H2, H3 and all the way to H6.
Dialogue: 0,0:01:26.00,0:01:30.32,Translated,,0,0,0,,你的页面和文章将被分解为子标题,
Dialogue: 0,0:01:30.32,0:01:36.00,Translated,,0,0,0,,例如标题\h2\h或\hH2、H3一直到\hH6。
Dialogue: 0,0:01:36.00,0:01:38.86,Original,,0,0,0,,You will notice when you add your first
Dialogue: 0,0:01:38.86,0:01:42.00,Original,,0,0,0,,heading block, H2 is automatically selected.
Dialogue: 0,0:01:36.00,0:01:42.00,Translated,,0,0,0,,你会注意到当你添加第一个标题区块时H2\h会自动被选中。
Dialogue: 0,0:01:42.00,0:01:44.39,Original,,0,0,0,,That's because your page or post
Dialogue: 0,0:01:44.39,0:01:47.00,Original,,0,0,0,,title is your first primary heading.
Dialogue: 0,0:01:42.00,0:01:47.00,Translated,,0,0,0,,这是因为你的页面或文章标题是你的第一个主标题。
Dialogue: 0,0:01:47.00,0:01:49.14,Original,,0,0,0,,Once you have added a heading, you can
Dialogue: 0,0:01:49.14,0:01:51.36,Original,,0,0,0,,change the type of heading you are using
Dialogue: 0,0:01:47.00,0:01:51.36,Translated,,0,0,0,,一旦你添加了一个标题,你就可以更改你正在使用的标题类型,
Dialogue: 0,0:01:51.36,0:01:54.00,Original,,0,0,0,,by selecting the relevant heading in the list view.
Dialogue: 0,0:01:51.36,0:01:54.00,Translated,,0,0,0,,方法是在列表视图中选择相关的标题。
Dialogue: 0,0:01:54.00,0:01:58.20,Original,,0,0,0,,Then selecting the option that says H2 in your block toolbar
Dialogue: 0,0:01:54.00,0:01:58.20,Translated,,0,0,0,,然后在你的区块工具栏中选择标有\hH2\h的选项
Dialogue: 0,0:01:58.20,0:02:02.00,Original,,0,0,0,,and from there you can select between H1 to H6.
Dialogue: 0,0:01:58.20,0:02:02.00,Translated,,0,0,0,,从那里你可以在\hH1\h到\hH6\h之间进行选择。
Dialogue: 0,0:02:02.00,0:02:04.44,Original,,0,0,0,,To ensure your headings are in
Dialogue: 0,0:02:04.44,0:02:07.00,Original,,0,0,0,,the correct order and hierarchy.
Dialogue: 0,0:02:02.00,0:02:07.00,Translated,,0,0,0,,以确保您的标题顺序和层次结构正确。
Dialogue: 0,0:02:07.00,0:02:09.58,Original,,0,0,0,,Did you know you can use the outline feature under
Dialogue: 0,0:02:09.58,0:02:12.00,Original,,0,0,0,,your list view to quickly check your headings?
Dialogue: 0,0:02:07.00,0:02:12.00,Translated,,0,0,0,,您知道吗?您可以使用列表视图下的大纲功能来快速检查您的标题。
Dialogue: 0,0:02:12.00,0:02:15.22,Original,,0,0,0,,Double check if your H2 heading relates
Dialogue: 0,0:02:15.22,0:02:18.88,Original,,0,0,0,,to your H1 heading and your H3 to your H2 etc.
Dialogue: 0,0:02:12.00,0:02:15.89,Translated,,0,0,0,,请仔细检查您的\hH2\h标题是否与\hH1\h标题相关
Dialogue: 0,0:02:15.89,0:02:18.88,Translated,,0,0,0,,H3\h是否与\hH2\h相关依此类推。
Dialogue: 0,0:02:18.88,0:02:22.77,Original,,0,0,0,,WordPress will also alert you in this outline section
Dialogue: 0,0:02:18.88,0:02:22.77,Translated,,0,0,0,,WordPress\h也会在这个大纲部分提醒您
Dialogue: 0,0:02:22.77,0:02:25.50,Original,,0,0,0,,if you accidentally skip a heading level, helping you
Dialogue: 0,0:02:25.50,0:02:28.00,Original,,0,0,0,,to ensure that they are in chronological order.
Dialogue: 0,0:02:22.77,0:02:28.00,Translated,,0,0,0,,如果您不小心跳过了某个标题级别,从而帮助您确保它们按顺序排列。
Dialogue: 0,0:02:28.00,0:02:31.00,Original,,0,0,0,,You can check your pages for any errors to correct
Dialogue: 0,0:02:31.00,0:02:34.00,Original,,0,0,0,,them quickly rather than searching block by block.
Dialogue: 0,0:02:28.00,0:02:31.07,Translated,,0,0,0,,您可以检查您的页面是否存在任何错误,
Dialogue: 0,0:02:31.07,0:02:34.00,Translated,,0,0,0,,以便快速纠正,而无需逐个区块搜索。
Dialogue: 0,0:02:34.00,0:02:37.72,Original,,0,0,0,,In this example, I want to ensure that all
Dialogue: 0,0:02:37.72,0:02:41.00,Original,,0,0,0,,the types of sushi are listed as H4.
Dialogue: 0,0:02:34.00,0:02:41.00,Translated,,0,0,0,,在这个例子中,我想确保所有寿司类型都被列为\hH4\h标题。
Dialogue: 0,0:02:42.00,0:02:45.00,Original,,0,0,0,,Headings are also important for accessibility.
Dialogue: 0,0:02:42.00,0:02:45.00,Translated,,0,0,0,,标题对于无障碍访问也很重要。
Dialogue: 0,0:02:45.00,0:02:47.37,Original,,0,0,0,,Using them incorrectly means many people
Dialogue: 0,0:02:47.37,0:02:50.00,Original,,0,0,0,,cannot access the information on your website.
Dialogue: 0,0:02:45.00,0:02:50.00,Translated,,0,0,0,,错误地使用它们意味着许多人无法访问您网站上的信息。
Dialogue: 0,0:02:50.00,0:02:52.87,Original,,0,0,0,,When you use headings for accessibility,
Dialogue: 0,0:02:50.00,0:02:52.87,Translated,,0,0,0,,当您为无障碍访问使用标题时,
Dialogue: 0,0:02:52.87,0:02:55.40,Original,,0,0,0,,this allows screen readers to better navigate
Dialogue: 0,0:02:55.40,0:02:58.00,Original,,0,0,0,,the page and quickly find relevant information.
Dialogue: 0,0:02:52.87,0:02:58.00,Translated,,0,0,0,,这能让屏幕阅读器更好地浏览页面并快速找到相关信息。
Dialogue: 0,0:02:58.00,0:03:01.05,Original,,0,0,0,,Also, keyboard only users can quickly skip to
Dialogue: 0,0:03:01.05,0:03:04.00,Original,,0,0,0,,the right section with a click of a button.
Dialogue: 0,0:02:58.00,0:03:04.00,Translated,,0,0,0,,此外,仅使用键盘的用户只需点击一个按钮就能快速跳转到正确的部分。
Dialogue: 0,0:03:04.00,0:03:07.09,Original,,0,0,0,,Without headings, the screen reader in this example
Dialogue: 0,0:03:07.09,0:03:10.00,Original,,0,0,0,,has to read this entire chunk of text out loud.
Dialogue: 0,0:03:04.00,0:03:10.00,Translated,,0,0,0,,如果没有标题,本例中的屏幕阅读器就必须大声朗读这整段文字。
Dialogue: 0,0:03:10.00,0:03:13.00,Original,,0,0,0,,There are no headings to allow users to jump ahead.
Dialogue: 0,0:03:10.00,0:03:13.00,Translated,,0,0,0,,没有标题可以让用户向前跳转。
Dialogue: 0,0:03:13.00,0:03:16.00,Original,,0,0,0,,If I add headings, the screen reader
Dialogue: 0,0:03:16.00,0:03:18.68,Original,,0,0,0,,or keyboard can allow its users
Dialogue: 0,0:03:13.00,0:03:18.68,Translated,,0,0,0,,如果我添加了标题,屏幕阅读器或键盘就能让它的用户
Dialogue: 0,0:03:18.68,0:03:22.00,Original,,0,0,0,,to navigate to the section that is relevant to them quickly.
Dialogue: 0,0:03:18.68,0:03:22.00,Translated,,0,0,0,,快速导航到与他们相关的部分。
Dialogue: 0,0:03:22.00,0:03:24.87,Original,,0,0,0,,Headings also help users with low vision to
Dialogue: 0,0:03:24.87,0:03:28.00,Original,,0,0,0,,maintain the structure of a page when zoomed in.
Dialogue: 0,0:03:22.00,0:03:28.00,Translated,,0,0,0,,标题还能帮助低视力用户在放大页面时保持页面结构。
Dialogue: 0,0:03:28.00,0:03:31.77,Original,,0,0,0,,As a user with low vision zooms into a page,
Dialogue: 0,0:03:28.00,0:03:31.77,Translated,,0,0,0,,当低视力用户放大页面时,
Dialogue: 0,0:03:31.77,0:03:35.24,Original,,0,0,0,,the different text sizes allow them to
Dialogue: 0,0:03:35.24,0:03:39.00,Original,,0,0,0,,keep track of where they are on a website.
Dialogue: 0,0:03:31.77,0:03:39.00,Translated,,0,0,0,,不同的文字大小能让他们了解自己在网站上的位置。
Dialogue: 0,0:03:40.00,0:03:43.00,Original,,0,0,0,,Remember to structure your headings into logical chunks.
Dialogue: 0,0:03:40.00,0:03:43.00,Translated,,0,0,0,,记住将你的标题组织成逻辑分块。
Dialogue: 0,0:03:43.00,0:03:45.85,Original,,0,0,0,,For example, this post is about parrots,
Dialogue: 0,0:03:45.85,0:03:48.00,Original,,0,0,0,,which is the title, the H1.
Dialogue: 0,0:03:43.00,0:03:48.00,Translated,,0,0,0,,例如,这篇文章是关于鹦鹉的,这就是标题,即\hH1。
Dialogue: 0,0:03:48.00,0:03:51.30,Original,,0,0,0,,I decided to start my article by writing
Dialogue: 0,0:03:51.30,0:03:55.00,Original,,0,0,0,,about parrot health and for that I used an H2.
Dialogue: 0,0:03:48.00,0:03:55.00,Translated,,0,0,0,,我决定从撰写鹦鹉健康开始我的文章,为此我使用了\hH2\h标题。
Dialogue: 0,0:03:55.00,0:03:58.78,Original,,0,0,0,,Another subtopic of parrot health is parrot nutrition
Dialogue: 0,0:03:55.00,0:03:58.78,Translated,,0,0,0,,鹦鹉健康的另一个子主题是鹦鹉营养,
Dialogue: 0,0:03:58.78,0:04:03.00,Original,,0,0,0,,and then we can keep drilling down to the next subheading.
Dialogue: 0,0:03:58.78,0:04:03.00,Translated,,0,0,0,,然后我们可以继续深入探讨下一个子标题。
Dialogue: 0,0:04:03.00,0:04:05.50,Original,,0,0,0,,Each subtopic should relate to the topic
Dialogue: 0,0:04:05.50,0:04:08.00,Original,,0,0,0,,above it, similar to a magazine article.
Dialogue: 0,0:04:03.00,0:04:08.00,Translated,,0,0,0,,每个子主题都应与其上方的主题相关,类似于杂志文章。
Dialogue: 0,0:04:10.00,0:04:12.84,Original,,0,0,0,,Lastly, let's talk about headings
Dialogue: 0,0:04:12.84,0:04:16.00,Original,,0,0,0,,and search engine optimization or SEO.
Dialogue: 0,0:04:10.00,0:04:16.00,Translated,,0,0,0,,最后,我们来谈谈标题和搜索引擎优化或\hSEO。
Dialogue: 0,0:04:16.00,0:04:19.02,Original,,0,0,0,,You can thoughtfully embed keywords into headings
Dialogue: 0,0:04:19.02,0:04:22.00,Original,,0,0,0,,to boost your website's rank in a search engine.
Dialogue: 0,0:04:16.00,0:04:22.00,Translated,,0,0,0,,你可以有意识地将关键词嵌入标题,以提升网站在搜索引擎中的排名。
Dialogue: 0,0:04:22.00,0:04:24.41,Original,,0,0,0,,Your headings should provide a clear and
Dialogue: 0,0:04:24.41,0:04:27.00,Original,,0,0,0,,concise summary of the content that follows.
Dialogue: 0,0:04:22.00,0:04:27.00,Translated,,0,0,0,,你的标题应该清晰简洁地概括后续内容。
Dialogue: 0,0:04:27.00,0:04:31.00,Original,,0,0,0,,They should accurately reflect the content of a section.
Dialogue: 0,0:04:27.00,0:04:31.00,Translated,,0,0,0,,它们应该准确反映一个部分的内容。
Dialogue: 0,0:04:31.00,0:04:34.08,Original,,0,0,0,,When you are in the site editor, you can click
Dialogue: 0,0:04:34.08,0:04:37.00,Original,,0,0,0,,on styles and then open up your style book.
Dialogue: 0,0:04:31.00,0:04:37.00,Translated,,0,0,0,,当你在站点编辑器中时,可以点击样式,然后打开你的样式簿。
Dialogue: 0,0:04:37.00,0:04:40.75,Original,,0,0,0,,Here you are able to globally style your headings
Dialogue: 0,0:04:40.75,0:04:44.00,Original,,0,0,0,,using your sidebar settings on the right.
Dialogue: 0,0:04:37.00,0:04:44.00,Translated,,0,0,0,,在这里,你可以使用右侧边栏的设置全局地设置标题样式。
Dialogue: 0,0:04:44.00,0:04:46.20,Original,,0,0,0,,It is advised to use the same heading
Dialogue: 0,0:04:46.20,0:04:48.60,Original,,0,0,0,,hierarchy and styling throughout your site
Dialogue: 0,0:04:44.00,0:04:48.60,Translated,,0,0,0,,建议在整个网站中使用相同的标题层次结构和样式,
Dialogue: 0,0:04:48.60,0:04:51.00,Original,,0,0,0,,to create a uniform look and feel.
Dialogue: 0,0:04:48.60,0:04:51.00,Translated,,0,0,0,,以创建统一的外观和感觉。
Dialogue: 0,0:04:51.00,0:04:56.00,Original,,0,0,0,,One last tip, never use the heading block to style text.
Dialogue: 0,0:04:51.00,0:04:56.00,Translated,,0,0,0,,最后一个提示,切勿使用标题区块来设置文本样式。
Dialogue: 0,0:04:56.00,0:04:58.80,Original,,0,0,0,,If you are looking for a stylistic flare,
Dialogue: 0,0:04:58.80,0:05:01.90,Original,,0,0,0,,use an additional block such as the quote block
Dialogue: 0,0:04:56.00,0:05:01.90,Translated,,0,0,0,,如果你想要一些风格上的点缀,可以使用额外的区块,例如引语区块,
Dialogue: 0,0:05:01.90,0:05:04.91,Original,,0,0,0,,or transform the heading to a paragraph block and use the
Dialogue: 0,0:05:04.91,0:05:08.00,Original,,0,0,0,,style setting on the right to modify your text accordingly.
Dialogue: 0,0:05:01.90,0:05:08.00,Translated,,0,0,0,,或者将标题转换为段落区块,并使用右侧的样式设置来相应地修改文本。
Dialogue: 0,0:05:12.00,0:05:14.31,Original,,0,0,0,,I trust that you will start using headings
Dialogue: 0,0:05:14.31,0:05:16.67,Original,,0,0,0,,to improve the user experience on your site
Dialogue: 0,0:05:12.00,0:05:16.67,Translated,,0,0,0,,我相信你会开始使用标题来改善网站的用户体验,
Dialogue: 0,0:05:16.67,0:05:19.00,Original,,0,0,0,,as well as search engine optimization.
Dialogue: 0,0:05:16.67,0:05:19.00,Translated,,0,0,0,,同时也能优化搜索引擎。