Joomla/设计Joomla模板时的SEO准则

来自站长百科
跳转至: 导航、​ 搜索

Joomla | Joomla使用手册

很多用户喜欢 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 库从前台模板中屏蔽。如果你查看前台页面的源代码,在 <head> 部分就能找到加载 /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 文件中直接搜索,如果有 <table> 或 <tr> 或 <td> 这样的元素,就是表格式设计;而如果只有 <div> 和 <span>,就是无表格设计。

与扩展套件兼容[ ]

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

使用ALT标签[ ]

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

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

不是超级链接(HyperLink)就不要用下划线[ ]

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

参考来源[ ]

http://www.joomlagate.com/article/joomla-seo/8-joomla-seo-template-principles/

Joomla! SEO教程导航

Joomla安装

Joomla!的安装

Joomla! SEO教程

在Joomla!网站上嵌入使用Piwik流量统计分析系统 | 用Xenu's Link Sleuth查找Joomla网站的死链接 | 提升Joomla!网站Alexa排名的技巧 | 提升Joomla网站搜索排名技巧 | GetClicky介绍 | 设计Joomla模板时的SEO准则 | 用PageCache缓存技巧加速你的网站 | Joomla!建站常见的个设计错误 | 通过友情链接让搜索引擎尽快收录你的网站 | Joomla! SEO必须避免的失误 | Google分析模块

其他Joomla教程

用XAMPP快速搭建Joomla本地测试服务器 | 用Gmail的SMTP发送Joomla激活及通知邮件 | 深入认识Joomla CMS:扩展、菜单及模板 | Joomla 1.0教程 | Joomla高级教程 | Joomla 1.5教程