昨天好学的Jack负责的网站最终上线了，特此开贴记录下这一路走过来的经历，给大众指点个方向。有些坑我踩进去了，大众能够避免踩坑。从九月下旬到十一月下旬，前后差不多两个月时间，说长不长说短亦不短。长的话是由于商量网站整体风格花了非常多时间，例如首页以什么样形式呈现，关键词调研，全部网站版面设计，触及到了有些代码的修改，因此比较费时间。短的话由于实质上传照片制品文案的火速，包含域名迁移，绑定谷歌分析GA, Facebook Pixel，后期便是慢慢做on page seo 站内优化了。关于on page seo 站内优化和关键词调研的能够看我之前的文案：
On Page SEO 单页面优化,你需要晓得这8点
关键词不足用？试试这几个工具 本篇文案一共4385字，13张照片，1张思维导图，阅读完需要13分钟。
一 选取合适的运营级网站系统
建站前咱们需要选取哪个网站系统，日前国内市面上比较流行的建站系统有这么几个：Wordpress, Shopify, Magento。Wordpress重点适合搭建个人博客，搭建B2B网站，对代码有有些基本需求，需求不是很高，能够去W3schools去学些基本代码。Shopify重点适合搭建中小型B2C在线商城网站，机构制品SKU几十上百个那种的。对代码没什么需求，基本0代码需求，不外你要是实现某些定制功能，还是需要懂点代码知识。Magento 适合搭建大型B2C在线商城网站，机构制品SKU上千个以上那种。Magento的功能比较多了，对代码需求很高，通常需要配备2个技术守护网站后台。PS: 运营还是需要懂些基本代码知识，不需要会编写代码，起码能看懂，简单的修改有些，非常多功能在HTML代码里操作，会很简单。代码针对运营而言就像语法针对学英语的人同样，懂得越多越好，多多益善。
由于机构对这个网站定位是品牌网站，到了后期肯定要开通在线商城的，这次好学的Jack 选取的是Shopify这个平台。有的伴侣会问为何不消WordPress，由于Shopify相对简单点，相对省时间点，老板对网站交期亦是比较赶的。当而后期选取了Shopify某个主题，发掘这个主题有点坑，非常多自定义功能实现不了，这个时候Jack果断选取了外包，找了个之前懂技术的伴侣，他对shopify后台操作是相当的溜！因此后期交流的很顺畅，和这位技术伴侣来回修改了最少7-8次，由于有记录的word 文档需要有7-8个，其他的聊天截图还没思虑在内。因此倘若大众后期建站遇到自己处理不了的问题，不妨思虑外包，一来节约时间，二来交流加强自己能力。
由于Jack来之前网站是用Wix搭建的，用过Wix的伴侣都晓得，Wix有这么几个坑：1. 不是自适应网站，桌面端和移动端是掰开的，寓意着需要搞两套系统，照片尺寸，网站位置排版都要搞两套，倘若只是个人博客或单页面网站其实亦还好。然则倘若需要经常上传制品，博客，banner照片，针对运营和设计来讲都很费时间和精力，由于一样的事情做重复做两遍。
2. 打开网速很慢，翻墙才可打开，前端和前端都慢，前端慢非常多客户反馈打开网站很慢，进不去，可疑你们机构是不是出了什么问题。非常多新客户由于等不急就关掉了网站，一来直接引起影响SEO数据下降，毕竟网站停留时间，网站跳出率，浏览页面很影响SEO排名的。二来，晓得引起转化减少，由于无流量进来，这是个硬伤！
3. 国内运用的人相对较少，因此欠好和同行交流。此刻做网站非常多机构选取Wordpress 和 Shopify了，你选取用Wix系统搭建网站，很难和同行交流，亦就很难进步。有人会说能够自己去谷歌YouTube看博客视频自学啊，那样子不是不能够，便是效率低了，尤其是你的问题很紧急，你去问群友，群友们都没遇到过，亦很难给你意见，你自己经验又不足，然则问题马上要处理，这个时候矛盾就比较明显了。
说了Wix的几个缺点，咱们此刻来看下Wix的优点：
1. 价格便宜，一年套餐150美金，差不多1000RMB，Shopify一年套餐接近300美金，是Wix的两倍了。2. 拖拽方便，像做PPT同样。
因此这次网站选取用Shopify搭建，那样Wix的缺点便是Shopify的优点了，shopify重点有以下3个优点：1. Shopify是支持自适应的，亦便是桌面端和移动端是一块的，不需要编辑两次，能够节约非常多时间，尤其是当你产品SKU非常多的时候，不需要同一个制品上传两次。 
2. 打开网速快，相针对Wix，shopify网速火速了，尤其是后台，不需要等后台始终在加载，等后台加载那段时间，全部人都要崩溃。3. 国内运用的人非常多，交流起来方便，重点shopify还搞了个中文论坛，把非常多疑问翻译成中文了，节约了非常多咱们找资料时间。 
二 网站页面规划
选好了建站平台之后，咱们需要进入建站的第二个要素：网站的布局和设计。网站的布局和设计重点思虑这四个原因，基本规划，首页规划，列表页规划，详情页规划。
网站的布局和设计--基本规划
基本规划重点包含logo，制品方向，色彩风格，字体等。logo咱们之前就已然有了，因此这次没花什么时间在logo上面，因为咱们logo和Google的logo颜色很接近，因此后面的有些banner和照片借鉴了Google的logo设计。制品方向这块，咱们重点做单一种类制品，没做多种类制品，因此这一起亦没怎么花时间，倘若你们机构制品种类非常多的话，要做ABCD几类制品，Jack意见你们多花点时间在制品方向上面。色彩风格重点是确定网站传递什么样的品牌形象和个性，这一起咱们讨论了好几次，花费了非常多时间，由于咱们重点做苹果手机配件，查看了非常多国内外同行网站，保守估计起码有30个国内外同行网站。最后决定借鉴苹果机构官网的灰色和黑色那个色彩，最后让设计重新设计主页banner，网站详情页banner亦是重点是灰黑色的。字体这块，咱们亦是借鉴了好多种，最后选取了比较合适的字体，大众能够按照自己机构的状况选取适合自己机构网站的字体，字体意见不超过3种。
网站的布局和设计--首页规划
首页规划重点包含导航条，核心制品，价值信息，底部导航这四块。导航条咱们用了这几个部分：Home, About, Products, Blog, Videos, Contact。导航条重点为认识决网站访客所在的位置，方便用户认识咱们机构品牌，展示机构信息，方便客户搜索制品和服务。Home 主页是咱们花的时间最多的版面，主页5张大banner前后修改了十几二十次吧，最后才弄出想要的style。咱们首页从上到下详细页面便是这七个部分：5张大banner，最新制品，机构介绍，代理商招聘，制品结构展示，博客。核心制品咱们日前重点是iPhone X系列制品，这个制品放在了首页5张大banner下面，客户进网站，第1眼就能够看到咱们的核心制品，方便询价。因此这个制品的详情页做的时候花了非常多时间，文案介绍，参数介绍，详情页大图等亦是修改了七八次。后期会思虑做些内链，链接到这个核心制品上面。
价值信息咱们放了真实客户的评估，思虑到首页网速加载问题，放在了About us页面。首页传递给客户的信息便是咱们机构做高端定制制品，能够供给OEM/ODM服务，首页的代理商招聘，便是咱们想要传达给客户的，让客户作为咱们代理商，这是个比较核心的Call To Action.底部导航咱们放了机构的社媒链接，客户能够直接从网站到达机构的各大社媒频道，能够快速认识咱们的最新动态，由于有些即时信息是适合放在社媒的，不太合适放在官网的。底部导航增多了机构的品牌介绍，进一步强化了代理商合作按钮，亦放了机构重点制品，方便客户从底部转到制品详情页。 
网站的布局和设计--列表页规划
列表页咱们采用了2级目录，这个亦是参考了非常多同行的，发掘客户都比较懒，因此尽可能把所有制品型号所有陈列出来，客户爱好哪个型号点击那个型号就好了。因为Jack机构制品SKU不多，做的又是单一制品，因此列表页规划暂时介绍到这了。区别行业目录参考标准肯定亦不同样，这儿大众按照自己机构和行业特点，针对性做目录。 
网站的布局和设计--详情页规划
详情页这块咱们还是花了非常多心思的，日前展示效果还是挺不错的，详情页咱们重点做了展示规划和卖点规划。展示规划第1次思虑的便是照片的尺寸了，由于桌面端和移动端照片展示尺寸是不同样大的，因此咱们用了主题举荐的1920*750尺寸，在上传照片的时候选取了original尺寸，由于不选取original尺寸，系统默认是480*480，这般子显出很不自然。思虑到网页加载速度问题，咱们无做Gif动图，便是简单的图文+参数表格，后期可能会放YouTube视屏链接，做到照片文字表格视屏四位一体。卖点规划，借鉴了非常多国内外同行的，机构的业务按照客户那边的反馈，提炼了非常多针对客户痛点的卖点，比之前的卖点要好有些，后期看到同行或客户好的卖点，会在借鉴过来，卖点总结是个连续性学习的过程。 
三 站内内容和SEO优化
网站的布局和设计敲定之后，咱们就进入下一部分，站内内容和SEO优化了。这一起重点有三个部分：内容原创，照片优化，站内SEO优化。 站内内容和SEO优化--内容原创 内容原创顾名思义便是供给给客户咱们自己原创的有价值的内容，内容最重要功效是给客户供给价值，能够借鉴同行和客户的内容，再结合自己机构的制品特点进行加工修改，这种的伪原创亦是能够的。亦能够把框架搭建好，外包给老外写手，后面咱们自己在修改优化。 站内内容和SEO优化--照片优化 照片优化重点包含：照片的体积，照片Alt标签，照片命名规划。通常照片尺寸越大加载速度越慢，到了后期网站照片多了，网速会更慢。倘若机构有设计和美工，务必让她们把照片给咱们的时候压缩下。倘若机构无设计和美工，咱们能够运用Tinypng这个工具压缩照片，这个工具一次性最多压缩20张照片，每张照片尺寸不超过5M都能够。大部分照片能够压缩到之前体积的80%，加入之前照片是100Kb, 用这个工具压缩后就变成20Kb了。倘若网站1000个照片体积都能够压缩80%，那样网速会加强非常多。 
照片Alt标签准许你供给文字描述给照片（通俗点便是在Html代码给照片命名），这般子做有3个好处：好处1. 当你照片加载不出来的时候，alt文本会显现替代照片，假如你照片alt命名为rugged tablet, 照片没加载出来，网页会表示rugged tablet这个，假如你照片直接从相机复制到网页，会表示2849，2849是你相机第2849张照片，你的受众很难理解2849是什么意思。好处2. 帮忙视力阻碍的人阅读，视力阻碍的人会使用辅助程序例如屏幕阅读器将alt属性的可读文字所有读出，让用户以聆听理解影像内容。在维基百科中，影像指令都是做为链接存在因此都会输入alt属性。好处3.帮忙加强照片在Google Image 的排名，这般子用户用谷歌照片搜索rugged tablet时候，咱们排名靠前，亦会增多网站流量和排名。
照片命名规划，咱们需要针对区别的型号制品创立区别的制品文件夹，而后先去搜集区别型号的关键词，再把这些关键词和这些制品命名。制品命名的好处能够方便自己找照片，亦方便接收咱们照片的同事和客户，他那边不打开照片的状况下，能够看到关键词，大概晓得是什么制品。 站内内容和SEO优化--站内SEO优化 站内SEO优化重点便是On Page SEO单页面优化了，包括这八个地区
1、站内标题、描述、H1标签
2、关键词的密度、LSI关键词以及TF-IDF关键词的移植
3、页面的文案
4、站内的内链以及导出外链
5、301、404的反常链接检测
6、搜索者意图分析
7、单页面的速度测试
8、链接建设策略关于On Page SEO单页面SEO优化，大众能够看我之前写的：
On Page SEO 单页面优化,你需要晓得这8点
以上这些便是怎样用shopify搭建营销型网站的所有过程了，最后咱们再复盘一次怎么用shopify搭建营销型网站。重点是先选取一个合适的运营系统，WordPress, Shopify, Magento, The choice is yours。第二个便是确定网站的布局和设计了，这一起比较费时间，需要好好构思。第三个便是做站内优化了。贴心的Jack为大众准备好了思维导图，老规矩需要思维导图PDF的私信我。 
（源自：好学的Jack）
以上内容属作者个人观点，不表率雨果网立场！本文经原作者授权转载，转载需经原作者授权同意。
上雨果网搜索“跨境资料库”,领取欧美/东南亚各国市场商机、各大平台热销品报告、跨境电商营销白皮书！
| 
发表于 2024-10-14 04:19:19