你是否曾经想过，通过激光和电磁场在全球范围内传输无生命的数

网络是实用的现代魔法，旨在将我们的思想传达给那些我们可能从未见过，也永远不会有机会交谈的人。在这方面，网站是沟通的工具。搜索引擎优化（SEO）是达到目的的手段，而不是其本身的目的。SEO 是关于帮助更多人找到我们的思想。

让我们谈谈我们应该做什么，最重要的是，不要做什么，以便我们的内容对读者、我们自己以及那些衡量我们话语并决定将它们感染到哪些大脑的魔法思考之石有意义。

拆分长文章

我知道我犯过写非常长篇内容的错误。我的文章通常有几千字。超过某个点，它们对阅读它们的人类和机器来说都太过复杂。

如果你的文章超过几段，在其中添加标题会很有帮助。标题充当读者的锚点，无论是初次阅读还是回读。说到锚点，如果你想能够链接到特定的标题，请记住给它们赋予 id 属性。我承认我通常不在文章中这样做。然而，我在编写文档时确实实践了这一点。

标题只能带你到这里。一旦你达到几页的长度，你的内容对于人类来说就太长了，难以理解。最好将其拆分为逻辑上的标题组，并将每个标题放在新的一页上。

你不需要也不应该为每一页都创建一个新文章！Joomla 内置了文章分页功能。使用分页编辑按钮来分隔你的逻辑页面。Joomla 将在每个页面的顶部显示目录，并提供链接到文章的上一页和下一页。

保持 DOM 大小可控

您的整个网站和内容都作为HTML发送到浏览器。HTML是有结构的文本。每个标签都在文档对象模型（DOM）树中创建一个节点，这是浏览器内存中对解析后的HTML的内部表示。好吧，技术上比这复杂得多，但这是一个很好的起点。

非常大的或过度的嵌套DOM 在渲染您的网站时会导致问题。浏览器将需要付出更多努力来布局您的页面。与页面的交互将需要浏览器重新计算大量DOM节点。您的页面将加载、显示、滚动和交互速度变慢，同时消耗更多的电力。如果您的内容有90%的可能性会在移动设备上被消费，而且设备性能不足，您应该考虑这一点。

您可以通过至少两种方式来降低DOM大小。首先，就像上面解释的那样，将长文章拆分成页面。其次，注意您的HTML！不要使用内联样式，使用类。您的内联样式可能是您会重复使用的样式，并且作为CSS类效果会更好。不要直接从Word或另一个网站粘贴。最好粘贴为纯文本，并花更多时间重新格式化您的内容，而不是最终得到一个乱七八糟的标签和没有意义的CSS类。

关于DOM嵌套，这始于您的模板。尽量合理地组织模板，不要使用太多嵌套标签。这可能需要您提高CSS技能。我应该知道。我并不完全是一位在从无到有创建CSS页面结构方面有权威性的人。每次我需要做通常需要我使用半打嵌套CSS标签的事情时，我都会向我的妻子求助，她提出的解决方案一开始看起来像是黑暗魔法，但一旦我把它分解成组成部分，它就变得非常有意义。《a href="https://developer.mozilla.org.cn/en-US/docs/Learn/CSS/CSS_layout/Flexbox" rel="nofollow">Flexbox》和《a href="https://developer.mozilla.org.cn/en-US/docs/Web/CSS/CSS_Grid_Layout" rel="nofollow">CSS Grid》是您创建既强大又易于浏览器和您自己理解布局的朋友。这些都是魔法。如果您不擅长从头开始编写CSS，可以使用Bootstrap 5（随Joomla 4附带），与之前的版本不同，它是一个稍微友好一点的Flexbox包装器。

《em>嘿，纯粹主义者》：我知道Bootstrap 5很重，等等。请记住，阅读这篇文章的大多数人都在尝试用小团队、不可能的截止日期和微薄的预算来制作网站。在Lighthouse中损失10分不是世界末日。没有按时交付网站可能才是。

主要针对人类写作，而不是针对机器人

您会发现关于在网络上写好内容的大量建议都集中在短期目标上。通常，它会告诉您如何让搜索引擎在短期内高度评价您的内容，至少在短期内，对人类如何看待最终结果不屑一顾。对于一些网站，如限时营销活动，这样做是有意义的，如果您有这样的网站，请继续这样做。然而，对于大多数网站来说，这可能是一种短视的方法。

