菜鸟如何打造漂亮网站上.docx

菜鸟如何打造漂亮网站上.docx

《菜鸟如何打造漂亮网站上.docx》由会员分享，可在线阅读，更多相关《菜鸟如何打造漂亮网站上.docx（14页珍藏版）》请在冰豆网上搜索。

菜鸟如何打造漂亮网站上

这是大狼第一次发布技术帖，心里好忐忑啊。

也不知道讲的好还是不好，对还是不对，欢迎同学们拍砖。

今天大狼要讲的主题是，菜鸟如何打造漂亮网站。

首先，我相信很多同学跟大狼一样，进到一个小公司，可能原先有一些出口的经验，但是对出口还是没把握。

展会成本又高，只能将信将疑的购买了B2B服务。

很多公司一年做下来没什么起色，但是看看同行又做的还可以，不知道问题出在哪里？

难道，我的产品在网络上不畅销？

那么，今天大狼就用自己购买29800的阿里做为案例，跟大家分享一下，菜鸟如何打造自己的网站。

首先，我们开通了服务以后第一件事情要做的就是上传产品。

如何上传一个能吸引人眼球的产品是基础。

有好的产品，没有好的图片也是收效甚微的。

因为有网购经历的同学都知道，图片会说话。

不好的产品，图片处理的好也可以卖的很火爆，好的产品没有好的图片是万万不能的。

那么很多同学又会提问了，我没有单反相机，也不会PHOTOSHOP怎么办？

其实很简单。

好的图片并不代表图片需要处理的花里胡哨的，干净一点，把图片拍摄的能准确传递出想要告诉客户的信息就可以了。

大狼今天准备了一块白色亚克力板背景板。

当然，如果同学们感觉白色跟自己的产品不配套也可以买黑色的亚克力板，淘宝价格大约是20元人民币左右。

有兴趣的同学也不妨去看一下淘宝上其他关于摄影的背景布。

很方便。

用一块背景有什么好处？

主要是去掉杂色，后期处理产品照片的时候也不需要很高深的PS技术。

如果各位手头有白色的或者黑色的布料也是能够取代的。

效果也是一样的。

物尽其用，能省就省。

第二步，如何拍摄照片。

有的同学说，大狼我们没有单反相机怎么办？

大狼告诉你，没有单反相机也没关系。

卡片机也可以，又或者现在高端一点的智能手机，像三星，苹果，诺基亚一样可以。

因为大狼没有使用过其他品牌的手机，这里也不好评论。

反正上面几个牌子的智能手机也是可以用的。

如果各位使用的是卡片机请调节到微距状态下拍摄。

因为微距状态下更容易靠近产品，成像空间会比较大一些。

今天大狼为了方便省时一点，没有使用单反，用的是IPHONE5S。

如果是单反的同学建议去买一个小痰盂，五六百块钱，很便宜。

为什么我们要拍产品图片呢？

有人问，我们公司的宣传册有电子版的啊，我可以截图一下上传就可以了，也很美观啊。

但是同学们有没有想过，当一个老外看见你的产品图片的时候，发觉，诶，你的产品很真实，没有技术处理。

他是不是已经先给了你很好的信任印象分呢？

我们在背景板上放上我们想要拍摄的产品。

首先，我们得对拍摄的产品大致有个构思。

我拍这个照片凭什么能吸引客户？

把你想要表达的意思拍摄进去。

也许是外观，也许是包装，也许是属性。

那么还是按照大狼的产品为例。

今天大狼想拍的是一条黑色的电线。

而且大狼想告诉客户我这条电线用的是铜导体。

那么经过大狼简单的调整和摆放之后拍摄出来的照片就变成这个样子了。

这里建议同学们，多构思几个主题，表达不同的产品含义，采用多角度拍摄。

这样的话一个产品就变成四五个产品甚至更多。

因为现在阿里巴巴有多图产品，你可以把这些图片做成多图产品，或者选取其中一个角度作为产品的主图，剩下的几个作为细节图放到描述里面去。

又或者，有的同学喜欢搞图片海战术，用不同的关键词用不同的标题来丰富自己的网站。

那么拍摄好图片以后像素太大，不利于上传怎么办？

我们就要借助PHOTOSHOP的帮助了。

我发现很多同学都用美图秀秀来处理图片，这是很不科学的。

美图秀秀在你吃饭的时候用手机给饭菜消消毒还可以，用做处理自己的产品就未免太儿戏了。

而且阿里巴巴网站还有一个图片放大功能，如果用美图秀秀的话放大一点图片就会糊掉或者看不清楚。

所以建议还是使用专业工具PHOTOSHOP。

这里大狼用的是PHOTOSHOP7.0版本，大狼比较念旧，所以还是习惯用PHOTOSHOP7.0，如果会更高版本的同学也是一样的。

那么我们把图片用PHOTOSHOP打开。

大狼的PS里面设置了网格和标尺。

大家打开的时候可能没有。

这个是在视图菜单下的标尺和网格功能。

可以有也可以没有，这个跟我们今天要讲的主题无关。

好，我们找到左上角，文件，新建。

这时候出来一个对话框。

这里有名称高度，宽度。

请同学们把宽度和高度都设置成600.注意后面单位是像素，如果不是像素的同学调成像素。

