电子商务网站:优化商城主页的6个小技巧!

发表日期:2018-01-02 作者:郑州网站建设 来源:郑州网站制作 浏览次数:813

主页对于任何一个网站而言都是至关重要的,电子商务的网站也不例外,它必须兼具两个方面,一方便用户访问与查询,二方便搜索引擎抓取与爬行。


蝙蝠侠IT认为对于电商网站主页的优化我们需要注意如下几个细节:  

电商网站用户体验优化:  

如上所述,访问您的主页的用户需要和清晰的看到你公司的产品信息与服务,因此在设计主页顶部导航的时候,应该尽量包含如下内容:  

鲜明的logo、合理的分类导航(关键词挖掘分配)、产品服务、优惠促销、登录框、以及搜索框。   

移动端的注意事项:  

目前大部分流量来源于移动端,所以响应式设计基本是标配,开发人员需要让访客在移动端有一个更好的用户体验,因此你可能需要关注:  

菜单简洁便利、搜索简单、登录方便、返回首页方便。  

接下来我们看电子商务网站主页该如何优化,我们需要研究的因素有如下几点:  

网站安全(SSL)、主页标题、主页描述、H1 标签、内容和关键字用法、图片、结构化数据、页脚和包含哪些内容


1、网站安全(SSL)

在您的服务器上安装安全证书是所有电子商务网站的必备条件。

SSL将确保您的网站和服务器之间传输的所有信息都是安全的。像用户名,订单信息,付款细节等都是通过安全的服务器通信传输的。

除了安全方面之外,拥有一个https网站还有两个目的:这对SEO很有用,对用户信任至关重要。

2、主页标题优化

需要明确的是你的主页标题需要包含:核心关键词与品牌词,尽量用一句话的形式来表达,同时附带吸引点击的话术。这里用聚美优品的标题给大家举例。

聚美优品-【极速免税店品牌防伪码】正品化妆品电商,在美上市, 30 天无理由退货,质量保险

它的这个标题略长,不能完全展现在搜索结果中,建议大家控制在 32 个字符以内,但具有一定的借鉴意义,突出了品牌词,突出了免税,防伪, 30 天无理由退货等核心价值。

3、H1 标签

您的电子商务网站(包括主页)的每个页面都应该有一个h1 标签。

H1 标签(

)为搜索引擎提供了有关页面内容的另一个提示。这是突出搜索引擎机器人页面的重要部分的另一种方式。

一般情况下,您应该了解有关使用H1 和标签的几件事:

