实现任何购物车的最佳方法之一是选择与您期望的网站外观相近的模板,并聘请专业设计师根据独特需求进行定制。Magento 拥有数千种模板,找到适合的模板可能颇具挑战。
作为一名使用 Magento 两年的资深用户,在决定刷新网站设计时,我对后台关注点及模板潜在陷阱已有深入了解。基于现有站点经验,我整理了一份注意事项清单。尽管经过数天研究,目前尚未发现能完全满足所有要求的模板,最终只能做出妥协性选择。
Magento 主要页面包括:
- 首页
- 包含子类别列表的分类页
- 包含产品列表的分类页
- 搜索结果页(产品列表)
- 产品详情页
- 关于我们/条款等基础页面
优秀的设计必须做到:
- 外观专业且与所售商品相符
- 便于导航和转化
- 针对搜索引擎优化(SEO)
- 支持 Magento 版本升级
第一点取决于个人判断;第二点取决于销售商品及产品分类所需的导航复杂度;第三、四点则是每位设计师应尽之责(但鲜少有人做到)。综合考虑以上因素,需注意以下要点:
可升级性
需确认供应商的支持政策:是仅提供3-6个月支持,还是承诺在 Magento 升级后允许下载主题未来版本?当前 Magento 版本为1.6.1(及1.6.2),1.7版本即将发布,所选主题应兼容这些版本。此外,检查供应商作品集,了解其如何处理旧版(如1.2或1.3)主题;当 Magento 1.4发布(主题开发方式发生重大变化)时,是否有客户被抛弃。
网页设计师应从技术角度评估模板是否按推荐的 Magento 结构编写,这将有助于后续升级。
搜索引擎优化(SEO)
这一点至关重要。虽然 Magento 本身 SEO 表现优异,但这完全取决于内容质量。好的模板必须有助于更好地呈现内容。以下是关键要点:
标题标签:每个页面应仅有一个主标题(H1),且代表该页主要内容(而非 Logo 或网站名称)。例如,产品详情页 H1 应为产品名称;分类页 H1 应为分类名称;搜索结果页 H1 最好显示搜索词。
主标题下的子标题应按良好层级排列,例如:
- H1
- H2
- H2
- H3
- H3
- H2
通常无需使用低于 H3 级别的标题。标题内容应与页面相关并使用关键词。在产品详情页中,H2 标题应显示相关产品名称,而非“快速概览”或“详细描述”。在分类页上,若有子分类,H2 应为子分类名称,H3 为产品名称;若无子分类,产品名称则作为 H2。
分层导航链接应设置为“NoFollow”,因其用于筛选结果,若被抓取会导致重复内容问题。导航链接不应作为标题标签,因为它们通常与本页实际内容无关。
设计应包含面包屑导航。许多设计师为追求“简洁”而移除面包屑,这既不利于 SEO,也妨碍客户导航。
所有图片都应具有相关的 alt 标签并进行适当优化。
其他要点可能更多取决于您的实际内容。
转化率
电商网站的核心是盈利而非美观。每个页面都必须有明确的行动号召(CTA),引导访客深入浏览或直接购买。
在产品详情页,“立即购买”(或“加入购物车”)按钮必须醒目,位于首屏可视范围内,且最好靠近价格区域。在分类页和搜索结果页,购买或获取更多信息的方式必须一目了然。在首页,访客应能快速看到所售产品及购买方式。
购物车和结账按钮同样需要醒目。如果客户点击“立即购买”却找不到结账入口,设计便失去了意义。首次购物者可能无法识别隐藏在角落里的精美篮子图标即为结账入口。
产品图片应当脱颖而出。若拥有高清图片,最好让客户点击查看细节。
大型高清图片不应在初始加载时自动拉取,而应在点击时加载。缩放/放大功能必须直观,且不遮挡行动号召按钮。应避免弹出大型详细图片遮挡所有内容且用户不知如何关闭的设计。
导航
导航很大程度上取决于内容。对于 Magento,在添加第一个产品前规划好导航结构尤为必要。您需要决定为每个产品存储哪些数据(属性),以及利用哪些数据辅助查找。Magento 产品不仅存在于类别层级结构中,还可通过分层导航找到。我将分层导航视为将大量产品列表过滤成易管理显示的方式,也是减少复杂菜单结构和层级的有效手段。
若能设计出强大简单的菜单结构,便不需要具备花哨功能的模板。菜单结构旨在引导客户轻松找到感兴趣的产品。您可能需要使用图标、图片、视频示例或描述性弹出窗口,也可能只需清晰明了的类别列表。若不需要花哨功能,请确保模板不包含它们或未加载不必要的 JavaScript。
外观与感觉
这完全是主观的,优秀设计师能够优化任何主题。但请确保开发者没有偷懒,而是在所有页面(包括搜索结果页、分类页及其他类型页面)都进行了统一设计,而不仅仅是首页和产品详情页。良好的网站设计旨在让访客觉得您是一家成熟可靠的网站,值得信赖。因此,设计应符合目标受众的预期和喜好,而不一定是您自己的偏好。虽然专业设计师可提供建议,但受众是客户,产品才是核心,在这方面您是专家。
综上所述,以上要点都值得留意。像大多数人一样,很难找到一款完全满足所有要求的模板。优秀的专业网页设计师能够修复上述问题。关键在于选择最接近需求且修改量最小的模板。如果您找到了完美的模板,欢迎分享。

