整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

亚马逊运营必备技能,一分钟学会HTML「附各HTML工具测评」

么是HTML

HTML的全称是超文本语言(Hyper Text Markup Language)。虽然这个名字听起来像是专业技术人员才能操作的,但事实上HTML是最简单的代码形式之一并且应用很广泛。

简而言之,HTML可以允许亚马逊卖家对产品描述进行排版(比如说添加粗体和斜体,换行,以及加入bullet points等),让买家能更清晰了解产品的卖点。

效果展示

看到这里,你可能会问了:没有用HTML写出来的产品描述就不能用了吗?

答案是当然可以的,但是我们来对比一下不用HTML(图1)与使用HTML(图2)的产品描述的效果差异:

▲图片来源:亚马逊Bosch

▲图片来源:亚马逊Bosch

是不是看到没有用HTML的产品描述时只觉得杂乱无章,想要马上关掉这个页面呢?而用了HTML的产品描述更有条理,看起来更专业,可以让顾客很快地找到自己需要了解的内容。

在这个信息碎片化的时代,大家对同一件事情的注意力不会持续太久,没有人有耐心去读堆在一起的文字。如果顾客没有很快地得到自己想要的信息,他们会立马关闭页面去浏览别人更清晰明了的listing。因此,卖家需要用更好的listing内容来留住客户,吸引消费者下单购买。

常用的HTML编码

想用HTML却对代码一无所知的卖家不用慌,你只需花几分钟了解最基础的HTML代码,就可以对自己的产品描述进行HTML编码了。如果卖家不想自己手动写HTML代码,还可以使用相关软件直接对自己的产品描述内容自动进行HTML编码。

那有了自动编码的软件,我们为什么还要推荐手动的呢?

因为亚马逊平台对HTML代码有诸多限制,很多代码经过我们的测试,是不被亚马逊支持的。

卖家使用手动编码软件来编写自己的产品描述会确保HTML编码的准确度和后续的顺利上传。所以对于到底是手动编码还是使用自动编码软件,卖家要根据自己的需求具体情况来决定。


手动编写HTML

卖家只需了解以下这几个HTML代码就可以上手写产品描述了:

- <h1>标题</h1>

- <p>段落</p>

- <br> = 换行

- <b>粗体</b>

- <li> = 列表项

- <i>斜体</i>

- <ul></ul> = 无序列表

- <ol></ol> = 有序列表

使用这些代码时,要注意代码的完整性准确性。比如说<b> </b>,不要只使用一部分。<b> 代表粗体开始的地方,</b>代表粗体结束,如果使用不完整,可能会造成无法对文字进行粗,或者所有字体都变成粗体。

在这里,我们推荐大家一个写HTML的免费工具W3 Schools(www.w3schools.com)。

网上可以找到很多免费的HTML编辑器,但是W3 Schools非常简单便捷,运行速度快,而且也不会像有些编辑器一样产生乱码现象。

那么怎么使用工具写出HTML格式的产品描述呢?

▲ 打开 W3 Schools HTML Editor。

▲ 将你为产品写的非HTML的文字描述粘贴到左侧框,再加入相应的代码进行排版(当然卖家也可以边写内容边用HTML代码排版,不过这样可能会扰乱思路):

1. 将标题加入<h1></h1>中间

2. 每个段落的开头加<p>,结尾加</p>

3. 将<br>放到需要换行的文字前,想要换几次行就输入几个<br>即可

4. 将需要加粗的文字放到<b></b>中间

5. 将需要变成斜体的文字放到<i> </i>中间

6. 在bullet points的所有的内容前面添加上<ul>;然后在每一个bullet point之前要加入<li>;在bullet points内容后添加</ul>(如下图所示)

▲编码界面

▲显示界面

7.在有序列表的所有内容前添加<ol>;然后在每项之前要加入<li>;在有序列表内容后添加</ol>(如下图所示)

▲编码界面

▲显示界面

▲ 编排完内容后,点击RUN就可以在右侧看到你编排好的产品内容预览了。

▲ 仔细检查,确认无误之后,就可以将左侧栏中的内容复制粘贴到你的卖家平台上了。


□ 使用软件自动编写HTML

如果卖家选择用相关工具将产品描述自动变成HTML格式,我们推荐大家使用Html-Online工具(html-online.com/editor/)

下面用图片为大家进行简单地演示:

可以看到,卖家只需要在左侧输入产品内容再进行相应排版,即能在右侧得到HTML的代码,再将这些代码直接复制并粘贴到卖家平台进行保存,买家浏览时就会看到和左侧框的一模一样的内容版式,是不是非常简单方便呢?


在这里,经过我们的测试,亚马逊的卖家需要注意:在亚马逊上打造listing过程中,修改字体颜色、字体背景、添加表情、添加下划线、修改字体类型、调整字体大小、添加特殊符号、添加超链接和添加图片现在是不被允许的。但是我们都知道,亚马逊的规则实时都在变化,因此关注这些规则,收藏好这篇文章和工具以备未来之需!

毫无疑问,如果卖家进行了品牌注册并可以做EBC(A+)的话是最好不过了,但是如果你还没有在亚马逊上注册品牌或者还在等待品牌注册的商标申请,那么HTML将会是你提升产品内容描述的有力帮手!


福利时间

如果您还想要了解各类编辑HTML的工具,我们在同名微信公众号上添加了福利噢!在公众号后台回复【HTML】即可免费领取HTML工具测评汇总!

ue+.NetCore前后端分离,支持对前端、后台基础业务代码扩展的快速发开框架

框架可直上手开发这些功能

  • Vol.WebApi类库可独立用于restful api服务单独部署,用于其他系统单独提供接口,直接上手编写业务代码即可。
  • Vue+Vol.WebApi 可用于现有框架前后端分离进行开发
  • Vol.Web类库可用于传统MVC+Razor方式进行项目开发
  • Vol.Builder类库可作为一个独立的代码生成器,可生成cshtml页面、Vue页面、Model文件、Service与Repository.cs业务处理代码类
  • 可作为一个独立站点来发布Editor编辑器生成的静态html网页.

框架特点

  • 支持前端、后台基础业务代码动态扩展,可在现有框架增、删、改、查、导入、导出、审核基础业务上扩展复杂的业务代码
  • 基本业务全部由框架完成,上手即可对基础业务以外的代码进行扩展
  • 上手简单,需要.net core2.1、VsCode mysql/sqlservcer 2012、redis(可选) 及以上版本的开发环境
  • 学习成本低,封装了常用可扩展组件及Demo(前端基于Iview/Element-UI组件进行了二次封装、后台提供了大量的扩展方法)
  • 开发效率高,内定制开发的代码生成器,生成前端(Vue、后台代码),代码生成器已完成90%以上的重复工作,只需要在提供的扩展类型中实现其他业务
  • 前端vue页面表单下拉/多选框完成自动绑定数据源,不需要写任何代码,并支持扩展自定开发绑定。
  • 后台已完成权限、菜单、JWT等内部功能

如果你没有做过webpack+vue工程化开发项目,可能会刚开始相当不适应,或者安装环境总是出问题,但只要你熟悉开发流程后,你会发现采用Vue开发比Jquery爽太多了。上手项目需重点了解基础Vue语法,特别是了解组件、路由及import的使用

开发及依赖环境

VS2017 、.NetCore2.1 、EFCore2.1、JWT、Dapper、Autofac、SqlServer/MySql、Redis(可选,没有redis的在appsetting.json中不用配置,默认使用内置IMemory)、

VsCode、Vue2.0(webpack、node.js,如果没有此环境自行搜索:vue webpack npm)、Vuex、axios、promise、IView、Element-ui

项目地址:https://github.com/cq-panda/Vue.NetCore

没有觉得默认的HTML 的SELECT 的下拉选择框丑到爆呢,一点没有让人想看第二遍的欲望呢。

Select-or-Die基于 jQuery 的下拉框美化插件来了(Select-or-Die 还另外提供了 3 套皮肤)

GitHub地址:https://github.com/vestman/Select-or-Die/ (没有下载地址的都是耍流氓)

首先上效果图

select美化插件 图片来源网络

Select-or-Die 的兼容性怎么样?

浏览器兼容:兼容 IE8 及以上 IE 浏览器和其他主流现代浏览器。

jQuery 兼容:兼容 1.7 及以上版本。

使用方法(这个才是重点)

  1. 引入CSS 和JS

    <link rel="stylesheet" href="css/selectordie.css">

    <script src="js/jquery.min.js"></script>

    <script src="js/selectordie.min.js"></script>

  2. 绑定元素美化(JavaScript)

$(function(){

$('select').selectOrDie();

});