编辑“Joomla/设计Joomla模板时的SEO准则”

{{Joomla top}}
很多用户喜欢 [[Joomla]] 都是因为她有强大而灵活的模板系统，可以作出任何你想要的网站前台皮肤。Joomla 模板还能做到随着页面内容的变化而变化自己的布局和尺寸。不过，这些灵活性也很可能走向复杂性，更有可能产生了对“搜索引擎优化”（[[SEO]]）不利的因素。 那么，本条目就介绍一些在购买或开发 Joomla 模板时需要注意的SEO准则。

==图片越少越好==
尽管漂亮的图片能够为 Joomla 模板增色不少，但大量图片也消耗了网站很多带宽，同时更重要的是，大量图片使得页面体积增大，访客在浏览器中打开页面的速度减慢，这对于 SEO 极其有害，也弄糟了用户体验。因此，必须将模板中使用的图片数量减少到最少。每当你看到模板上的图片时，请问你自己：这个图片真的非要不可吗？能否用背景颜色填充等方式来替代？

还有一点要提醒：如果你模板上使用了某个图片，请确保该图片的路径是正确的。如果[[链接]]无效，那么浏览器在尝试寻找该图片时将消耗更多的[[带宽]]！

==图片经过优化（压缩）==
从上一条我们知道，应该尽可能减少图片数量。不过，模板上没有一张图片似乎不太可能。有些图片可以通过减小尺寸来减小体积，但有些图片就不能改变尺寸了。因此，对图片进行优化（压缩）是很有必要的。图片优化的主要目的是：在保持视觉上的效果（清晰度）前提下，尽量减小图像文件的体积。

一般人都知道在 JPG、GIF、PNG 这几个图像格式之间来回切换同一张图片，以比较哪种格式体积更小。不过，建议你使用更方便的工具来帮助你优化图像。例如：[[开源]]的Page Speed是[[Google]]公司开发的针对[[FireFox]][[浏览器]]的一个[[插件]]。在FireFox浏览器上安装该插件之后，然后访问你的Joomla 网站并启动 Page Speed 来检测，就会发现 Page Speed 能够自动给页面上的图片进行优化。

推荐的图像优化工具是 xat.com 公司出品的 Image Optimizer 桌面软件。该软件可以将 JPG、GIF 或 PNG 等格式的图像压缩到极致，其优化效果远远优于 [[Photoshop]] 或 GIMP。这也是该软件收费的原因之一，因为没有别的软件可以替代它。

==尽量少用Javascript==
很多人都注意到了：Joomla 1.5 在使用默认的 rhuk_milkyway 前台模板时，运行速度很慢。这是因为 Joomla 1.5 的后台模板采用 Mootools 这个 [[JavaScript]] 库来实现后台管理界面的一些标签滑动效果及 [[AJAX]] 效果，但是却没有将 Mootools 库从前台模板中屏蔽。如果你查看前台页面的[[源代码]]，在 <nowiki><head></nowiki> 部分就能找到加载 /media/system/js/mootools.js 这个文件的代码。而实际上 rhuk_milkyway 模板本身并没有加载该 JS，这是Joomla 1.5系统加载的。

因此，你在购买或开发 Joomla 模板时，一定要注意尽量少用 JS 库。如果非用不可，例如要实现某些弹出（滑动）菜单，那么请注意选择成熟的、兼容的 JS 库，例如 RocketTheme 团队在设计 Joomla 模板时采用 Mootools 库。

==没有隐藏代码或链接==
如果你的 Joomla 模板是购买的，或者下载的，请仔细检查其[[源代码]]。确认没有无关的隐藏代码或链接。任何你不能识别的[[PHP]]代码都有可能是恶意代码，指向无关网站或链接工厂（Link Farm）的链接更会导致[[搜索引擎]]对你网站的惩罚。

检查的方法很简单：启用该模板，然后在前台页面上点击右键，选择“查看源代码”，一行一行审核这些代码，可以搜索 href 来迅速查找链接。如果你对 php 很熟悉，也可以直接检查模板的 php源代码。

==简单就是美==
Joomla 确实很强大，功能很丰富。但是你的模板没有必要体现每一种功能。因为没增加一个功能，就意味着可能增加[[服务器]]的访问请求。

你必须认识到一点：设计简单的 Joomla 模板甚至比设计复杂的模板更有难度。请结合你网站的实际需要来选择尽可能设计简单的模板。难道每个网站的模板都需要35个甚至更多的模块位置吗？

==无表格（Tableless）设计==
[[DIV]]+[[CSS]]的设计方案应该成为所有网页设计的金标准。表格（Table）方案在某些情况下看起来有作用，但实际上用 DIV 或 SPAN 完全能实现同样的效果。

从 SEO 角度来讲，页面输出的 [[XHTML]] 元素越早，就越容易得到搜索引擎的重视。因此，采用 DIV+CSS 的方案可以让你的网页内容在搜索结果中更靠前。检测一个模板中是否含有表格很容易，在 index.php 文件中直接搜索，如果有 <nowiki><table></nowiki> 或 <nowiki><tr></nowiki> 或 <nowiki><td></nowiki> 这样的元素，就是表格式设计；而如果只有 <nowiki><div></nowiki> 和 <nowiki><span></nowiki>，就是无表格设计。

==与扩展套件兼容==
几乎每个 Joomla 网站都需要安装一些第三方扩展套件。那么请注意确保你的 Joomla 模板与这些扩展套件都能和平共处。现在很多收费模板设计人员都流行在开发 Joomla 模板时通过“优先输出”来实现对某些扩展套件的样式控制。那么你就要注意不要使这个模板与某个扩展套件有冲突。

==使用ALT标签==
Joomla 模板中的每一个图片都应该使用 ALT 标签来注明图片所代表的主要意思或按钮文字，这不仅仅是 SEO 的考虑，也是为了优化用户体验 —— 某些访客可能由于网速太慢或者安全原因而关闭了浏览器的“显示图片”功能，这时候如果模板上的图片有ALT替代文字，就不会影响访客对网站内容的阅读。

你可以通过检查模板的源代码来确认是否每个图片都有 ALT 内容。

==不是超级链接（HyperLink）就不要用下划线==
有些人给非链接文字添加下划线仅仅是为了“好看”或“好玩”，却忘记了这个做法对用户体验非常有害。因为在人们的潜意识中，看到带下划线的文字就认为是“超级链接”，就可能有点击的冲动。如果在点击时却发现仅仅是“下划线”而不是链接，那将是很令人难堪的。因此，切记：不是超级链接的文字就不要添加下划线！

==参考来源==
http://www.joomlagate.com/article/joomla-seo/8-joomla-seo-template-principles/

{{Joomla}}

[[category:Joomla|S]]