h1 标签不必与标签相同,但是可以相同,大多数主题会自动将页面的标题作为H1 标签输出,但如果需要,可以将其更改为更多信息。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">值得注意的是:标签应该以分层的方式使用,即在html代码中找到的第一个标签应该是h1,然后可以有h2,h3,h4 等。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">4、主页的内容使用的关键词</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">对于电商网站主页是否应该具有内容来做支撑可以从两个角度来看,如果是行业大站像京东,淘宝这样的就可以完全忽略,但对于中小企业的电商网站,我们还是需要采取一定的文字内容做支撑。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">重要提示:您的首页上的内容必须是唯一的,即便你的产品与服务可能和很多公司类似。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">5、图像优化</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">图片对于一个电商网站是最重要不过的了,很多电商网站包含大量的图片,用以更好的展现给访客,通过视觉营销来提高转化率,这会导致一个小问题,就是图片加载时间过于长。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">这里给大家的建议是上传网站之前将高清图片进行批量压缩,目前互联网上有很多专业的付费工具,特别方便。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">这里还有一个图片优化经常忽略的问题,就是少了ALT标签,这个标签对于百度图片搜索至关重要,关于图片优化我会在日后详细讲解。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">6、结构化数据与页脚导航</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">结构化数据是很多电商网站都会忽略的一个问题,当然做结构化数据需要一定的数据但对于国内一些知名的电商网站很少会用到这部分内容,这部分流量被大大的遗忘了。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">最后是这个可能被大家认为做不重要的页脚啦,也就是底部的导航,其实这个地方体现了一个网站的专业度,是提升你品牌价值的一个好地方。</p><p style="margin-top: 0px; margin-bottom: 24px; color: rgb(14, 14, 14); font-family: Arial, "Hiragino Sans GB", 冬青黑, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, "Arial sans-serif"; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);">总结:电商网站的主页优化还有很多细节可以去讨论,SEO只是一方面,用户体验至关重要,尽量保持主页简洁且具有权威性,会对你的产品销售有一定的帮助。</p><p><br/></p> 软件开发,网站建设,微信开发,小程序开发,APP开发,商城系统开发,直播系统开发,产品推广,短视频推广,就找易祺互联!<br>易祺互联为您提供:商城系统,智慧物业管理系统,“好差评”系统,食品溯源系统,智慧点巡检系统,农村电商系统,智慧河道水位监控系统,智慧环境监测系统,机房动力环境监控系统,ERP系统,智能建站系统,商城系统,直播系统,各种软件/网站定制开发,网站托管等一站式运营解决方案。 <br>易祺互联 @ 河南蓝燕网络科技有限公司旗下运营品牌<br> 统一社会信用代码:914101055710161107<br> 软件设计部运营中心:河南省郑州市金水区芯互联大厦南座11层<br> 智慧物联网运营中心:河南省郑州市金水区花园路1号河南省人民会堂<br> 新产品培育运营中心:河南省郑州市金水区黄河路25号经津大厦10楼<br> 北京市(华北区)运营中心:北京市海淀区双清路33号清华大学学研大厦B座10层<br> 广州市(华南区)运营中心:广东省广州市黄埔区科汇四街11号<br> 杭州市(华东区)运营中心:杭州市拱墅区祥园路杭州国际人才创新创业中心A座10层<br> 重庆市(西南区)运营中心:重庆市江津区双福新区联东U谷12栋<br> 业务咨询:0371-60934100 手机:18737894979 国内热线:400-8778-670<br> 技术服务:15516975329 投诉热线:185-38935-211<br> <br> <img src="/Public/Home/images/jzewm.jpg" class="jzewm"> </div> </div></div> <!--main end--> <div class="yb_conct"> <div class="yb_bar"> <ul> <li class="yb_top">返回顶部</li> <li class="yb_phone">18737894979</li> <li class="yb_QQ"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=775587264&site=qq&menu=yes&from=message&isappinstalled=0" title="即刻发送您的需求">在线咨询</a> </li> <li class="yb_pay"><a target="_blank" href="/Index/pay.html">支付方式</a></li> <li class="yb_ercode" style="height:53px;">微信二维码 <br> <img class="hd_qr" src="https://www.ilanyan.cn/Public/Home/images/weixin.jpg" width="125" alt="扫描二维码"> </li> </ul> </div> </div> <footer> <!-- 浮动窗口 --> <div id="fdinput"> <div class="centeripbox"> <div class="neirong"> <div class="inptxtbox"> <div class=""> <p class="inptxt1">15年行业开发经验</p> <p class="inptxt2">多份方案,多份选择</p> </div> </div> <div class="inputbox"> <form action="/Index/addmessage2.html" method="post"> <div style="display: flex;align-items: center;flex-wrap: wrap;"> <div class="inlistbox"> <ul> <li> <div class="litxt"> 项目需求 </div> <input type="text" name="xuqiu" placeholder="您的需求" autocomplete="off"/> </li> <li> <div class="litxt"> 电    话 </div> <input type="number" name="mobil" placeholder="您的电话" autocomplete="off" oninput="if(value.length>11)value=value.slice(0,11)"> </li> <li> <div class="litxt"> 姓    名 </div> <input type="text" name="name" placeholder="您的姓名" autocomplete="off"> </li> <li> <div class="litxt"> 城    市 </div> <input type="text" name="city" placeholder="您所在的城市" autocomplete="off"> </li> </ul> </div> <div class="upbox"> <input type="submit" value="免费获取方案及报价" class="upfrom"> </div> </div> </form> </div> </div> <div class="closeimg" onclick="closefd()"> <img src="/Public/Home/images/close.png" > </div> </div> </div> <script type="text/javascript"> function closefd(){ $("#fdinput").hide(); $("#fot").css("height","0px"); } </script> <!-- <div class="yqlj"> --> <div class="all"> <div class="lj"> <span>友情链接:</span> <a href="/Index/webbuild.html" target="_blank">郑州网站建设</a> <a href="/Index/webbuild.html" target="_blank">网站制作</a> <a href="/Index/webbuild.html" target="_blank">网站建设</a> <a href="/Index/webbuild.html" target="_blank">网站建设</a> </div> </div> <!-- <div class="all"> --> <div class="bottombg"> <div class="bottom"> <p>ICP编号:<a style=" display:inline-block;"href="https://beian.miit.gov.cn" target="_blank">豫ICP备2021011492号-1</a>  增值电信业务经营许可证编号:<a style=" display:inline-block;"href="https://ythzxfw.miit.gov.cn/" target="_blank">豫B2-20212754</a>   <a target="_blank" href="http://www.beian.gov.cn/" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://www.ilanyan.cn/Public/Home/images/gongan.png" style="float:left;"/>豫公网安备 41010502004996号</a> </p> <p>Copyright©2006-2021 河南蓝燕网络科技有限公司 版权所有 <a style=" display:inline-block;"href="https://www.ilanyan.cn/news/mzsm.html" target="_blank">法律声明及隐私权政策</a><span> </span><span class="bottom_span"><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JQefLeiGyoY9wYEE",ck: "JQefLeiGyoY9wYEE"})</script><a target="_blank" title="51la网站统计" href="https://v6.51.la/land/JQefLeiGyoY9wYEE"><img src="https://sdk.51.la/icon/3-3.png"></a> </span> </p> <p>声明:易祺互联品牌标志、品牌吉祥物均已注册商标,版权所有,窃用必究 法律顾问:郝律师</p> <p style="padding-top: 10px;justify-content: center;width: 80%;margin: 0 auto;display: flex;flex-wrap: wrap;" id="footIco"> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/diimg1.png" title="网络社会征信网" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/diimg2.png" title="网络110报警服务" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/diimg3.png" title="无限互联网业自律同盟" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/diimg5.png" title="中国互联网协会" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/diimg7.png" title="诚信网站" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/nfoot_beian01.jpg" title="河南工商局经营性网站备案信息" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/nfoot_jubao1.jpg" title="12321网络不良与垃圾信息举报受理中心" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/nfoot_honor.jpg" title="CNNIC五星级注册服务机构证书" /></a> <a><img class="helpIco" src="https://www.ilanyan.cn/Public/Home/images/nfoot_fanghei.jpg" title="中国网站安全防黑联盟" /></a> <div class="clear"></div></p> </div> </div> </footer> <div id="fot"></div> <script> $(function() { // 悬浮窗口 $(".yb_conct").hover(function() { $(".yb_conct").css("right", "5px"); $(".yb_bar .yb_ercode").css('height', '200px'); }, function() { $(".yb_conct").css("right", "-127px"); $(".yb_bar .yb_ercode").css('height', '53px'); }); // 返回顶部 $(".yb_top").click(function() { $("html,body").animate({ 'scrollTop': '0px' }, 300) }); }); </script> <script language="javascript" src="https://link.yunqiaokefu.net/implantCode.js?teamID=823745ef-8ac2-4c53-8bef-99001c80de57"></script> </div> </body> </html>