76 / 100 SEO Score


以往的文章,我们介绍了很多搭建独立自建站的方式,有 最省事的Shopify最专业的Magento以及最省钱的Wordpress Woocommerce。其中,通过主机托管的方式又分了免费的谷歌云vps主机1美元Godaddy主机以及SiteGround专用主机三种。老实说,搭建独立自建站的方法方式实在太多了,有免费的,有廉价的也有商业版的,有共享主机、有独立主机还有vps服务器,选择哪种方式,哪款主机,也只有真正试了才直到。 没错,上述的这些方法方式,我都亲身折腾过。从个人实际需求和建站方式来看,Shopify虽然足够省事也更加容易上手,不过因为价格偏高以及无法完全掌控,它并非我的首选方式。而Magento虽然是开源软件,从电商专业性来看,首屈一指,但老实说,即便像我这样的专业技术人员折腾起Magento,也有些费劲,作为电商卖家,把时间浪费在折腾技术上,有些方向性错误,所以,只能放弃Magento。最后,选择了相对轻量级的WordPress开源程序,搭配WooCommerce电商插件来搭建独立自建站。

韩寒说:
这个世界就是这样,好马配好鞍,好船配好帆,王八对绿豆,傻逼配脑瘫,没有太大意外的情况下,万物都会自然归位。

既然选择了WordPress开源程序,搭配WooCommerce电商插件来做,首先第一件事情就是为它找一个好鞍。 同样,我们首先考虑到的是谷歌云免费赠送的300美元赠金,你可以不花一分钱,在谷歌云搭建好一个独立自建站。但最后,我们放弃了,谷歌云虽然速度、性能上足够优秀,但什么事情都得亲力亲为,特别是本身并不自带FTP、不装phpmyadmin、不能直接本地SSH、没有技术经验的卖家,驾驭谷歌云可谓相当痛苦,索性放弃。 第二个选项,Godaddy1美元超高性价比主机,事实上,这是一个不错的方案,第一年,只需85元人民币,即可获得一个.com域名和一个经济型主机。但作为商业独立自建站,godaddy的这款经济型主机无论是从速度还是性能以及配套服务上对商业网站来说都显得捉襟见肘,或许因为用的人实在太多了吧,让服务器不堪重负,而且这款主机只允许搭建一个网站,只能放弃。 最后选择了SiteGround主机,老实说,之前,我并不知道SiteGround是WordPress官方推荐的主机服务商,也只是从一些海外自媒体在主机对比评价上才了解到SiteGround。因为 SiteGround 对正常运行时间、速度、安全性和客户服务支持的出色表现,SiteGround在Facebook上多项民意调查中成为获得最高排名的网络主机服务商。 于是,抱着试试看的态度,购买了SiteGround主机,经过一段时间的体验与测试,体验了主机的速度性能情况、体验了他们的客户支持情况,甚至还体验了他们的退款速度情况,最后,我想我找到了一款性价比超高的主机。我承认起初我有点怀疑,但现在我也把网站迁移到了SiteGround上。也算是给WordPress和Woocommerce找到了好鞍。关键一点是少花钱,把事情办好。下面,我们就一步一步,化繁为简。分享如何用WooCommerce在Siteground主机上搭建独立自建站完整教程。

前期准备

开始之前,我们先说一下搭建一个完整的独立自建站的总体成本支出,这里指的是搭建,不包括后期推广。

.com国际域名8.66美元
Siteground主机GrowBig计划119.88美元
Avada商业主题模版60美元
SSL安全证书免费
CDN加速免费
总费用188.54美元(1318元人民币)

建站必备一:SiteGround主机  建站必备二:NameCheap域名

建站必备三:Avada商业主题模版

没错,总共花费980元人民币。我们先完成准备工作:

购买域名

买域名:很多服务商都提供注册域名服务,尽量选择海外域名服务商,月光博客告诉你《为什么不要在中国注册域名》,规范一些,安全一些。另外,我只建议注册.com域名。可以到 www.namecheap.com 上购买,就如这家公司的域名名称一样,name cheap,特色就是域名便宜卖。不过你还能再便宜一些,google找一找优惠码,比如这里的 MYFIRSTDOMAIN ,总共8.66美元,相当于人民币59元,我想似乎很难找到更便宜的价格了。记住优惠码:MYFIRSTDOMAIN (仅限namecheap的新用户)。

