彼得·马丁对糟糕的网站感到烦恼，从一些包装设计中得到灵感，并在5个顶级域名下创建了5种语言的 Joomla 网站来介绍网站的最佳实践。

1. 灵感来源

我看到糟糕的网站

自2005年以来，我一直在专业地构建 Joomla 网站和扩展。自从我在互联网上活跃以来，我已经遇到了很多美丽的网站。不幸的是，我更经常地会遇到糟糕的网站：加载速度慢、导航不清、由于缺乏对比度难以阅读、文本结构糟糕或布局问题。这样的网站通常只需进行一些小的修改就可以很容易地改进。

甘草

荷兰是“糖三角”和甘草的故乡。糖三角，夹着焦糖的薄饼干，在 Joomla 社区中已经为人所知。在我国家，甜甘草或咸甘草通常作为糖果食用。去年九月，我排着队在一家当地农场商店的收银台前，这家商店出售当地蔬菜和美食。一包甘草：“De Beste Drop Ooit”引起了我的注意。用英语：“Klepper & Klepper present: The Best Liquorice Ever - according to Klepper & Klepper”。我不得不对这种有趣的包装和其自大的声明笑出声来。

关于网站的网站

我一直在考虑创建一个出色的 Joomla 网站，我可以向我的客户展示。以展示 Joomla CMS 的力量。其核心的多语言和全面的授权功能。以及如何优化一切。在一个下午的沙发上，喝着英式红茶（PG Tips），我又想起了“史上最棒的甘草”。

最佳网站

那么，创建“最佳网站”怎么样？一个关于网站最佳实践的优化网站。以激励网站所有者改进他们的网站。以激励其他网站构建者如何构建好网站并使用一系列可能的测试来优化它们。

出乎我的意料，域名de-best-website.nl和the-best-website.com仍然可以注册。我安装了一个新的Joomla网站，并将其配置为多语言网站。一天后，我决定注册德语的die-beste-website.de、法语的le-meilleur-site-web.fr和西班牙语的el-mejor-sitio-web.es。

2. 实施

该网站是Joomla 3.9.x的一个实例，包含四个额外的语言包

荷兰语（nl-NL）、德语（de-DE）、法语（fr-FR）和西班牙语（es-ES）。

内容结构

为每种语言，我创建了如下类别和文章

英语（类别）

• 访客
  • 一个可靠的网站（文章）
  • 一个动态的网站（文章）
  • 一个用户友好的网站（文章）
  • 一个移动网站（文章）
  • 一个隐私友好的网站（文章）
  • 一个快速的网站（文章）
  • 一个可访问的网站（文章）
• 管理员
  • 7篇文章
• 本网站
  • 3篇文章
• 关于
  • 6篇文章

我创建了类似的菜单项结构，并使用其他语言的等效菜单项来创建“与语言相关联”的菜单项。我还对类别和文章做了同样的事情，以便更容易在后台进行维护。

布局

对于网站的布局，我使用了Yootheme Pro（商业扩展）。这是一个响应式模板，可以优化图像。它有一个名为“模板”的动态页面构建器。您可以使用它构建类别博客和单篇文章视图，并将它们分配给特定的类别或文章。

语言对应的顶级域名

最后，为了将网站上的五种语言绑定到它们各自的顶级域名（TLD）对应域名，我使用了一个名为“语言域名”的系统插件。它是由《编程Joomla插件》一书的作者Jisse Reitsma开发的。由于它是一个未维护的项目，我对其代码进行了名称空间和PHP 7.4的适配。

3. 扩展

我喜欢坚持使用Joomla核心。尽可能少地使用非核心扩展。这样，网站将更容易维护，并使用更少的资源（因此加载更快）。以下扩展使得使用Joomla更容易。移除它们不会对网站的前端造成太大影响。

• d2内容专业版 - 创建您自己的文章编辑视图：仅选择您需要的选项卡和字段。在这个网站中，只显示1个选项卡和14个字段，而不是Joomla默认的7个选项卡和76个字段。它与Joomla默认的文章编辑视图并行工作。


• JCE编辑器专业版 - 一个非常棒的定制编辑器。使上传和管理图像变得容易。创建指向其他文章的链接也很简单。


• PWT SEO - 帮助您对文章进行SEO优化。分析您定义的关键词的文章。为您提供优化建议和清晰的视觉指示器。


• JCH优化 - 用于优化和最小化HTML/CSS/JS输出。


• OSMap免费版 - 生成动态的Sitemaps。最佳网站使用每种语言的Sitemap：为访客使用HTML，为搜索引擎使用XML，以便轻松索引网站。


• Akeeba备份专业版 - 备份非常重要。Akeeba备份专业版可以创建文件和数据库的加密备份。它可以将备份移动到另一个位置。


• RSForms Pro - 一个优秀的表单组件，用于生成自定义表单。表单可以存储在数据库中，可以向访客和/或管理员发送通知。它支持多语言标签和条件字段。您可以使用自己的PHP代码扩展表单的功能。


• HTTP Header - 服务器通过HTTP头信息传递页面状态、缓存等信息。通过HTTP安全头信息，服务器可以向浏览器传递允许执行的操作：网站是否允许iframe、外部脚本、请求使用位置/摄像头/麦克风等。使用此插件，您可以轻松设置Joomla网站应添加到通信的安全头信息。此功能将包含在Joomla 4的核心中！

4. 挑战

在构建网站时，我遇到了一些困难

• Google Analytics - 在Yootheme Pro中，您可以轻松添加Google Analytics密钥。然而，“The Best Website”为每种语言/TLD都有一个Google Analytics密钥。因此，我创建了一个模板覆盖（在Yootheme中称为“子主题”）并添加了一个小例程，该例程检查语言并为该语言设置Google Analytics密钥。


• 404 错误页面 - 当访客尝试获取不存在的页面时，例如因为页面已移动而输入错误的URL，Joomla将生成404错误。Yootheme默认的404错误并不那么友好：只是一个带有“404错误”文本和返回主页链接的空白屏幕。为了为每种语言提供友好的404错误，我为每种语言创建了一个Joomla文章，并为每种语言创建了一个指向该文章的隐藏菜单项。使用另一个模板覆盖，将检索404文章，同时向浏览器传递HTTP 404头信息。这使页面在网站布局中看起来更好，并且网站菜单结构在顶部。

5. 结果

“The Best Website”从访客的角度和必须维护网站的管理员的角度讨论了良好网站的最佳实践。

此外，它讨论了为什么“The Best Website”对访客和管理员来说是一个好网站，基于各种测试。并提供了所有测试的概述，以便网站所有者和构建者可以测试自己的网站。

最后，网站还有一些关于网站目的、声明、隐私声明、联系表单和HTML网站地图的背景信息。

这种结构在整个多语言Joomla网站上一致地使用。网站有五种语言，每种语言都对应自己的顶级域名。当您访问其中一个域名时，它将自动选择相应的语言。当您使用语言切换器选择另一种语言时，您将被重定向到相应的顶级域名。

您可以在实际操作中看到它

• 英语：最佳网站： https://the-best-website.com/


• 德语：最佳网站： https://die-beste-website.de/


• 法语：最佳网站： https://le-meilleur-site-web.fr/


• 西班牙语：最佳网站： https://el-mejor-sitio-web.es/


• 荷兰语：最佳网站： https://de-beste-website.nl/