搜索引擎可能会将您的内容高度排名并展示在更多人眼前，但如果这不能带来更多网站流量，那么这毫无意义。之前访问过您的网站并发现内容空洞的用户，在寻找其他东西时，会忽略您珍贵的、排名靠前的搜索结果。人类对不良经历的回忆比对美好经历的回忆更为深刻。这是人类本性中的一个关键特征，也是我们的祖先得以生存的关键——学会避免有饥饿熊的洞穴是生存技能的关键。我的意思是，人们仍然对Joomla 1.0持批评态度——不管Joomla在过去15年里看起来或工作方式如何。

您的内容的最佳方法是将其写得更符合目标受众的口味。以我的内容为例，可以分为两大类：技术教程文章和像这样一篇的评论文章。它们有不同的受众和不同的需求和期望。我的技术文章侧重于您必须做的事情，并简要说明原因，然后进行详细解释，这些解释清楚地标记为如此。它们按照您需要完成的顺序排列。会指出警告。充足的小标题可以帮助您找到自己的位置。写作风格干练、技术性强且直截了当。好吧，大多数时候是这样。

我的评论文章则不同。我的引言文本以一个简短的钩子开始，当在社交媒体上分享时，可以作为一个好的链接摘要。出于同样的原因，我也使用了引人注目的图片。在全文中，我首先用一个段落设定期望和基调。你可以承认，我对网络如何工作的过度夸张的段落让你点击并阅读这篇文章。我尝试使用连贯的叙述，每个部分都是基于我已经覆盖的内容。我用一个结束语段落结束，轻轻地将读者带回到这里和现在，并促使他们更多地思考我的内容。内容本身是用我在做演示时使用的非正式语调写的。

了解您受众的期望，调整您的语气和内容结构以吸引他们。避免过于正式的“木讷语言”——除非你是律师或为总理撰写新闻稿，在这种情况下这是不可避免的。在光谱的另一端，除非您的受众明确期望这种内容，请避免过度使用行话、俚语和口语。避免口头禅；您的博学不是在写网络内容时受到质疑。我理解告诉您不要使用大词时使用大词的讽刺意味；这是故意的，并展示了不合适的内容如何让读者停下来。最后，避免“虚词”，即用太多词来表达简单的事情。如果你的内容看起来像是由一个试图达到字数限制的无聊学生写的，你会失去可信度。

拼写和语法检查

始终检查您的内容中的拼写和语法错误。没有人期望您达到语言学家的水平，除非您是，但请尽量避免明显的错误。

大多数现代浏览器和操作系统都包括内置的词典和拼写检查器。我使用Safari来编写这篇文章。我只需要在内容上右键单击，选择拼写和语法，然后它会指出我的错误并提出建议。

除此之外，您可以使用第三方资源，如Grammarly 和 Thesaurus 来改进您的写作。您也可以尝试像我现在这样做，找一个对语法一丝不苟的美国伴侣，但第三方资源可能更实用。（嘿，Crystal，如果你在读这篇内容，请不要给我一个F。）

最小化干扰

除了你的内容语气和结构之外，你还应该避免在访问者的阅读流中造成不必要的干扰。不要在你的内容中插入广告。如果必须这样做，请尽量减少，并使用细微的视觉提示（例如更不透明的背景或轻微的边框）清楚地标记它们。避免大、动、闪烁、直接面对的；或弹出、悬浮和下弹出广告。这类广告对认知障碍、癫痫或像我自己这样的ADHD人群极为不友好。我使用了一个激进的广告拦截器，因为这类广告让我无法集中精力阅读内容。不要使用看起来像是你内容或网站一部分的广告，这会让你的访客感到困惑，他们可能会关闭标签页，因为你的内容突然变得没有意义。不要使用当人们滚动页面时神奇出现的广告。它们会打断阅读流并触发逃避反应。为了你珍视的一切，请绝对不要将随机词语链接到广告上。当人们看到链接时，他们期望得到有用的信息，而不是一堆废话。