因为阿里巴巴的图片最优尺寸是600X600，实际操作中，请根据自己的B2B网站来设定图片大小，有的网站是500X500.然后名称这里，请大家把产品名称编辑上去，如果暂时没有想到如何命名图片，就用未标题，等处理好图片以后再更改图片名称。

这里建议大家把名称改过来，因为这个名称很重要，后期你上传图片以后会影响到你网站搜索排名的优化。

这里顺便讲一下产品名称怎么影响产品搜索排名。

大家都知道现在网站上传好以后都是交给谷歌收录的。

谷歌排名会看T.D.K.也就是说标题，描述，关键词。

那么我们把产品的名称更改以后呢，会对关键词浓度产生影响。

按照谷歌收录的标准关键词浓度在3-5%之间，是最容易被谷歌收录进去的。

那么有的同学会问，我怎么看我的关键词浓度呢？

如果你是用的谷歌内核的浏览器，像CHROME，或者火狐，你可以利用谷歌的小工具，SEOQUAKE，来查看一下关键词解析。

这里就不讲这个小工具如何使用了。

那还是按照大狼的产品为例，大狼就把名称设置成，HO7RNF4X2.5MM2FLEXIBLECABLE.你这个名称设置的越具体对你后期的排名越有利。

如果这里名称打不下，你处理完图片以后可以点击右键来更改文件名。

文件名具体可以用多少个字大狼还没研究过，总之越具体越好。

设置完成以后点击“好”。

新建背景完成以后，我们看PHOTOSHOP左边导航栏。

点击那个箭头，移动工具。

直接把自己的照片紧按鼠标左键拖动到新建背景上。

然后，在新建背景上点一下，说明工作区域更换到新建背景上了。

按组合键CTRL+T。

这时候看背景的中心会出现一个中心点，右面导航器那里出现一个红色的框框。

注意红色的框框。

红色框框内是你现在操作的图像以及图片位置。

我们继续用鼠标左键拖动背景上的图片直到出现以下状态。

看见照片在背景上的最边角的那个小方块了？

好，把鼠标移到右上角的方块上，我们准备等比例缩小图片了。

按住SHIFT键。

看右边的导航器。

然后用鼠标从右上往左下开始缩小图片。

缩小到这个状态以后，可以松开鼠标和SHIFT，我们还是看左边刚才使用的移动工具，那个小箭头。

再用移动工具把图片往右上移动。

再按住SHIFT，用鼠标左键从右上往左下缩小。

循环这样的步骤，直到图片缩小到差不多尺寸。

然后有的同学会奇怪了，我的图片怎么填不满白色的背景啊。

没错，因为我们用相机或者手机拍的照片是长方形的，而我们需要的图片是正方形的。

那么我们需要拍摄的照片只要缩小到比我们设定的背景略大就可以了。

然后把你的产品放在正中间。

点击回车按钮。

于是我们的产品就变成这个样子了。

根据自己的实际需要，去掉一些照片中不必要的东西，像空白，或者你拍照的时候不小心有其他东西乱入你的照片之中，这些你可以在调整图片的时候隐藏掉。

总之照片调整完之后主题要变得突出，这是我们做调整的目的。

如果对自己拍照技术很自信的同学觉得重复做这个太繁琐，也可以直接点击左边导航栏目里的裁剪工具

然后在上方的宽度高度中输入600，当然尺寸也是像素。

直接裁剪，一样效果。

只是要求拍照的同学在拍照的时候对产品在照片上的成像有一个合理的布局。

然后点击左上角文件—存储为---

存储在你需要存储的地方。

格式更改为JPEG

保存。

我们看一下大小200K以内，点击好。

如果你的文件大小超过200K那么你只需要移动大小文件之间的光标，把文件大小改为200K以内就好了。

因为报过RFQ的同学应该知道，RFQ上的图片都是小于200K的，所以为了避免麻烦，同学们可以设置成200K以内就可以了。

点击好，就保存好了

这里我们再讲一下今天这个分享的重点。

首先我们处理图片只要借助PHOTOSHOP的一点功能，并不需要很繁琐。

希望至今还在为处理图片发愁的同学就不需要紧张了，处理图片其实很简单。

第二，我们处理图片也不一定非得使用很好的工具，因地制宜就可以了，单反卡片机，手机都可以用。

第三，不会平面设计的同学无需担心。

只要把图片整理一下，尽量简洁大方就可以。

很多使用美图秀秀的同学会使用边框功能，文字功能，什么磨皮啊，虚化啊，让图片感觉很失真。

其实简简单单大大方方才是最好的。

因为图片只有600X600像素，客人搜索的时候只有指甲盖大小，想让自己的产品脱引而出，最好是少一点装饰，多一点实际内容。

第四，拍摄照片的时候尽量在不太刺眼的自然光下拍摄。

如果你的产品需要很强的亮光才能表达出质感的话，你不妨考虑一下在产品的表面用纸巾擦一层色拉油。

这样你就不用为灯光而烦恼了。

一样效果很好。

如果处理不好图片亮度的同学可以用私信的方式告诉大狼，大狼再单独告诉你。

第五，保存处理好的图片一定要用和产品名称相匹配的文件名称，这样对你的排名优化很重要。

第六，也是最重要的一点。

构思好产品想要表达的意思，让你图片会说话，让你的图片替你招徕客人。

一图胜千言，对于网络来说尤其重要。