进入 www.namecheap.com 注册.com国际域名

购买主机

进入www.siteground.com官方网站 ,官方提供了三个购买方案,这里推荐选择GrowBig计划,这个可以搭建多个网站,三个方案可以参考官方的对比说明。点击 GET PLAN  注册下单购买,

  • StartUp:6.99美元/月,只能搭建一个网站;
  • GrowBig:9.99美元/月,搭建网站数量不限;(推荐)
  • GoGeek:14.99美元/月,搭建网站数量不限

进入 www.siteground.com 购买GrowBig计划主机 虽然付款页面只有信用卡一种方法,实际上联系客服可以使用PayPal付款。

购买商业主题模版

商业模版虽然并非必须的选项,也有很多免费的模版可供选择。但是,作为专业卖家,我还是建议购买一款更加专业的商业模版,有助于网站的seo优化、加载速度、移动版本适配等等。 在跨境电商行业卖家人群中,并非人人都是技术出身,擅长美工与编程,其中,能掌握一些html网页代码和CSS样式表的卖家,已然算的上是有些技术基础的专业人员了。而独立自建站如同玉石,需要不断地用刀去雕琢,去其糟粕,取其精华。在目前大部分卖家并不具备美工与编程技能的条件下,从业余走向专业,靠的就是商业模版的。 《为何ThemeForest上一款售价60美元的网站模版可以卖出50万套?》一文向大家介绍了WordPress行业最具传奇色的主题模版- AVADA 。没错就是这款售价60美元,全球销量超过53万套的商业主题模版。

老实说,很多人是无法理解老外这种人傻钱多的做法的,怎么会有人花钱去买主题模版,还一卖就卖50万套。我们国内某宝上高仿或者同款只要10-20块人民币,百度上破解版一大堆,免费。好吧, 这里暂且把这种区别理解为文化差异。 Avada是一家美国公司开发的WordPress商业多功能多用途模版,2012年发布,至今更新迭代7年。与其说其是一套模版,不如说是50多套模版。Avada实际上是一个多用途Multi-Purpose商业模版,内置了适用各个行业的演示主题,这种设计让用户可以根据自身需要个性化定制网站,制作任何类型网站。一套专业精美的商业模版价值不言而喻。优质的商业模版从网站经营的方方面面考虑去编写代码、优化结构,比如seo优化、多终端适配、加载速度、视频支持,甚至是字体设计等等。

在电商应用中,AVADA与WooCommerce高度融合,处处体现出AVADA的专业特性。

进入 themeforest.net  购买Avada商业主题模版

基本设置

域名解析设置

域名解析分为2种方式,一种是直接将域名的DNS更改为Siteground的DNS。什么是域名DNS,三言两语也说不清,可以参考维基百科介绍。一般在注册域名时,默认情况下,域名服务商都会直接给域名配置上自己的DNS服务器地址。

更改DNS为Siteground的DNS