除非你的内容只有视频，并且明确标记为视频，并且你的用户期望它开始播放，否则不要使用自动播放的视频。我们中许多人都有小宝宝在试图入睡，我们就在他们入睡时玩手机，这个过程可能每天都要持续一个多小时。自动播放的视频可能会让我们的手机突然发出声音，把宝宝吵醒。大多数父母对此非常反感，到了如果他们知道是你提供的自动播放视频，和你同处一室可能会对你的身心健康造成极大危害的程度。类似的情况发生在我们的伴侣睡觉时，我们在办公室、火车站（同理）等等。即使在独自一人时，自动播放的视频也是出乎意料的、令人震惊的、令人烦恼的，让人再也不想访问你的网站。

同样，请尽量不要过度使用弹出窗口和悬浮窗口。我不想接受你的Cookies，我已经谈过这一点。我不想注册你的通讯简报，我们才刚认识。我不在乎你强行塞给我的折扣；我还没有阅读你的产品描述，我不会仅仅因为你在我面前挥舞一个5%的折扣就购买它——更不用说你还承认你认为自己产品的价格过高了。不，你不允许因为我从欧盟访问你的网站就阻止我，你做错了GDPR。哦，天哪，我不会禁用我的广告拦截器来阅读你的内容；你闪烁的广告让我无法访问你的内容，这正是我最初使用它的原因。停止使用弹出窗口吧。啊！*在绝望中关闭标签页*这是我如今访问网站时的典型体验。大多数人厌恶这种网站，对它的开发者有一肚子怨气。你正在损害你的受众和你自己。

简而言之，将不必要的干扰降到最低。你的受众会欣赏一个基本无干扰的体验。如果你需要，可以进行细微的广告。将你的通讯简报作为侧边栏操作或在内容末尾的横幅广告提供——如果我喜欢它，我甚至可能会订阅你的通讯简报以获取更多内容。有趣的是，让我先对你有一个积极的印象是如何起作用的！当我去产品购买页面时，告诉我首次客户折扣，而不是产品描述页面。我会感激的，如果它是一个为我自动应用折扣的按钮，那就更好了，而不是让我在智能手机上尝试复制它，这往往会导致它从我视野中消失。尊重我的隐私和我使用广告拦截器的决定。如果你需要限制我可以消费的内容量，那就这么做；纽约时报就这么做，我仍然访问他们的网站。

同样地，让你的内容适合机器人阅读

优质内容，如果能在快速加载的网站上被人类享受，那么在搜索引擎中的排名也会很高。您的访问者也更可能分享它，这将为您创造更多的反向链接，从而进一步提高排名。这就像搜索引擎试图向用户展示与他们的搜索查询最相关的、适合人类阅读的内容……

除了讽刺之外，您还可以做几件事情来进一步帮助搜索引擎和社交媒体平台消化您的内容并理解它： 微数据。这些是在您的HTML内容中添加的额外属性，它们向机器暗示了您内容类型并提供了更多上下文。例如，您可以告诉消费您内容的机器它的作者是谁，它是何时创建和最后修改的，您正在谈论的产品类型以及如何找到更多关于它的信息，等等。

Joomla 使用 Schema.org 语言内置了对微数据的支持。它首次在 2013 年作为核心库出现，用于第三方插件，并于 2017 年左右完全集成到核心组件的 HTML 输出中。如果您有第三方插件，应检查它们的模板覆盖是否包含微数据。在编辑文章时，您在发布选项卡中看到的所有内容都成为微数据的一部分。

说到发布选项卡，请记住填写那里的内容信息。元关键字不再是搜索引擎的唯一线索，但如果它们不确定您内容的上下文，则有助于它们进行区分。元描述很少（如果有的话）用于搜索结果，但许多第三方网站在链接到它时使用它来展示您内容的摘要。内容版权是经常被遗忘但重要的信息，它向机器和人暗示了您内容的许可以及是否可以重新使用。

您指向外部资源的链接应将 rel 属性设置为 nofollow，对于指向您不支持或具有商业性质的内容的任何链接。如果您正在链接到不应被索引的内部页面，例如购物车或结账页面、用户面板等，应将 rel 属性设置为 noindex。

这就是全部，朋友们！

我希望您像我写作它一样喜欢这个文章系列。如果我没有做错，至少我给您带来了一点点开始优化您网站的动力，也许还帮助您学习了新东西或重新发现了被遗忘的东西。享受使用 Joomla 建站吧！

翻译

本文的德语翻译： Joomla 性能优化第 5 部分：内容质量