怎样运用图片进行网店推广

    在淘宝、拍拍网成功注册开店做卖家的成千上万,谁都想自已的店铺人气高,生意好。但怎样才能赢得人气?把产品卖出去呢?当然要有好的产品,还要有好宣传推广、服务、价格、沟通技巧等,可以说样样都很重要。
今天在这里说说运用图片进行网店推广的技巧方法。
  一、利用博客相册
  搜索引擎的图片搜索使用也比较多,在搜索的结果里,第一页通常会有“关键词+图片搜索结果”这一结果,无论百度谷歌还是搜搜搜狗都是这样。本人观察过一段时间,很多关键词的百度图片搜索结果中,有很大一部分的结果来自百度空间和网易新浪等博客相册,其中以百度空间的最多,这给我们利用图片来推广网店提供了很大的便利。无论做网站或者网店推广的相信自己都有几个权重比较高的博客吧,若是访问量已经比较高了那就更好。
  1、上传图片,这个完全没有技术含量,尽可能选择网速好的时间段或者地点,一般相册都可以批量上传的。
  2、相册名称,相册名称使用你卖的产品的关键词,这个名称将会出现在图片页面的title里面,也将会作为搜索引擎判断图片内容的重要依据。
  3、图片描述,这个描述并不是alt,只是图片下面的一段说明文字,图片描述同样是搜索引擎判断这个图片的重要依据,建议这个描述使用长尾关键词。本人观察百度判断图片不只是依靠图片alt,还有很大一定程度上会看页面的title,相册名称和图片描述重要的原因在于title=“相册名称+图片描述+博客名称”。
  4、图片水印,加水印无疑能起到保护版权和直接推广的目的,这里不多说,大家懂的。
  5、图片评论,评论可以用本博客账号直接写,做一些图片说明和详细描述(因为给出的图片描述被用作设置关键词了)。也可以用其他账号来点评这个图片,以起到怂恿的目的。
  二、博文配图
  百度对相册比较友好,谷歌却对文章内容的配图比较友好,判断的依据更加倾向于alt,相信广大开网店的朋友很多都在使用博客推广网店吧,博文配图不仅更加吸引读者,带来更多回头客,而且可以直接让搜索引擎搜索到。这个图片有一个alt属性,但是这个alt不能编辑,默认为博文标题,所以在标题中融入关键词是相当重要的,靠近图片的文字也很重要,同样会被例如判断依据。需要注意的是,上传图片的时候系统一般都会提示是否同时保存到相册,建议选择是,当然这样要多一步编辑图片描述的操作,上面也说了博客相册对百度比较友好。
  三、空间相册
  个人空间,如QQ空间、51个人空间、SNS社区这些(这里暂不把这些归类到博客),虽然对搜索引擎不友好,但是用户数量庞大,而且通常使用真实资料的比较多,所以比较受信任。这其中很大一部分访客是自己认识的好友,或者好友的好友,就是说具有直接或者间接关系的。这些访客浏览空间的相册的几率相当的高,你要做的就是让你的图片吸引他们、给他们留下深刻印象了。同样可以使用其他账号小小的炒作一下,也可以叫其他好友帮助给予好评,这样给人的信任度是非常高的。
  四、图片群发
  我所说的不是自己去群发,而是要通过处理图片,将其有变成有价值传播出去。我们经常会在群聊的时候发现很多搞笑的图片,这些图片往往会像病毒一样传播出去,如果你的商品图片也能像这样那带来的流量是无法想象的大的。这个也是老生常谈的话题了,关键是考验大家能否别出心裁了。
  五、参加图片展
  自己办一个小小的图片展难度并不是很大把,几个展板或者展架放到人流量比较大的地方,约几个人一起参赛就行了。要展示作品当中你卖的商品是部分,还要根据这个主题散开来,以展现更多的内容。不仅网站要以内容为王,办个图片展也同样要注重内容,这样才能更加吸引人。比如你卖包的,可以请几个朋友来做模特,当然男的越帅越好,女的越漂亮越好,这样才能更加吸引眼球。当然不能少了这些字样“本图片展由某某赞助”,“本展中包包由某某提供”之类的,不只不能少,而且要突出,要绝对的突出这样,让人们一下就记住了这个品牌。 

Read More

div下图片自适应解决方法

核心提示:
  我们(特别是像我一样的菜鸟)经常会遇到一个问题——图片自适应。这个问题是很普遍的。在文章区,在论坛,可以这么说:哪儿需要上传图片,哪儿就存在这个问题,而论坛上也不时有人询问。为什么?原因很简单,我们不能要求网页编辑或者你的论坛会员都会裁剪图片或者了解最基本的html代码——尽管这并没有多少技术含量。
前的解决方法主要是利用js来实现,但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft(没有它就不必有这么啰嗦的代码了^_^)。本人仅在ie6.0,ff1.5,opera7.0于winXP下测试通过,希望通过此篇文章抛砖引玉,望更多高手指点。关键在于:max-width:780px;以及下面那行。
固定像素适应:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
 font-size: 12px;
 text-align: center;
 margin: 0px;
 padding: 0px;
}
#pic{
  margin:0 auto;
  width:800px;
  padding:0;
  border:1px solid #333;
  }
#pic img{
    max-width:780px;
    myimg:expression(onload=function(){
 this.style.width=(this.offsetWidth > 780)?"780px":"auto"}
     );
    border:1px dashed #000;
 }
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://desk.blueidea.com/DESK/NX100/koreaad_10/koreaad_10020.JPG" alt="感谢blueidea被我盗链图片!"/><br/>
<img src="http://www.blueidea.com/img/common/logo.gif
" alt="感谢blueidea被我盗链图片!"/>
</div>
</body>
</html>
百分比适应:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
 font-size: 12px;
 text-align: center;
 margin: 0;
 padding: 0;
}
#pic{
  margin:0 auto;
  width:90%;
  padding:0;
  border:1px solid #333;
  }
#pic img{
    max-width:80%;
    mywidth:expression(onload=function(){
this.style.width=(this.offsetWidth >document.getElementById("pic").scrollWidth*8/10)? "80%": "auto" });
 border:1px dashed #000;
 }
-->
</style>
</head>
<body>
<div id="pic">
<h3>缩放窗口大小试试</h3>
<img src="http://desk.blueidea.com/DESK/NX100/koreaad_10/koreaad_10020.JPG" alt="感谢blueidea被我盗链图片!"/>
<img src="http://www.blueidea.com/img/common/logo.gif
" alt="感谢blueidea被我盗链图片!"/> </div>
</body>
</html> 

Read More