第一种方式,直接更改DNS为Siteground的DNS(推荐方式 而这里为了能全面启用Siteground的各项功能与便捷服务,第一步需要做的事情,就是将原域名服务商的DNS更改为Siteground的DNS。 因为每个Siteground主机所在机房不一样,提供的DNS服务器地址可能不太一样,需要登录到Siteground后台,再进入对应的网站管理界面中,在Site Information中找到自己站点的ip和DNS信息。

DNS

新加坡机房通常是siteground.asia后缀结尾,美国机房通常是Siteground.us后缀结尾,先找到自己的DNS。 接下来,再进入namecheap.com(在哪里注册的域名,就到哪里去管理) 登录到自己的域名管理面板,在NAMESERVERS一栏将默认的DNS更改为在Siteground后台找到的DNS信息。比如下图中的从namecheap.com购买的域名的管理后台,在Custome DNS选项中,把DNS改成Siteground的DNS。

完成后,通常1-24小时,DNS服务会生效。生效后,以后需要对域名进行解析或者其他管理,无需再进入namecheap.com管理界面了,而是直接在SiteGround的控制面板的DNS Zone Editor中进行解析管理。

不更改DNS,直接进行域名解析

第二种方法:不更改DNS,直接进行域名解析。(不推荐 实际上,如果不将DNS更改为Siteground的DNS,反而会让工作变得更复杂,使用Cloudflare CDN也需要另外手动方式进行解析设置。做法是:先进入你的域名管理控制面板,添加两条A记录,Host主机名分别填写@和www,value值填写从siteground购买的主机ip地址,解析时间通常1小时到24小时生效,不同的域名服务商略有不同。

所以,为了工作方便,这里建议直接修改成siteground的dns。后续的开设邮局、Cloudfare DNS启用这些都可以快速完成。

检测域名DNS生效情况

可以通过:https://www.dnswatch.info/ 进行检测,当结果出现siteground DNS记录时,表示已经生效。

开设企业邮箱

开设企业邮箱有2种方式,一是腾讯免费企业邮箱,二是SiteGround自带的企业邮箱。以往我曾推荐使用过腾讯企业邮箱。不过,随着SiteGround新版管理后台的推出,SiteGround已经升级优化了自带的免费企业邮箱,使用的便捷性也比以往要高出很多。相反的,腾讯企业邮局为了推广其付费商业邮箱服务,刻意弱化了免费版的邮箱,开设流畅繁琐。 所以,我建议直接使用SiteGround新版管理后台中内置的企业邮局即可,操作简单,也非常好用。 操作方式: 进入主机网站管理界面,左侧EMAIL,点击 Accounts,在右侧添加邮箱账号和密码,点击CREATE创建按钮,即可创建好一个新的邮箱。注意了:因为DNS使用的是SiteGround自带的DNS,默认情况下,邮箱的MX记录已经添加到DNS的解析记录中,所以,不需要额外做域名解析。只需添加邮箱账号,即可直接使用邮箱。

SiteGround内置邮箱的配置中可以针对不同的邮箱客户端生成配置插件,如下图: 点击IOS for IPhone…会自动生成一个配置文件,把文件发送至iPhone手机中,然后按照下图操作,一步一步完成配置。

你也可以手动填写对应的参数完成客户端邮箱配置。

 

主机启用

进入管理界面,点击右上角的 NEW WEBSITE 创建新的网站。已经创建好的网站会出现下图My Websites中。

因为此前已经在 NameCheap 注册了域名,所以,这里选择Existing Domain,输入域名,点击CONTINUE,进入下一个流程。 这里选择建立一个新的网站,在应用程序中,选择WordPress程序,然后会出现wordpress登陆信息输入框,分别网站输入用户名和密码,最后点击continue,进入下一个流程。

这里会出现一个提示,是否添加SG Site Scanner,用来实施监测网站被攻击情况,并及时发出通知。这是付费服务,每年19.8美元,不建议添加,土豪自便。最后点击FINISH完成。

到这里,提示你的网站已经创建完成,反馈的信息中提示你去修改域名DNS记录。如果你是在siteground购买的域名,这项工作siteground已经自动完成,如果是其他地方注册的域名,需要进入域名管理后台,把DNS修改成这里的。

然后,我们再打开网站,这时候,网站已经可以正常打开了,出现了WordPress网站标准样式。到这里,一个最基础WordPress网站就搭建完成了,非常快速简单。

进阶安装与设置

安装SSL安装证书

SSL安全证书的重要性不言而喻,特别是电商网站。从2017年10月开始,Google开始在Chrome浏览器中将未启用ssl安全证书的网站标记未“不安全”-“Not Secure”。事实上,早在2014年,Google就已经将https作为影响搜索排名的因素之一,并且逐渐加强了它的权重。《小米等联合声明:呼吁运营商严格打击流量劫持》这篇文章告诉大家,没有ssl安全证书的网站是随时存在被劫持冒充的风险的,一般的流量劫持是不能对使用https或者其他加密手段的网页浏览起作用的。

Siteground的主机提供了免费的安全证书,进入SITE TOOLS主机管理后台,点击左侧菜单栏的ssl  manager,在右侧的下拉选项中分别选择要安装的域名和Let’s Encrypt。    刷新后,很快我们看到的了状态已经变成了active 激活状态。接着在下面的https enforce设置一下强制启用https跳转,可以确保你的网站处于完全加密模式中。 进入wordpress网站后台,在settings里面,把url也改成https:// 最后,我们再重新刷新网站,这时候,看到浏览器地址栏上原先的“不安全”三个字已经消失,变成了一把小锁,表示你的网站安全证书已经启用生效了。

安装商业主题模版

进入wordpress后台,在左侧的Appearancecai菜单中,点击下面的themes,上传安装主题模版。

安装完成后,点击激活主题。

接下来需要利用商业购买获得的序列好激活AVADA主题模版。在下面选项卡中切换到Regisitration中,输入你的序列号。获得序列号方式请参考页面中的获取提示完成。

 

激活主题后,我们需要导入演示数据和安装一些插件。首先,从Avada的五十多款模版中,找到自己的需要的模版,然后,点击Import按钮,先安装激活插件,然后在下面的import content中导入演示数据。

安装WooCommerce电商插件

接下来,我们继续完成安装设置woocommerce电商插件。点击左侧菜单 WooCommerce,运行后侧 Run the Setup Wizard,开始安装WooCommerce插件。 安装WooCommerce过程并不复杂,大概6个步骤,一步一步按需填写完成。 Payment默认可以启用Stripe和PayPal这2种收款方式。关于Stripe,《选择PayPal还是Stripe?合规为王 专业制胜 全面解读独立自建站跨境电商收款解决方案》这篇文章可以帮助了解这2种收款方式的介绍与对比。 然后,根据自身需求进行发货设置。如果以美国市场为止,这里建议直接设为Free Shipping。如果不向其他国家销售,可以在下面设置为取消。 官方推荐安装的几个插件,建议安装。 连接JetPack,建议。也可以跳过,稍后设置。 最后,完成

到这里,WooCommerce电商插件就算安装后了,我们还有最后一步要做,为了更方便理解各项功能,我们需要导入模版原始参考数据,可以得到一个完整的网站内容。 到这里,整个网站就算基本搭建完毕了。在浏览器中输入网址,你会发现一个全新的非常专业的独立自建站已经搭建完毕。一种成就感油然而生。接下来要做的事情,就是完善自己网站内容、上传自己的产品,更换logo,以及调整促销内容。

网站优化设置

无论是google SEO优化还是用户访问体验,无论是手机版还是电脑版本,网站的打开速度至关重要。SiteGround 的主机速度技术是多数人选择它最大原因之一。SiteGround使用NGINX引擎,SSD磁盘,PHP 7.3版本,一键式Cloudflare CDN和HTTP / 2服务器的强大组合 。更关键的是,他们针对wordpress开发的SG Optimizer插件和Supercacher将进一步缩短加载时间。 我们要做的事情就是让网站速度越快越好。

启用Cloudflare CDN加速器

CDN的全称是Content Delivery Network,即内容分发网络。简单点说,它就是帮你把网站内容生成N个副本同步到位于全球地理位置不同的N台服务器上。美国用户就近访问美国的网站副本,英国的访问英国服务器上的副本,日本就就近访问日本的副本。最最终目的就是保证用户以最快的速度打开网站,提升用户访问体验。CDN甚至是Gtmetrix评估网站速度和性能的一项重要指标。 Cloudflare CDN是Siteground主机特有的一项功能服务,无论你购买的是哪个方案的主机,都可以免费使用siteground主机内置的这项服务。 首先,点击进入左侧SPEED菜单下的Cloudflare,在右侧点击set up进行创建。 然后点击免费激活 ACTIVE FREE按钮。 然后,等待同步生效,就这么简单。 为了核实是否设置正确,可以在DOMAIN菜单下,点击DNS Zone Editor,查看右侧是否添加了2条cdn指向记录。如果有,表示设置正确,等待生效即可。如果没有,可以按照提示手动添加2条CNAME记录。不会的话,联系客服帮你手动添加。 就下来是进行一些CDN的优化设置,参考下图启用对应的项目。 如何确认CDN是否生效启用,有2种方式:

检测CDN是否生效方法一

1、您可以通过:https://myssl.com/cdn_check.html网站查询检测,输入你的网址,点击检测。

当检测结果出现  CLOUDFLARE.COM 字样时,表示CDN已经启用生效。

检测CDN是否生效方法二

2、查看浏览器上的小锁,点击“证书”,当证书内容出现 cloudflaressl.com 字符时,表示CDN生效了。

Cloudflare CDN已经生效

Let’s Encrypt的ssl证书,表示Cloudfare cdn没有生效。

这时候,你再去 https://gtmetrix.com/ 进行网站性能速度检测时,CDN这一指标就变成了满分。

升级php版本

很多人并不知道php的版本新旧直接影响网站速度的快慢。尽量保持php版本处于最新状态,这样做可以让你的网站比之前的快2-3倍。这里有一些来自wordpress.org官方的数据统计记录,其中一项就是php版本的统计。高达30.8%的网站仍然在使用过期的php 5.6版本,只有不到3%的网站采用最新的7.3版本。

PHP版本性能基准测试对比: 最新的php 7.4版本对于还在被大多数网站使用的php 5.6, Requests/Sec是其三倍。

kinsta做的这项测试得到了如下结果:

与PHP 5.6相比,PHP 7.3每秒执行的请求数几乎是其三倍。PHP 7.3平均比PHP 7.2快9%。

这也是为什么启用php最新版本的重要性。需要注意一点,并非版本最新的就是最好的。目前,一些程序和插件并不支持最新版本php 7.3.5,强制切换会出现很多错误。所以,如果出现错误,建议切换成php 7.2,升至更低的版本,保持速度最快,性能最佳状态。也可以通过修改程序以满足最新版本要求。启用方法也很简单。

切换php版本方法一

左侧DEVS,然后后侧找到对应的版本,启用即可。

切换php版本方法二

另外,如果你的wordpress网站安装了siteground的SG Optimizer插件,也可以直接在wordpress进行独立设置。

启用SuperCacher缓存功能

SuperCacher是SiteGround自己开发的一个缓存功能,可以大幅提升网站的加载速度,提供4种不同的缓存选项,最大程序优化网站。根据官方测试显示,同时使用静态和动态缓存以及Memcached的网站可以处理比没有任何缓存的常规网站多100倍的点击量! SuperCacher一共有3个等级,分别是静态缓存、动态缓存以及高性能Memcached。其中,动态缓存以及高性能Memcached只向GrowBig方案主机开放。 缓存加速,顾名思义,仍然是一种对网站进行加速的功能。具体的深层次原理,我也是一知半解,这里就不故作玄虚了。如下图所示,测试表明,同时使用NGINX Direct Delivery和动态缓存以及Memcached的网站可以比没有缓存的普通网站处理100倍的点击。 别客气了,能开启的都打开,在网站速度提升问题上,网站主应该始终竭尽全力,保障速度。

安装SG Optimizer插件

SG Optimizer优化插件由Siteground官方开发的一款wordpress优化插件。在你搭建wordpress网站时,默认情况下,会同时在你的wordpress网站后台安装好这款wordpress插件。 插件没有太多可讲的地方,里面的部分功能和Siteground主机后台里的不少功能是同步的。比如php版本设置,你即可以在主机后台设置,也可以在wordpress网站后台设置。

使用我们的优化插件为您的WordPress网站获得最佳性能。 它处理高速缓存的网站的缓存,系统设置和所有必要的配置。 启用SiteGround Optimizer后,您将从托管环境中获得最大收益!

当然,既然有利于网站速度提升,服务器性能优化,一般来说,能开启的就尽量开启。不过,有些功能开启后,可能会影响网站外观或一些插件功能的使用,如果出现这些问题,就取消掉影响到的项目即可。

安装好后,进入设置,到这里,我们的网站已经处于一个速度高度优化的状态。

总结

我们在Siteground主机上通过安装WordPress开源程序,加载WooCommerce电商插件完成的独立自建站,整个搭建过程并不复杂。特别是GrowBig方案,可以不限数量搭建多个独立网站。你可以很方便的在Siteground主机搭建独立自建站、搭建个人博客、搭建Chevereto图床程序、搭建独立的LandPage着陆页等等。 当然,还有那些Siteground主机内置的各项配套功能,比如每天备份、免费ssl安全证书、免费CDN加速以及php最新版本等等,充分保障网站开启速度。这些工作对于用户体验以及google SEO优化起到了至关重要的作用。 少花钱 把事情办好,一步一步 化繁为简,自己动手用WooCommerce在SiteGround上搭建独立自建站,一起来体验DIY的乐趣。

建站必备一:SiteGround主机  建站必备二:NameCheap域名

建站必备三:ThemeForest折扣商业模版