网站主图怎样抓人眼球
在浏览一些在线商店时,你可能会注意到它们都有一个共同的特点:在主页上显眼展示的大型主图(或一系列图像)。
这些图像可以称为主图、横幅图像或轮播图像。无论怎样称呼,网站主图在电子商务业务中都扮演着非常重要的角色。
在这篇文章中,我们将探讨主图的重要性,介绍一些使用主图的最佳实践,并提供一些优秀的工具和图形资源,帮助在线商店创建美观且具有说服力的主图。
阅读下文,让我们深入探讨一下吧。
Table of contents
什么是主图?
主图是出现在网页顶部的大型图像。主图可以出现在网站的不同页面上,但通常用于网站的主页,位于头部和导航栏下方。
主图占据了主页上最显眼的空间。在某种程度上,它的功能类似于着陆页。主图是品牌给人的第一印象,如果使用得当,它可以成为业务中非常有价值的资产。
优秀的网站主图应该包含哪些内容?
优秀的主图通常由三个元素组成:
- 吸睛的图像
- 吸引人的文案
- 强有力的行动号召(CTA)
这三种元素的巧妙组合可以形成一个具有说服力的主图,促使访客作出你所希望他们采取的行动,从而提高转化率。你将在下面的主图示例中看到这些元素如何协同工作。
让我们更深入地了解这三个基本元素:
吸睛的图像
人眼喜欢大而明亮的图像。可以使用图形、照片或插图,这取决于你的品牌——但始终重要的是,图像必须分辨率高并且能够吸引注意力。
主图应该是主页上最显眼的项目,这一点在考虑你的主页设计时需要牢记。
所有Shopify主题都包含一个大型主图区域,并提供建议的分辨率,你可以用来准确地调整主图的尺寸。有些主题甚至包括额外的功能选项,如主图幻灯片、横幅视频和页面动画。
库存照片资源
如果你打算自己进行产品摄影,确保你进行了足够的研究,以了解如何拍摄专业、高质量的图像。如果想节省一些时间,可以考虑使用库存影像。
网上有很多地方能找到专业、高质量的图像。为帮助搜索,我们列出了一些最佳资源供寻找下一张图像:
免费、免版权费的图像资源
如果你在寻找免费的库存照片和图形,可以考虑以下几个选项:
- Burst by Shopify:Burst是专为企业家建立的库存照片网站。在Burst上,你可以找到高分辨率的产品照片和生活方式图像,非常适合营销活动和社交媒体。如果你有Shopify商店,可以直接从主题编辑器中添加Burst的照片。
- Pexels:Pexels包含成千上万的免费库存图像,由用户上传或来自免费图像网站。
- Unsplash:Unsplash提供来自其摄影师社区的超过200万张免费高分辨率图像。
- Pixabay:Pixabay提供可用于商业和非商业用途的免费图像,但需要注意的是,有些图像仍然受到商标、宣传或隐私权的保护。
- Stockvault:Stockvault提供免费库存照片以及网页设计布局和logo模板。
- Canva:Canva是一个一体化的网站设计工具,还包括一系列可用于商业用途的免费和付费库存照片。
- Stocksnap:Stocksnap提供多种免费库存照片,可用于商业和非商业项目。
付费图像资源
如果你主图有预算,可以考虑一些更好的付费资源,以获取更高质量的图像和照片。
- Shutterstock:Shutterstock拥有超过3亿张来自全球摄影师的丰富图像库,是旅行摄影的理想资源。
- Adobe Stock:Adobe Stock与Adobe的设计工具套件配合使用,包含成千上万的库存照片、主图设计模板、库存视频、矢量艺术和插图。
- Getty Images:虽然价格较高,但Getty Images拥有丰富的现代和历史照片档案可供购买。
- iStock:iStock是Getty Images的子公司,因此你可能会看到一些重复的照片。不过,iStock允许摄影师在其他平台上销售他们的照片,所以你会发现比Getty更广泛、更现代的收藏。
- Dreamstime:Dreamstime提供多种库存照片、视频、矢量图和插图——包括免费和付费的,具有不同的许可选项。
雇佣自由摄影师
当然,库存照片始终只是库存照片。如果你有一些时间和更高的预算,可以考虑雇佣专业摄影师拍摄自己的照片。
以下是一些探索自由摄影师的其他选项:
- 雇佣Shopify专家:使用Shopify Experts浏览专门从事特定领域(如照片编辑和产品摄影)的自由职业者和机构。你甚至可以根据行业经验雇佣自由职业者——如果你需要食品摄影师,可以浏览食品摄影师专区。
- Fiverr:Fiverr有专门从事产品摄影、网页设计等的各种自由职业者供选择。
- Freelancer:Freelancer的数据库包括广泛创意领域的专家,如摄影和插图。
- Upwork:Upwork允许企业家发布工作并与拥有经验和技能的自由职业者联系。
- Guru:Guru提供各类摄影师的自由职业者,擅长时尚摄影、街头摄影、风景摄影等。
吸引人的文案
在广告和营销中,文案指的是媒体作品的书面材料。对于企业家而言,文案写作是一个非常有用的技能。
用户在主图上只会稍微瞥一眼,然后就会继续浏览,因此你只有顶多几秒钟来抓住用户的注意力。优秀的文案应以易于理解的方式满足客户需求。
以下是一些撰写吸引人文案的快速提示:
- 简洁明了:长篇文案有其用处,但横幅图像并不适合。横幅文案应简洁明了。
- 避免难以阅读的字体:不常用的字体可能需要更多时间来阅读。虽然额外的时间可能很少,但在横幅图像文案中,每毫秒都至关重要。
- 模仿客户的语气:用户通常对听起来熟悉的语言更容易接受。考虑一下你的目标受众在社交媒体上使用的语言,并用它来指导你的写作风格。
- 关注利益,而非特征:与其说“我们的客户支持团队全天候提供服务以解答任何问题”,不如说“通过全天候客户支持快速获取答案。”
- 不要害怕测试不同的文案:主图是进行A/B测试的理想候选者,因为不同的用词选择可能会显著改变访客与主图设计的互动。
- 避免营销流行语和陈词滥调:用户的眼睛往往会对常用的广告口号如“迅速行动”、“巨额节省”和“满意保证”视而不见。
强有力的行动号召
最后,所有主图都应包含显眼的行动号召(CTA)。CTA是告诉读你希望他们采取的行动的文本,通常伴随一个按钮以执行该操作。示例包括“立即购买”、“同意申请”或“了解更多”。
了解更多:
你如何撰写行动号召取决于你所针对的营销漏斗的哪个部分。如果针对的是漏斗顶部的用户,你可以请求他们“了解更多”,而对于漏斗底部的用户,CTA可能是更直接的“在此购买”。
理解主图的目的
你可以根据业务和目标利用这块宝贵的空间实现多种目的。让我们看看使用主图的几种常见方法:
帮助建立品牌并讲述故事
网站主图的一个潜在用途是品牌故事讲述。品牌故事讲述是利用叙事来传达品牌的独特销售主张。讲故事是一种非常有效的品牌建设方法,因为一个好的故事往往令人难忘。
回答客户问题
另一种常见的方法是展示对常见问题的回答。你可以解决客户的常见痛点,或利用这一空间回答访客可能有的紧迫问题。
突出价值主张
品牌故事讲述并不是展示独特销售主张的唯一方式。如果访客了解你的品牌与竞争对手的不同之处,你的品牌将更容易被记住。还有什么比在主页上告诉客户你的价值主张更好的地方呢?大多数访客都会在这里停留。
想了解更多?查看如何为你的品牌设计视觉身份:适合每个预算和技能水平的创意
发布公告
主页横幅是推广销售、活动、产品发布和其他重要公告的关键空间。横幅图像能够吸引大部分网站访客的注意,因此你希望广泛传播的任何公告都可以是横幅图像的好内容。
用惊艳的主图优化网站
以上就是主图在你主页上的原因、目的和用途。定期更换这些图像可以让回头客对你的商店保持新鲜感,保持活力,并引导访客采取与你的转化目标最一致的行动。
如何为在线商店创建主图
创建一个设计精美、引人注目的主图有助于吸引新网站访客,并让他们进一步探索你的产品。请查看以下逐步指南,了解如何为你的在线商店创建主图。
使用高质量的产品图像
用产品或实体店的惊艳照片吸引新客户。你可以使用专业的库存摄影,最好是能够雇佣摄影师为具体产品拍摄高质量的照片。
以下是一个在线植物商店的优秀示例。任何访问该网站的人都可能对植物感兴趣,主图中令人惊叹的绿色植物将轻易吸引他们。
使用在线设计工具创建图形
你可以通过使用图形元素来为产品照片增添情趣或创建主图。找一个在线设计工具,如Canva、Visme或Adobe Cloud,制作一个引人注目的图形。
这里有个很好的例子来说明可呈现的效果——Detour Coffee创建了一个产品的剪影,并将其放置在一个色彩鲜艳的图形上,以吸引注意。
添加最相关的行动号召
没有行动号召(CTA)的主图是不完整的,因此请添加一个与你包含的图像或图形相关的按钮。
你还要确保按钮与整体设计相匹配,使其突出但又不显得格格不入。以下有个很好的例子来说明可呈现的效果:
将视频作为主图的一部分
另一种吸引注意力的好方法是创建一个循环的无声视频或GIF作为主图。例如,Nomz网站有多个视频片段出现,吸引网站访客停留更长时间观看完整场景。
定期更新主图
主图不是一次性完成的过程。尽管你可能喜欢现有的主图,但仍需要定期更新它,以向回头客介绍更多产品和服务。
甚至可以考虑创建一个主图滑块,以便同时分享多个行动号召。这在你想要推广即将到来的假期时是个好主意,就像我们在下面的示例中看到的那样,同时还可以推广其他产品线。
网站主图常见问题
如何将主图添加到我的网站?
如果你使用的是Shopify主题,可以在主题编辑器中添加主图。登录到Shopify商店,然后转到在线商店 > 主题,选择当前主题旁边的“自定义”。
大多数主题默认都有横幅空间,但如果需要添加,请在右侧菜单底部选择“添加部分”,然后选择主图部分元素。该元素可能标记为主图、横幅图像或幻灯片——具体取决于你使用的主题。
还要注意,网站主图不会像产品图像和行内博客图像那样在主题之间转移。主图必须单独添加到每个主题中,并且只有在你将其添加到当前主题时,才会显示在页面上。
网站的主图应该是什么尺寸?
你可以添加最大为20MB的PNG和JPEG文件,但最好保持文件大小较低,以确保合理的页面加载时间。确切的图像尺寸将取决于你使用的主题,但通常,主图应至少为2048像素宽,以便在全屏查看时显示清晰的分辨率。
请记住,主题是响应式的,这意味着为主图保留的空间会根据网站的查看屏幕大小而变化。确保在图像框周围留出空间,以考虑可能被切掉的部分。
你还要避免将文案和CTA直接放入图像中。请使用主题编辑器叠加文案和CTA按钮,这样它们将浮动在图像前面,并与图像独立调整。
网站主图的目的是什么?
网站主图具有广泛的用途,但一般来说,它们非常适合你希望向最多访客发布的任何公告。常见的用途包括销售公告、突出你的品牌价值或宣布新产品。
主图应包含哪些内容?
网站主图应包含一个大型、吸睛的图像,以及简洁、吸引人的文案和强有力的行动号召。