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)
369 lines
No EOL
9.6 KiB
Text
369 lines
No EOL
9.6 KiB
Text
{
|
||
"font_size": 0.4,
|
||
"font_color": "#FFFFFF",
|
||
"background_alpha": 0.5,
|
||
"background_color": "#9C27B0",
|
||
"Stroke": "none",
|
||
"body": [
|
||
{
|
||
"from": 0.0,
|
||
"to": 6.0,
|
||
"location": 2,
|
||
"content": "在本课中，我们将探讨如何为无障碍和 SEO 使用标题。"
|
||
},
|
||
{
|
||
"from": 6.0,
|
||
"to": 11.116,
|
||
"location": 2,
|
||
"content": "你知道吗，在你站点文章和页面上使用标题，"
|
||
},
|
||
{
|
||
"from": 11.116,
|
||
"to": 17.0,
|
||
"location": 2,
|
||
"content": "可能决定了是留住访客还是让他们跳转到其他站点。"
|
||
},
|
||
{
|
||
"from": 17.0,
|
||
"to": 22.625,
|
||
"location": 2,
|
||
"content": "在这个例子中，我们有一篇没有标题的文章，"
|
||
},
|
||
{
|
||
"from": 22.625,
|
||
"to": 26.0,
|
||
"location": 2,
|
||
"content": "这会让读者很难进行浏览。"
|
||
},
|
||
{
|
||
"from": 26.0,
|
||
"to": 33.583,
|
||
"location": 2,
|
||
"content": "在下一个例子中，我们添加了恰当的标题来帮助读者理解内容，"
|
||
},
|
||
{
|
||
"from": 33.583,
|
||
"to": 39.0,
|
||
"location": 2,
|
||
"content": "并在实际阅读前就能了解文章是关于什么的。"
|
||
},
|
||
{
|
||
"from": 39.0,
|
||
"to": 45.0,
|
||
"location": 2,
|
||
"content": "标题能组织内容，让读者更容易浏览和定位信息。"
|
||
},
|
||
{
|
||
"from": 45.0,
|
||
"to": 52.0,
|
||
"location": 2,
|
||
"content": "最重要的是，它们是无障碍和搜索引擎优化的必备工具。"
|
||
},
|
||
{
|
||
"from": 52.0,
|
||
"to": 56.571,
|
||
"location": 2,
|
||
"content": "在本教程结束时，我们将能够正确使用标题，"
|
||
},
|
||
{
|
||
"from": 56.571,
|
||
"to": 60.0,
|
||
"location": 2,
|
||
"content": "以实现可读性、无障碍和 SEO。"
|
||
},
|
||
{
|
||
"from": 60.0,
|
||
"to": 65.0,
|
||
"location": 2,
|
||
"content": "首先，为什么用标题来构建内容很重要？"
|
||
},
|
||
{
|
||
"from": 65.0,
|
||
"to": 71.982,
|
||
"location": 2,
|
||
"content": "它能引入新话题或章节，引导读者，让读者略读内容，"
|
||
},
|
||
{
|
||
"from": 71.982,
|
||
"to": 81.0,
|
||
"location": 2,
|
||
"content": "也让读者对内容有所预期，最后还能将话题分解成更易消化的信息块。"
|
||
},
|
||
{
|
||
"from": 81.0,
|
||
"to": 86.0,
|
||
"location": 2,
|
||
"content": "标题也用于指示信息的层次结构。"
|
||
},
|
||
{
|
||
"from": 86.0,
|
||
"to": 96.0,
|
||
"location": 2,
|
||
"content": "你的页面和文章将被分解为子标题，例如标题 2 或 H2、H3，一直到 H6。"
|
||
},
|
||
{
|
||
"from": 96.0,
|
||
"to": 102.0,
|
||
"location": 2,
|
||
"content": "你会注意到，当你添加第一个标题区块时，H2 会自动被选中。"
|
||
},
|
||
{
|
||
"from": 102.0,
|
||
"to": 107.0,
|
||
"location": 2,
|
||
"content": "这是因为你的页面或文章标题是你的第一个主标题。"
|
||
},
|
||
{
|
||
"from": 107.0,
|
||
"to": 111.356,
|
||
"location": 2,
|
||
"content": "一旦你添加了一个标题，你就可以更改你正在使用的标题类型，"
|
||
},
|
||
{
|
||
"from": 111.356,
|
||
"to": 114.0,
|
||
"location": 2,
|
||
"content": "方法是在列表视图中选择相关的标题。"
|
||
},
|
||
{
|
||
"from": 114.0,
|
||
"to": 118.2,
|
||
"location": 2,
|
||
"content": "然后在你的区块工具栏中选择标有 H2 的选项，"
|
||
},
|
||
{
|
||
"from": 118.2,
|
||
"to": 122.0,
|
||
"location": 2,
|
||
"content": "从那里你可以在 H1 到 H6 之间进行选择。"
|
||
},
|
||
{
|
||
"from": 122.0,
|
||
"to": 127.0,
|
||
"location": 2,
|
||
"content": "以确保您的标题顺序和层次结构正确。"
|
||
},
|
||
{
|
||
"from": 127.0,
|
||
"to": 132.0,
|
||
"location": 2,
|
||
"content": "您知道吗？您可以使用列表视图下的大纲功能来快速检查您的标题。"
|
||
},
|
||
{
|
||
"from": 132.0,
|
||
"to": 138.882,
|
||
"location": 2,
|
||
"content": "请仔细检查您的 H2 标题是否与 H1 标题相关，H3 是否与 H2 相关，依此类推。"
|
||
},
|
||
{
|
||
"from": 138.882,
|
||
"to": 142.766,
|
||
"location": 2,
|
||
"content": "WordPress 也会在这个大纲部分提醒您，"
|
||
},
|
||
{
|
||
"from": 142.766,
|
||
"to": 148.0,
|
||
"location": 2,
|
||
"content": "如果您不小心跳过了某个标题级别，从而帮助您确保它们按顺序排列。"
|
||
},
|
||
{
|
||
"from": 148.0,
|
||
"to": 154.0,
|
||
"location": 2,
|
||
"content": "您可以检查您的页面是否存在任何错误，以便快速纠正，而无需逐个区块搜索。"
|
||
},
|
||
{
|
||
"from": 154.0,
|
||
"to": 161.0,
|
||
"location": 2,
|
||
"content": "在这个例子中，我想确保所有寿司类型都被列为 H4 标题。"
|
||
},
|
||
{
|
||
"from": 162.0,
|
||
"to": 165.0,
|
||
"location": 2,
|
||
"content": "标题对于无障碍访问也很重要。"
|
||
},
|
||
{
|
||
"from": 165.0,
|
||
"to": 170.0,
|
||
"location": 2,
|
||
"content": "错误地使用它们意味着许多人无法访问您网站上的信息。"
|
||
},
|
||
{
|
||
"from": 170.0,
|
||
"to": 172.872,
|
||
"location": 2,
|
||
"content": "当您为无障碍访问使用标题时，"
|
||
},
|
||
{
|
||
"from": 172.872,
|
||
"to": 178.0,
|
||
"location": 2,
|
||
"content": "这能让屏幕阅读器更好地浏览页面并快速找到相关信息。"
|
||
},
|
||
{
|
||
"from": 178.0,
|
||
"to": 184.0,
|
||
"location": 2,
|
||
"content": "此外，仅使用键盘的用户只需点击一个按钮就能快速跳转到正确的部分。"
|
||
},
|
||
{
|
||
"from": 184.0,
|
||
"to": 190.0,
|
||
"location": 2,
|
||
"content": "如果没有标题，本例中的屏幕阅读器就必须大声朗读这整段文字。"
|
||
},
|
||
{
|
||
"from": 190.0,
|
||
"to": 193.0,
|
||
"location": 2,
|
||
"content": "没有标题可以让用户向前跳转。"
|
||
},
|
||
{
|
||
"from": 193.0,
|
||
"to": 198.684,
|
||
"location": 2,
|
||
"content": "如果我添加了标题，屏幕阅读器或键盘就能让它的用户"
|
||
},
|
||
{
|
||
"from": 198.684,
|
||
"to": 202.0,
|
||
"location": 2,
|
||
"content": "快速导航到与他们相关的部分。"
|
||
},
|
||
{
|
||
"from": 202.0,
|
||
"to": 208.0,
|
||
"location": 2,
|
||
"content": "标题还能帮助低视力用户在放大页面时保持页面结构。"
|
||
},
|
||
{
|
||
"from": 208.0,
|
||
"to": 211.771,
|
||
"location": 2,
|
||
"content": "当低视力用户放大页面时，"
|
||
},
|
||
{
|
||
"from": 211.771,
|
||
"to": 219.0,
|
||
"location": 2,
|
||
"content": "不同的文字大小能让他们了解自己在网站上的位置。"
|
||
},
|
||
{
|
||
"from": 220.0,
|
||
"to": 223.0,
|
||
"location": 2,
|
||
"content": "记住将你的标题组织成逻辑分块。"
|
||
},
|
||
{
|
||
"from": 223.0,
|
||
"to": 228.0,
|
||
"location": 2,
|
||
"content": "例如，这篇文章是关于鹦鹉的，这就是标题，即 H1。"
|
||
},
|
||
{
|
||
"from": 228.0,
|
||
"to": 235.0,
|
||
"location": 2,
|
||
"content": "我决定从撰写鹦鹉健康开始我的文章，为此我使用了 H2 标题。"
|
||
},
|
||
{
|
||
"from": 235.0,
|
||
"to": 238.778,
|
||
"location": 2,
|
||
"content": "鹦鹉健康的另一个子主题是鹦鹉营养，"
|
||
},
|
||
{
|
||
"from": 238.778,
|
||
"to": 243.0,
|
||
"location": 2,
|
||
"content": "然后我们可以继续深入探讨下一个子标题。"
|
||
},
|
||
{
|
||
"from": 243.0,
|
||
"to": 248.0,
|
||
"location": 2,
|
||
"content": "每个子主题都应与其上方的主题相关，类似于杂志文章。"
|
||
},
|
||
{
|
||
"from": 250.0,
|
||
"to": 256.0,
|
||
"location": 2,
|
||
"content": "最后，我们来谈谈标题和搜索引擎优化或 SEO。"
|
||
},
|
||
{
|
||
"from": 256.0,
|
||
"to": 262.0,
|
||
"location": 2,
|
||
"content": "你可以有意识地将关键词嵌入标题，以提升网站在搜索引擎中的排名。"
|
||
},
|
||
{
|
||
"from": 262.0,
|
||
"to": 267.0,
|
||
"location": 2,
|
||
"content": "你的标题应该清晰简洁地概括后续内容。"
|
||
},
|
||
{
|
||
"from": 267.0,
|
||
"to": 271.0,
|
||
"location": 2,
|
||
"content": "它们应该准确反映一个部分的内容。"
|
||
},
|
||
{
|
||
"from": 271.0,
|
||
"to": 277.0,
|
||
"location": 2,
|
||
"content": "当你在站点编辑器中时，可以点击样式，然后打开你的样式簿。"
|
||
},
|
||
{
|
||
"from": 277.0,
|
||
"to": 284.0,
|
||
"location": 2,
|
||
"content": "在这里，你可以使用右侧边栏的设置全局地设置标题样式。"
|
||
},
|
||
{
|
||
"from": 284.0,
|
||
"to": 288.6,
|
||
"location": 2,
|
||
"content": "建议在整个网站中使用相同的标题层次结构和样式，"
|
||
},
|
||
{
|
||
"from": 288.6,
|
||
"to": 291.0,
|
||
"location": 2,
|
||
"content": "以创建统一的外观和感觉。"
|
||
},
|
||
{
|
||
"from": 291.0,
|
||
"to": 296.0,
|
||
"location": 2,
|
||
"content": "最后一个提示，切勿使用标题区块来设置文本样式。"
|
||
},
|
||
{
|
||
"from": 296.0,
|
||
"to": 301.905,
|
||
"location": 2,
|
||
"content": "如果你想要一些风格上的点缀，可以使用额外的区块，例如引语区块，"
|
||
},
|
||
{
|
||
"from": 301.905,
|
||
"to": 308.0,
|
||
"location": 2,
|
||
"content": "或者将标题转换为段落区块，并使用右侧的样式设置来相应地修改文本。"
|
||
},
|
||
{
|
||
"from": 312.0,
|
||
"to": 316.667,
|
||
"location": 2,
|
||
"content": "我相信你会开始使用标题来改善网站的用户体验，"
|
||
},
|
||
{
|
||
"from": 316.667,
|
||
"to": 319.0,
|
||
"location": 2,
|
||
"content": "同时也能优化搜索引擎。"
|
||
}
|
||
]
|
||
} |
