Creating a great listing page(创建一个很棒的列表页面)

Chrome 网上应用店努力帮助用户发现和安装优质项目。确保您的商品是“优质商品”有助于确保其在商店中的突出地位,从而有可能增加您的用户群。

我们对向用户展示优质商品的关注涵盖了整个用户体验 - 这包括商品详情页面。通过引人注目且准确的商品详情页面给人留下深刻的第一印象,从而建立与用户的信任。质量列表页面使用项目描述、图像和其他列表元数据清楚地传达您的项目将提供什么。您可以使用开发者仪表板构建和维护商品详情页面developer dashboard

# Text(文本)

您可以使用两种主要的文本资源使您的列表引人注目:商品摘要和商品描述。以下部分说明如何充分利用这些文本字段。

# Item summary(项目概要)

您的摘要用于以简洁的短语(132 个字符或更少)概述您的项目。这是用户从主页、类别页面和搜索结果中看到的项目的主要描述。确保最重要的文本包含在您的摘要中,以帮助用户快速了解他们对您的项目的期望。

Do

突出显示您的项目与您的受众的主要用例产生共鸣的功能。

Don't

包括通用描述,如“有史以来最好的扩展”。

摘要是描述扩展的纯文本字符串(无 HTML 或其他格式)。描述应该适用于浏览器的扩展管理 UI 和 Chrome 网上应用店。您可以为此字段指定特定于语言环境的字符串;有关详细信息,请参阅国际化Internationalization

# Item description(商品描述)

您的商品描述旨在让用户更深入地了解商品的主要特性和功能。项目描述显示在项目列表页面的屏幕截图下方。使用不止一个句子,使您的描述简洁、翔实和准确。理想的格式是概述段落,然后是主要功能的简短列表。让用户知道他们为什么会喜欢它。避免通常会分散用户注意力的拼写错误和符号。

Do

专注于代表扩展程序最重要功能的关键字。

Don't

在您的描述中添加不必要的关键字以尝试改进搜索结果。重复或不相关地使用关键字会造成不愉快的用户体验,并导致 Chrome 网上应用店中的项目被暂停。

# Images

出现在您的列表中的图形资产是商店图标、屏幕截图和您的宣传图片。以下部分提供了有关如何最好地利用这些资产来提供高质量、引人注目的商品详情的指南。

# Store icon(商店图标)

您的商品图标是用户在您的商品详情页面上看到的商品的第一个元素。使用简单且可识别您的品牌的图标。大多数情况下,这只是品牌或开发商的标志。确保您的图标遵循我们的扩展图标最佳实践extension icon best practices

Do

保持简单,并使用与您的其他资产的品牌一致的颜色和设计元素。

Don't

包括屏幕截图或 UI 元素。这些细节在小尺寸中很难看到。

在扩展图标最佳实践页面上查看更多遵循正确指南的图标示例extension icon best practices

# Screenshots(截图)

使用屏幕截图(或视频)向用户传达您项目的功能、外观和体验。您必须提供至少一张(最好是最多允许的五张)要在商店中展示的商品的屏幕截图。屏幕截图应展示实际的用户体验,重点关注核心功能和内容,以便用户可以预测扩展的体验。屏幕截图应反映与最新版本的扩展程序相对应的最新功能。

  • 不要包含模糊、扭曲或像素化的屏幕截图,这不是您的品牌或用户体验的有意方面
  • 适当旋转屏幕截图。请勿上下颠倒、横向或以其他方式上传图像
  • 屏幕截图/视频上的品牌应该与商品详情页面上的其他品牌元素(图标、宣传图片等)保持一致,以便用户可以立即将它们与您的扩展程序和品牌相关联
  • 包括信息图表、图像和视频等视觉辅助工具,以解释项目的入门流程、用户体验和/或主要功能
  • 图片不应使用过多的文字,以免让用户不知所措
  • 使用方角,无填充(全出血)
  • 1280x800 或 640x400 像素

全 1280x800 分辨率的屏幕截图在高分辨率显示器上可能看起来更好。您可以改用 640x400 的屏幕截图 - 例如,如果 1280x800 太大而无法正确显示您的扩展程序。

Do

确保您的屏幕截图清晰且大小正确。在屏幕截图中使用视觉辅助工具来帮助解释它是如何工作的。

75

Don't

使用失真、质量低或文本过多的屏幕截图。

76

提示:如果您的扩展程序支持多种语言环境,您可以提供特定于语言环境的屏幕截图,如国际化您的应用程序中所述Internationalizing your app

# Promotional images: promo tiles and marquee image(促销图片:促销瓷砖和选框图片)

宣传图片是您吸引用户注意力并吸引他们了解更多信息的机会。不要只使用屏幕截图;您的图像应该传达品牌并显得专业。以下是每张宣传图片的详细信息:

小宣传图块:440x280 像素 出现在主页、类别页面和搜索结果中。

大型促销图块:920x680 像素 当前未使用。您此时不需要提供大的促销图块。

选框图片:1400x560 像素 如果您的商品被选为选框功能(Chrome 网上应用店主页顶部的旋转木马),则使用此图片。为了增加您被推荐的机会,请确保您的选框图片整洁、高分辨率,并且与您的其他资产具有一致的品牌元素,以便用户可以立即将其与您的扩展名和品牌相关联。

以下是设计宣传图片的一些经验法则:

  • 避免过多的文字
  • 避免太“忙”的图像
  • 确保您的图像即使缩小到一半也能正常工作
  • 如果可能,使用饱和的颜色;
  • 他们往往工作得很好
  • 避免大量使用白色和浅灰色
  • 填满整个区域
  • 确保边缘定义明确
  • 避免在 Chrome 网上应用店中歪曲扩展程序或开发人员的当前状态或性能的声明(例如“编辑推荐”或“第一名”)
  • 宣传图片上的品牌标识应与商品详情页面上的其他品牌标识元素(图标、屏幕截图等)保持一致

Do

使用与您的其他资产相匹配的颜色和品牌,保持图像简单干净。

77

Don't

包括歪曲您的扩展状态的声明。

78

# Additional fields(附加字段)

包括您的项目的网站和支持页面的 URL 可以帮助建立与用户的信任。确保在开发人员仪表板中填写这些字段,以便用户知道他们可以在哪里找到有关您的项目的更多信息。

By.一粒技术服务.

results matching ""

    No results matching ""