二. 产品页面的建立及SEO优化

外贸网站产品上传主要分为以下步骤：

1.新建页面并填写产品名称

2.调用产品模板并修改内容

3.选择对应的产品分类

4.进行产品标题和Meta标签优化

5.设置首图（Feature Image）

6.点击发布即可

下面我就详细介绍下如何去进行操作：

一、产品页面的建立以及内容的编辑

1.点击左侧栏的Portfolio Items下的Add New就可以建立一个产品页面，如下图所示

2.在产品页面我们需要填写产品标题。填写好后点击Advanced Layout Editor进入高级编辑。

点击高级编辑界面的Templates（模板），去调用产品所属分类的产品页面模板

例如我们现在建立的index 02是属于index这个分类的，我们就调用index这个模板（外贸老船长在设计网站的时候都会把分类页面模板做好，上传产品的时候直接调用对应的分类模板就可以了），如下图所示：

下图所看到就是我们做好的模板页面布局，我们将这些模块里的内容替换成我们将要上传的新产品内容，只要点击对应模块就可以进行内容编辑。

点击进去之后如图所示

文本编辑用法和Word很像，例如文本的居中、加粗、倾斜等，甚至可以点击上方的Add Media添加图片，将文本内容换成我们现在上传的产品内容以后，点击保存即可。

5.对图片进行编辑，点击进去之后，我们看到如图所示

首先我们要将需要上传的产品图片在本地做压缩，将图片上传至这个网站http://www.tinypng.com/进行在线压缩处理（非常重要，因为网站加载速度主要是图片的加载）
首先我们讲解批量产品的处理方式：Gallery

直接点击Add/Edit Gallery进行下一步将图片上传

将压缩好的图片拖到模块里面就可以直接上传，图片上传之后要对图片进行一下标签优化，选中图片右侧会出现图片详细信息，

将Title里面的内容复制到Alt Text 和 Copyright 中。（我们在处理图片之前要将图片用英文名称命名）

填写如下图所示：

如果你发现你之前上传的图片也可以用在这个产品里，那么点击即可选中添加到此产品页面中。

右上角出现对勾表我们已经选中图片，点击对勾可以取消图片的选择。

点击右下角的Add to gallery进入下一个页面如图所示

进入到这个页面后，我们可以拖拽图片调整展示顺序，点击Insert gallery返回到我们一开始进入这个模块的页面然后点击Save，保存就可以了

下面将单一图片的编辑方式：Image模块

点击进来之后直接点击Insert image进入下一个页面

点击进来之后直接点击Insert image进入下一个页面

在这个页面上传图片或者从之前上传的选一张，选中之后同样也要对图片右侧的信息进行编辑将名称复制然填在它上面的Alt Text以及Copright中，然后点击右下角的Insert，返回到一开始进入这个模块的页面，最后点击Save保存就可以了。

下图是相关产品展示部分的设计，外贸老船长在设计网站的时候就会做好对应设计，不需要做改动。

二、产品页面的SEO优化

需要填写三个地方，分别在下图中标明

产品页面标题优化：展示在Google搜索结果的标题部分

标题字数： Google通常显示55-65个字符，外贸老船长建议标题控制在60个字符左右，超出字符Google会隐藏后面的文字，用户阅读体验不好。

标题定制建议：

产品名称，产品衍生关键词（客户搜索此分类产品的其他相关词），China Suppliers-网站品牌名

产品名称-产品所属分类名称（产品类别名）China Suppliers-网站品牌名

首页Description（Meta标签设置）优化： 展示搜索结果的底部网站页面简介

描述字数： Google通常显示155~165个字符，外贸老船长建议控制在150个字符左右，重要内容要在前面120个字符展示出来超出的部分同样Google会隐藏后面的内容，影响客户阅读。

描述的建议： 可以默认显示产品页面内容

产品页面关键词优化：通常在产品页面中添加

产品页关键词内容设置：将产品名称和相关衍生关键词做成H1,H2标签

在产品页面管理底部有Keywords位置填写产品主关键词

三、选择产品所属分类

在页面右边的中间位置有一个Portfolio Categories的地方，在这里勾选产品所属分类就可以

如上图所示，应为们上传的index 02是属于index的，所以我们勾选index这个分类就可以

四、上传首图(Featured Image)

在页面右侧下方个Featured Image点击他下面的Set Featured image

点击这里之后就进入大家熟悉的图片上传的页面如图所示

我们在这里选择一张或者上传一张作为首图即可。

产品首图上传完之后，点击页面右上方的Publish产品就发布了。

可以点击右上角的预览(Preview Changes)快速预览当前页面的展示效果。