美客多图片Listing优化攻略！小白也能秒上手
<div class="ce-block ce-block--focused" data-id="qTTOXf4XBY" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">美客多卖家集合啦📢 是不是总困惑：为啥我的Listing没人点？明明产品不差，转化率却拉胯？别瞎琢磨了！核心答案就一个——图片没做好！要知道，线上买家摸不到、看不到实物，全靠图片脑补，一张优质主图能拉满点击，一套好辅图能直接促成下单，Listing优化，图片才是重中之重！今天就给大家扒一份超实用的美客多图片Listing优化指南，不管是小白卖家还是老油条，照着做就能少踩坑、提转化，运营直接事半功倍✅</div>
</div>
</div><div class="ce-block" data-id="Anm7LiVJmN" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">一、主图规范：这6条红线别踩！否则直接没曝光</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="6Zm_uSXxDV" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">主图是Listing的“门面”，能不能从竞品里脱颖而出，全看它！美客多官方要求记死，踩一条都可能被限流：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="RSaRUA-spp" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">背景必须纯白！别偷懒用白墙/白纸拍，会直接丢曝光，得用图片编辑工具做纯白底；</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="vGVU_kRywj" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_vGVU_kRywj" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/192900xku4udvz5acl9d5t.webp" title="" alt="" data-aid="62"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="ao9xCEZa6X" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">干净无杂质！不能有边框、水印、Logo，也不能加文字、二维码，纯纯展示产品就好；</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="8qCyq_j_gY" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_8qCyq_j_gY" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/192951rii2uukd22kftdfu.webp" title="" alt="" data-aid="63"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="uSoQ-ZB4LR" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">像素认准1200*1200px！这样买家能自由缩放，看清产品细节，体验感拉满；</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="1KE8ugjapJ" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_1KE8ugjapJ" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/193127yiai88p8ptpci8ga.webp" title="" alt="" data-aid="65"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="k24BPHOnJz" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">禁止加促销/联系方式！包邮、打折信息别往主图放，要加就去详情页；</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="E1PeXJs6Ag" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_E1PeXJs6Ag" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/193155v66yyl86i2lz666x.webp" title="" alt="" data-aid="66"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="OwfIo_sK-M" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">主图只放一款产品！有多颜色、多尺寸的，用变体展示，别堆在一张图里；</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="bDLELr_8w4" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_bDLELr_8w4" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/193256qztcvzb8tt78mblj.png" title="" alt="" data-aid="67"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="A-GjX7L2pz" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">必须原创实拍！别随便从网上盗图，要么自己拍，要么用可免费商用的图，不然Listing可能被暂停！</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="3ObXXFrpz-" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_3ObXXFrpz-" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/193323foooiilel58yleqy.webp" title="" alt="" data-aid="68"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="zDKbeKoJ8g" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">补充一句：主图要拍产品正面全貌，别拍包装，重点是让买家一眼看清“你卖的是什么”～</div>
</div>
</div><div class="ce-block" data-id="zW73Zl02Ci" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">二、辅图技巧：10张图用对，转化率翻番</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="LaMFSS9ATx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">美客多Listing能传11张图（1主图+10辅图），详情页会展示7张，辅图可不是随便凑数的，核心是解决买家的顾虑！辅图不用纯白背景，但这些要求要遵守，和主图基本一致：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="4SN62XV6cF" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">图片大小≤10MB，格式只能是JPG、JPEG、PNG；</li><li class="cdx-list__item">侧边像素至少500px，建议还是1200*1200px，支持缩放；</li><li class="cdx-list__item">不能加联系方式（邮箱、电话、社交链接都不行），否则会被处罚；</li><li class="cdx-list__item">可以展示包装和配件，让买家看清商品的完整价值。</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="qMl1c2hbVL" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">重点来了！辅图这么拍才管用：多角度展示产品，抓买家痛点，突出核心卖点——比如拍产品细节显品质，加阴影光泽提质感，甚至可以放场景图，让买家代入使用场景～</div>
</div>
</div><div class="ce-block" data-id="DBCQ-6Anr9" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">三、小白必看！5个优化小技巧，零成本提效</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="7eB2NUTA9a" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_7eB2NUTA9a" class="image-tool__image-picture _zoom" src="https://tt183.com/data/attachment/forum/202604/12/193410vj2mq9jypjtyhs0z.png" title="" alt="" data-aid="69"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="8ZAPy1Bs3h" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">风格要统一！不管是主图还是辅图，色调、拍摄角度尽量一致，买家浏览起来更舒服；</li><li class="cdx-list__item">贴合产品调性！生活类产品实拍为主，别过度P图，还原真实场景；科技类产品突出高级感、科技感，重点展示功能；</li><li class="cdx-list__item">突出细节和卖点！拍的时候重点拍产品优势，适当加阴影，让产品更有质感；</li><li class="cdx-list__item">加视频更加分！可以贴YouTube视频链接，展示产品功能、使用场景，让买家更有代入感；</li><li class="cdx-list__item">加当地语言注释！在辅图上放西语/葡语文字，帮当地买家快速理解产品用法，好感度拉满～</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="x9c4gCOc8w" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">其实美客多图片Listing优化没那么复杂，核心就是“让买家看清、看懂、有购买欲”！记住主图守规范、辅图抓痛点、技巧用到位，你的Listing就能从众多竞品里脱颖而出～各位美客多卖家，赶紧对照着优化起来，转化率翻倍不是梦😎
</div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.cdx-list {
margin:0;
outline:none;
display:block;
counter-reset:item;
padding:6px;
}
.cdx-list__item {
line-height:1.45em;
display:block;
padding-top:8px;
margin-left: 2em;
}
.cdx-list__item-children {
display:block;
}
.cdx-list__item {
outline:none
}
.cdx-list__item-content {
word-break:break-word;
white-space:pre-wrap;
grid-area:content;
padding-left:8px
}
.cdx-list__item:before {
counter-increment:item;
white-space:nowrap
}
.cdx-list-li-container {
display: flex;
}
.cdx-list-ordered .cdx-list__item:before {
/* content:counters(item,".",numeric) "." */
}
.cdx-list-ordered {
list-style-type: none;
margin-left: -15px;
counter-reset:item;
font-size: 16px;
}
.cdx-list-unordered {
font-size: 16px;
}
.cdx-list-unordered .cdx-list__item:before {
content:"•"
}
.cdx-list-checklist .cdx-list__item:before {
content:""
}
.cdx-list__settings .cdx-settings-button {
width:50%
}
.cdx-list__checkbox {
padding-top:calc((1.45em - 1.2em) / 2);
grid-area:checkbox;
width:1.2em;
height:1.2em;
display:flex;
cursor:pointer;
font-size: 16px;
}
.cdx-list__checkbox svg {
opacity:0;
height:1.2em;
width:1.2em;
left:-1px;
top:-1px;
position:absolute
}
@media (hover:hover) {
.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg {
opacity:1
}
}.cdx-list__checkbox--checked-1 {
line-height:1.45em
}
@media (hover:hover) {
.cdx-list__checkbox--checked-1:not(.cdx-list__checkbox--checked-1--no-hover):hover .cdx-checklist__checkbox-check {
background:#0059AB;
border-color:#0059AB
}
}.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check {
background:#369FFF;
border-color:#369FFF
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg {
opacity:1
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg path {
stroke:#fff
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check:before {
opacity:0;
visibility:visible;
transform:scale(2.5)
}
.cdx-list__checkbox-check {
cursor:pointer;
display:inline-block;
position:relative;
margin:0 auto;
width:1.2em;
height:1.2em;
box-sizing:border-box;
border-radius:5px;
border:1px solid #C9C9C9;
background:#fff
}
.cdx-list__checkbox-check:before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:100%;
background-color:#369FFF;
visibility:hidden;
pointer-events:none;
transform:scale(1);
transition:transform .4s ease-out,opacity .4s
}
.cdx-list__checkbox-check--disabled {
pointer-events:none
}
.cdx-list-start-with-field {
background:#F8F8F8;
border:1px solid rgba(226,226,229,.2);
border-radius:6px;
padding:2px;
display:grid;
grid-template-columns:auto auto 1fr;
grid-template-rows:auto
}
.cdx-list-start-with-field--invalid {
background:#FFECED;
border:1px solid #E13F3F
}
.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input {
color:#e13f3f
}
.cdx-list-start-with-field__input {
font-size:16px;
outline:none;
font-weight:500;
font-family:inherit;
border:0;
background:transparent;
margin:0;
padding:0;
line-height:22px;
min-width:calc(100% - 10px)
}
.cdx-list-start-with-field__input::placeholder {
color:#797979;
font-weight:500
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.image-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;
}
.image-tool__image {
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
}
.image-tool__image-picture {
max-width: 100%;
vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}
.image-tool__image-preloader {
width: 50px;
height: 50px;
border-radius: 50%;
background-size: cover;
margin: auto;
position: relative;
background-color: #cdd1e0;
background-position: center center;
}
.image-tool__image-preloader::after {
content: "";
position: absolute;
z-index: 3;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #cdd1e0;
border-top-color: #388ae5;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px;
animation: image-preloader-spin 2s infinite linear;
box-sizing: border-box;
}
.image-tool__caption::before {
position: absolute !important;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
}
.image-tool__caption:empty::before {
display: block;
}
.image-tool__caption:empty:focus::before {
display: none;
}
.image-tool--empty .image-tool__image {
display: none;
}
.image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {
display: none;
}
.image-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}
.image-tool .cdx-button svg {
height: auto;
margin: 0 6px 0 0;
}
.image-tool--filled .cdx-button {
display: none;
}
.image-tool--filled .image-tool__image-preloader {
display: none;
}
.image-tool--loading .image-tool__image {
min-height: 200px;
display: flex;
border: 1px solid #e8e8eb;
background-color: #fff;
}
.image-tool--loading .image-tool__image-picture {
display: none;
}
.image-tool--loading .cdx-button {
display: none;
}
/**
* Tunes
* ----------------
*/
.image-tool--withBorder .image-tool__image {
border: 1px solid #e8e8eb;
}
.image-tool--withBackground .image-tool__image {
padding: 15px;
background: #cdd1e0;
}
.image-tool--withBackground .image-tool__image-picture {
max-width: 60%;
margin: 0 auto;
}
.image-tool--stretched .image-tool__image-picture {
width: 100%;
}
.image-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]