Joomla网站开发应注意的8个原则

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

1.图片越少越好

尽管漂亮的图片能够为 Joomla 模板增色不少,但大量图片也消耗了网站很多带宽,同时更重要的是,大量图片使得页面体积增大,访客在浏览器中打开页面的速度减慢,这对于 SEO 极其有害,也弄糟了用户体验

因此,必须将模板中使用的图片数量减少到最少。每当你看到模板上的图片时,请问你自己:这个图片真的非要不可吗?能否用背景颜色填充等方式来替代?

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

2.图片经过优化(压缩

从上一条我们知道,应该尽可能减少图片数量。不过,模板上没有一张图片似乎不太可能。有些图片可以通过减小尺寸来减小体积,但有些图片就不能改变尺寸了。因此,对图片进行优化(压缩)是很有必要的。

图片优化的主要目的是:在保持视觉上的效果(清晰度)前提下,尽量减小图像文件的体积。

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

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

3.尽量少用 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 代码,从而节省了你网站的带宽。

4.没有隐藏代码或链接

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

检查的方法很简单:启用该模板,然后在前台页面上点击右键,选择“查看源代码”,一行一行审核这些代码,可以搜索 href 来迅速查找链接。

如果你对 php 很熟悉,也可以直接检查模板的 php 源代码。

5.简单就是美

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

你必须认识到一点:设计简单的 Joomla 模板甚至比设计复杂的模板更有难度。

请结合你网站的实际需要来选择尽可能设计简单的模板。难道每个网站的模板都需要35个甚至更多的模块位置吗?

6.无表格(Tableless)设计

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

从 SEO 角度来讲,页面输出的 XHTML 元素越早,就越容易得到搜索引擎的重视。因此,采用 DIV+CSS 的方案可以让你的网页内容在搜索结果中更靠前。

检测一个模板中是否含有表格很容易,在 index.php 文件中直接搜索,如果有 <table> 或 <tr> 或 <td> 这样的元素,就是表格式设计;而如果只有 <div> 和 <span>,就是无表格设计。

7.与扩展套件兼容

几乎每个 Joomla 网站都需要安装一些第三方扩展套件。那么请注意确保你的 Joomla 模板与这些扩展套件都能和平共处。

现在很多收费模板设计人员都流行在开发 Joomla 模板时通过“优先输出”来实现对某些扩展套件的样式控制。那么你就要注意不要使这个模板与某个扩展套件有冲突。

JoomlaPerformance.com 有一个建议:用户可以安装他们的 PageCache 组件来观察哪些 Joomla 扩展与模板有冲突。

8.使用 ALT 标签

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

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

原文地址:https://www.cnblogs.com/jiqing9006/p/2600803.html