|
作者：白建鹏
|
|
2009-06-13 |
|
很多用户喜欢 Joomla 都是因为她有强大而灵活的模板系统，可以作出任何你想要的网站前台皮肤。Joomla 模板还能做到随着页面内容的变化而变化自己的布局和尺寸。不过，这些灵活性也很可能走向复杂性，更有可能产生了对“搜索引擎优化”（SEO）不利的因素。 那么，今天就介绍一些在购买或开发 Joomla 模板时需要注意的SEO准则。
 | | Joomla SEO principles when design Joomla templates |
-
图片越少越好
尽管漂亮的图片能够为 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 库从前台模板中屏蔽。如果你查看前台页面的源代码，在 <head> 部分就能找到加载 /media/system/js/mootools.js 这个文件的代码(其实还有一个 caption.js 几乎也没有什么用处)。而实际上 rhuk_milkyway 模板本身并没有加载该 JS，这是 Joomla 1.5 系统加载的。
曾经有人专门针对这个问题提出解决吗方案，禁止在前台模板上加载 Mootools 库，从而可以加快 Joomla 1.5 的运行速度。
因此，你在购买或开发 Joomla 模板时，一定要注意尽量少用 JS 库。如果非用不可，例如要实现某些弹出（滑动）菜单，那么请注意选择成熟的、兼容的 JS 库，例如 RocketTheme 团队在设计 Joomla 模板时采用 Mootools 库。
提醒：Joomla 1.5 用户可以在网站上安装 Joeguo 开发的 CssJsCompress 插件来压缩网页上的 JS 代码及外链文件，进一步提升页面的 SEO 效果。
请允许我为 Joomla 模板开发人员再介绍一款 Joeguo 开发的 Google Ajax Library 插件。该插件从 Google 的 AJAX 库中调用 JS 代码，从而节省了你网站的带宽。
-
没有隐藏代码或链接
如果你的 Joomla 模板是购买的，或者下载的，请仔细检查其源代码。确认没有无关的隐藏代码或链接。任何你不能识别的 PHP 代码都有可能是恶意代码，指向无关网站或链接工厂（Link Farm）的链接更会导致搜索引擎对你网站的惩罚。
检查的方法很简单：启用该模板，然后在前台页面上点击右键，选择“查看源代码”，一行一行审核这些代码，可以搜索 href 来迅速查找链接。
如果你对 php 很熟悉，也可以直接检查模板的 php 源代码。
-
简单就是美
Joomla 确实很强大，功能很丰富。但是你的模板没有必要体现每一种功能。因为没增加一个功能，就意味着可能增加服务器的访问请求。
你必须认识到一点：设计简单的 Joomla 模板甚至比设计复杂的模板更有难度。
请结合你网站的实际需要来选择尽可能设计简单的模板。难道每个网站的模板都需要35个甚至更多的模块位置吗？
-
无表格（Tableless）设计
DIV+CSS 的设计方案应该成为所有网页设计的金标准。表格（Table）方案在某些情况下看起来有作用，但实际上用 DIV 或 SPAN 完全能实现同样的效果。
从 SEO 角度来讲，页面输出的 XHTML 元素越早，就越容易得到搜索引擎的重视。因此，采用 DIV+CSS 的方案可以让你的网页内容在搜索结果中更靠前。
检测一个模板中是否含有表格很容易，在 index.php 文件中直接搜索，如果有 <table> 或 <tr> 或 <td> 这样的元素，就是表格式设计；而如果只有 <div> 和 <span>，就是无表格设计。
-
与扩展套件兼容
几乎每个 Joomla 网站都需要安装一些第三方扩展套件。那么请注意确保你的 Joomla 模板与这些扩展套件都能和平共处。
现在很多收费模板设计人员都流行在开发 Joomla 模板时通过“优先输出”来实现对某些扩展套件的样式控制。那么你就要注意不要使这个模板与某个扩展套件有冲突。
JoomlaPerformance.com 有一个建议：用户可以安装他们的 PageCache 组件来观察哪些 Joomla 扩展与模板有冲突。
-
使用 ALT 标签
Joomla 模板中的每一个图片都应该使用 ALT 标签来注明图片所代表的主要意思或按钮文字，这不仅仅是 SEO 的考虑，也是为了优化用户体验 —— 某些访客可能由于网速太慢或者安全原因而关闭了浏览器的“显示图片”功能，这时候如果模板上的图片有 ALT 替代文字，就不会影响访客对网站内容的阅读。
你可以通过检查模板的源代码来确认是否每个图片都有 ALT 内容。
-
不是超级链接（HyperLink）就不要用下划线
有些人给非链接文字添加下划线仅仅是为了“好看”或“好玩”，却忘记了这个做法对用户体验非常有害。因为在人们的潜意识中，看到带下划线的文字就认为是“超级链接”，就可能有点击的冲动。如果在点击时却发现仅仅是“下划线”而不是链接，那将是很令人难堪的。因此，切记：不是超级链接的文字就不要添加下划线！
后记：
本文译自 Cyrus Patten 的文章 8 Joomla SEO Template Principles ，本站翻译到中文并稍作修改，同时增加了第9条（摘自该文的读者评论）。
|
2012-02-03
Joomla教程 
