Astra主题免费版建外贸网站教程

2020年11月22日 阅读数:6
这篇文章主要向大家介绍Astra主题免费版建外贸网站教程,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

超详细10000+字的外贸建站教程,图文、视频兼备。除了域名主机,WordPress主题、插件统统是免费版,零经验的你也能建个靠谱的外贸网站,只要肯花点时间照着步骤作就能行,我选用了大牌的Astra主题,速度快、质量有保证,配套的功能插件也都是选择了用户多、评价好的插件,对起步阶段的Soho外贸人颇有帮助~
原文首发于:https://loyseo.com/create-business-website-with-astra/css

本教程的外贸建站要花多少钱?

  • 域名费用:20~30元/首年,次年起50-60元/年web

  • 主机费用:400~900/年浏览器

  • 主题费用:0缓存

  • 插件费用:0安全

  • 教程费用:0服务器

建站基础 – 选购域名和主机

在用Astra主题建外贸站以前,先按照以下步骤逐一操做,点击连接能够查看对应教程。微信

  1. 注册域名app

  2. 购买WordPress托管主机,在下面两篇文章中,我只选择了有服务器缓存配置的套餐,由于这会提高网站速度,而网站的速度对用户的流失率有很大影响。dom

  3. 购买Siteground的WordPress主机的注意事项编辑器

  4. FastComet主机介绍、优惠券、测评

Siteground是WordPress官方推荐主机之一,品牌和用户规模比Fastcomet大,二者的五星好评都是90%+,但FastComet比Siteground便宜,Siteground的管理工具更易用一些。

具体选谁?看你的预算啦,我通常选购1-2年,买过久如果主机表现变差了,也很差退费,嫌续费太贵我就给网站换个主机ヾ(o´∀`o)ノ,换新主机前看下是否提供免费搬家服务或搬家插件哦,一般至少是提供一个网站免费搬家的

值得一提的是,FastComet比Siteground在网站速度评测时还略胜一筹。我将我作的外贸模板站分别放到两台服务器上,都开启了CDN以及WP Rocket,而后用Fastorslow分别测试,数据以下:

下图是Fastcomet的Fastorslow评测数据

fastcomet review and tutorial 17

下图是Siteground的Fastorslow评测数据

fastorslow给站点测速-2

前往Fastcomet

前往Siteground

  1. 买完主机后,去主机上安装WordPress和SSL证书,教程以下

  2. 如何在Siteground中建立Wordpress网站

  3. 如何在Siteground中给WordPress网站安装SSL证书

  4. Siteground主机

  5. Fastcomet主机建站教程

  6. WordPress安装完成后,你能够用帐号密码登陆网站后台,这里还有登陆网站后台的4种方法

  7. 安装完SSL后,还须要检查下url是否都改成了https,请看:将网站中的http改成https(2种方法)

  8. 在网站完成之前,设置“建议搜索引擎不收录”

好啦接下来咱们即可以开始安装Astra主题,开始捣鼓网页啦

安装Astra主题免费版

Astra主题是知名的轻量主题,也就是说它的体积小、网站打开会比较快。网站打开速度慢,用户就都溜了溜了~

1.进入WordPress后台的Appearance 》themes页面,点击Add New按钮

astra tutorial

2.在添加主题页面中,搜索Astra,找到对应主题后,点击Install按钮

astra tutorial

3.安装完astra后,点击Activate激活主题,接下来咱们导入网站模板

astra tutorial

相关教程:如何安装wordpress主题(3种方法)

Astra免费版主题如何一键导入网站模板

Astra免费版依旧提供了50+套免费的网站模板(真良心!),网站模板里会包含一个网站经常使用的必要页面。

进入Appearance 》 Astra option页面,找到右侧的install importer plugin,点它安装导入模板的插件

astra tutorial

安装完成后,咱们将看到以下界面,让咱们选择网站模板的页面编辑器,这里咱们选择Elementor,由于它是时下最热门最好用的Wordpress page builder(页面编辑器)。

astra tutorial

接下来咱们看到了模板列表,筛选出免费的模板列表,请根据你的喜爱选择模板,咱们如下图中的organic store为讲解示例,这是一个电商的网站模板,咱们会将它改造为B2B的网站。

astra tutorial

选中模板后,咱们能够去预览一下,也能够直接点击import complete site按钮导入全部页面及内容

astra tutorial

在导入设置中,默认会自动安装必要的插件,你能够不导入样式设置(customizer setting)、widgets(小工具,一般用于侧边栏)、content(内容,譬如文章、产品),但对新手而言,个人建议是保持默认设置,点击Import。

如果你想更换模板,为了避免引发内容混乱,再次导入时,记得勾选下图中的delete previously imported site,以便删除已有模板的内容和设置。

astra tutorial

接下来咱们静静等待网站导入,不要关闭页面,导入完成后将看到下图。

如果导入失败,系统会给与缘由提示及解决办法。

如果导入成功,但网站依旧不是模板的样子,那么请二次导入试一试。

此外,部分服务器(譬如WPXhosting)由于安全策略缘由,不容许作导入动做,或是导入完成后,依旧仍是导入前的老样子,此时,你就须要联系主机商的客服来解决了。

astra tutorial

导入完成后,咱们查看一下网站,大功告成。

astra tutorial

因为过多的插件会影响网站的速度和安全,因此用不上的插件就禁用并删除掉。见下图标红的插件:

  • CartFlows和Woocommerce Cart abandonment recovery插件是随模板安装的B2C所需的插件,若是你是制做B2B站点,能够将他们禁用后删除。

  • Starter Templates是导入网站模板时用到的,若是你不须要再导入模板了,也将它禁用并删除。

astra tutorial

设置网站Logo、Icon、名称

网站模板导入完成后,咱们开始设置网站的logo、icon(显示在浏览器页卡中的小图标)、网站名称(site title)及标语(tagline)。

以下图所示,在appearance 》 astra option页面中,点击upload logo进入

astra tutorial

astra tutorial

进入后将看到左图,咱们依次:

  1. 上传logo,最好用透明的png格式图片,不超过20K。

  2. 设置logo的宽度,在图中咱们能看到一个小电脑图标,点击它能够切换到平板、手机设备上的logo宽度设置

  3. 上传网站图标,要求正方形512px,5K左右

astra tutorial

咱们继续设置网站的标题和标语

网站标题通常会展现在每一个页面的标题中,而tagline通常展现在首页的页面标题中。

当你打开网站,把鼠标放在浏览器标签页中时,就能看到它们,具体以下图所示。

astra tutorial

  • 1是以前上传的site icon

  • 2是网站名称(site title)

  • 3是tagline

相关教程:WordPress安装后必需要作的10件事

修改导航菜单

相关教程:如何在WordPress中制做导航菜单(7个功能点),你能够按照这个片教程给菜单内容进行增长、修改、删除、排序。

去掉菜单中的无用页面

去掉咱们用不上的页面,譬以下图中的Account、My account、Cart。

astra tutorial

去掉购物车图标

进入Appearance 》Customize 》 Header 》 Primary menu页面中,将last item in menu从woocommerce(购物图标)设置为seach(搜索图标)。

astra tutorial

astra tutorial

安装必要的插件

此时网站仍是缺乏很多功能的,譬如询盘表单、询盘邮件通知等等,请在WordPress后台直接安装这些免费插件,相关教程:如何安装wordpress插件(3种方法),安装完成后记得active激活他们。

  • Essential Addons for Elementor:Elementor的元素扩展包,包含了产品、文章、Ninjaforms表单等元素块,Astra免费版和Elementor免费版都不提供这类元素块,网站模板里是使用Woocommerce简码实现的产品展现,不利于咱们设置。

  • Elementor – Header, Footer & Blocks:用它能用Elementor免费版制做网站的页头、页脚,这个插件在导入模板时已经自动安装了

  • Ninja forms:实现询盘表单

  • Post SMTP:实现询盘邮件通知

  • Custom Product Tabs for WooCommerce:实现产品页面询盘表单标签页

  • Code snippets:可安装功能短代码,譬如:安装google analytics跟踪代码、更换站点管理员地址

  • Wordfence:实现网站安全防御

  • WPS Hide Login:自定义网站登陆地址

部分插件此处未说起,在下文中介绍到对应功能,再安装便可。下文咱们会逐一介绍这些插件的使用教程以及用处。

网站安全防御

插件安装完成后,按以下两篇教程给网站增长安全防御。

修改联系咱们页面

本教程选的模板中缺乏了联系表单,咱们要将它补充完整,请按下面的教程逐步完成操做。

  1. 用Ninjaforms添加联系表单

  2. 建立免费的企业邮箱

  3. 用Post SMTP配置询盘通知邮件和记录邮件发送记录

接下来,咱们将表单放入到联系咱们页面中

在网站all pages页面中,找到contact页面,点击edit with elementor。

astra tutorial

在页面左侧的工具栏中,输入ninja搜索,将图中标记有EA的ninja forms元素块,左键按住拖拽到右侧页面中的目标位置。(若是你没安装Essential Addons for Elementor插件,是看不到这个元素块的)

astra tutorial

而后在左侧选择以前制做的表单,Ninja forms元素块在Elementor中编辑时会出现一直在加载的状况,我目前也还没找到解决方案,但实际他在前台是可以正常显示的,因此此问题暂时搁置。

astra tutorial

咱们点击页面左下角的update的发布页面,并预览它,以下图所示,表单已经成功显示。

咱们接下要修改表单的样式,譬如:隐藏表单标题,修改字段标题的粗细,修改输入框内部的颜色、修改提交按钮的样式。

astra tutorial

表单样式修改完以后是下图所示效果,接下来咱们逐一操做。

astra tutorial

隐藏Ninjaforms表格标题

咱们依旧还在Elementor编辑联系咱们页面中,左键点选刚才在页面中添加的ninja froms表单,以下图所示,在左侧的工具栏中,将Title开关关闭,保存一下页面去预览一下标题是否隐藏成功,若是失败,那么继续下一步。

astra tutorial

去编辑这个Ninja forms,在Advanced – display settings中,将display form title关闭,保存表单后,再去预览联系咱们页面,标题会成功隐藏。

astra tutorial

隐藏Ninjaforms表单的标*字段必填的提示文案

在表单标题的下方有一段话:“Fields marked with an * are required”,这个能够说是常识了,无需赘述,因此咱们将这段话隐藏,须要用到自定义CSS功能。

1.进入appearance 》 customize页面

astra tutorial

2.点击底部的additional css

astra tutorial

3.添加以下代码后,点击右上角的publish按钮便可。

.nf-form-fields-required {
  display: none;
}

astra tutorial

调整Ninjaforms字段输入框的填充颜色

接着用Elementor编辑联系咱们页面的Ninja forms元素,在左侧工具栏的Style中,找到input & textarea,将background color设置为白色#ffffff,这样输入框内的填充颜色就变成了白色。

astra tutorial

调整Ninjaforms字段标题的粗细

继续,在Style标签页中,找到Lables设置字段标题的字体粗细(weight)为400,原来的字体比较粗,改成400会细一些。

调整Ninjaforms提交按钮的样式

继续,在Style标签页中,找到submit button按钮,开始设置

astra tutorial

  • 将宽度(width)设置为全宽,也就是宽度会铺满。

  • 在normal状态下,将background color设置为你想要的颜色

继续选择hover标签,设置鼠标悬停于按钮时的文本颜色(text color)与按钮背景颜色(background color)

此时,样式修改已完成,咱们预览一下页面,因为预览时是在管理员已登陆状态下查看到的样子,并非用户真正看到的样子,咱们还须要更换一个浏览器或无痕状态下去查看网页是否如意,结果我便发现按钮的异常,在管理员预览模式下是正常的,而换个浏览器时,按钮就变成了圆角,而且不是全宽。(以下图所示)

astra tutorial

因而,我又从新修改了一下按钮的设置,以下图所示,改完后保存、换个未登录后台的浏览器查看,一切正常了。

  • 将width改成custom,100%

  • 将border radius(按钮的角半径)改成0,这下就会变成直角。

添加博客页面

这套网站模板缺乏了博客页面,博客页面能够用于发布产品相关的知识文章、公司动态等,若是不想写博客,emm,那网站收获询盘的可能性就低了许多,你看咱们日常买一些大件,也会多方看评测、知识型文章,而这些文章就在潜移默化中决定着咱们的购买意愿。

接下来进入具体操做,提供两种解决方案,一种是用Elementor制做博客页面,这种方法复杂一些,不过能学到元素的使用方法;另外一种是用主题自带的博客列表模板,这种方法简单,这两种方法你都看一下,由于在第二种方法里介绍了博客详情页的显示项与侧边栏的配置。

用Elementor制做博客页面

  1. 在后台,找到菜单pages》add new,点击进入

  2. 输入页面标题Blog,点击Edit with elementor

astra tutorial

为了保持设计的一致性,咱们从about us页面复制标题模块到Blog中

请使用Elementor编辑about us页面,以下图所示,邮件点选模块,再点击copy复制标题模块

astra tutorial

而后回到博客页面右键粘贴这个模块,复制完成后,咱们发现跟about页面不同,用elementor编辑about页面时,顶部未显示导航,由于about页面设置的是透明导航,咱们也将blog页面一样设置一下。

astra tutorial

进入后台的all pages页面,找到blog,点击Edit。

astra tutorial

在右下角找到transparent header设置,选择Enabled,而后update页面便可。

astra tutorial

接下来继续用Elementor编辑Blog页面,你能够保存后刷新一下页面,顶部的导航将消失,这表示透明导航生效了。

先修改一下标题,改成Blog,左键点选元素后,在左侧工具栏中将出现这个元素的设置项,以下图所示。

astra tutorial

而后咱们向页面中添加文章元素块,在左侧元素栏中,点击右上方的九宫格就能回到元素选择面板,输入post搜索,找到标记有EA的post grid元素,左键点选并拖拽它到右侧页面中。

astra tutorial

以下图所示,目前只能看到一篇博客文章,这是由于我们还没添加文章呢,你能够按照教程《如何在WordPress中发布和管理文章?》去添加一篇测试用的示例文章,文章要包含封面图片、摘要、分类、标签、正文,而后在文章列表中用EA Duplicator快速复制几篇文章。

astra tutorial

在上图中箭头指向位置,是每页文章数量,默认是4,有点少,能够改成8。

下图是我快速复制制做的9篇文章。

astra tutorial

而后咱们继续用Elementor编辑Blog页面,刷新一下页面获取这9篇文章数据。

以下图所示,这个文章元素有不少的配置项,我在下图中用数字标注了经常使用配置项的对应关系。

astra tutorial

若是你要改文章日期的格式,你要在WordPress后台设置。

astra tutorial

astra tutorial

我把做者头像与名字都隐藏起来了,而后将日期挪到了标题下方,同时显示了文章的分类(在鼠标悬停于图片时才会显示分类),以下图所示。

astra tutorial

你能够尝试一下每一个配置的功能,其中若看到配置项名称右侧显示了电脑图标,说明它能够在不一样设备上选择不一样的设置,这是为了让网站可以灵活的适应电脑、平板、手机设备,也就是响应式设计。

最后咱们调整一下文章元素块的上下间距,在元素的advanced标签页设置margin top和bottom的数值,以下图所示,记得锁链图标要解锁,否则margin的每一个值都是同一数值。

astra tutorial

最终,你会获得下图这样的博客页面。

astra blog elementor

相关教程:

用Astra默认的博客页面

免费版的Astra也提供了基础的博客页面设置功能的

  1. 在后台,找到菜单pages》add new,点击进入

  2. 输入页面标题Blog,而后直接发布保存

  3. 进入Setting》reading页面,设置posts page为刚才添加的blog页面(以下图所示),而后保存便可。

astra tutorial

接下来咱们去设置一下博客页面,从appearance》astra options页面的blog layouts进入

astra tutorial

进入后,咱们能看到两个选项,1.用于设置博客页面和文章归档页面的;2.用于设置博客详情页面。

astra tutorial

astra tutorial

这是博客页面的设置,请按图配好,图中的眼睛是内容显示的开关,也能够拖拽内容进行排序

astra tutorial

这是博客详情页的配置,设置完成后记得点击右上角的publish按钮保存。

接下来咱们再去设置一下博客页面和博客详情页面的侧边栏,侧边栏通常放博客的分类、搜索框、最新博客文章等等,方便用户使用。

咱们依旧在appearance》customize页面,找到sidebar,点击进入,在Blog posts和archives栏,都选择Right sidebar,这表示侧边栏将展现在页面右侧。而后点击publish保存。

astra tutorial

astra tutorial

而后咱们去设置sidebar的内容,在appearance》widget中找到main sidebar,以下图所示,咱们能看到里头有search(搜索)、recent post(最新文章)等内容了,你能够点击内容右侧的三角箭头展开查看,对没必要要的内容进行delete删除。

astra tutorial

譬如Meta一般是没必要要的,里头会放置网站的登陆地址等功能入口。通常状况下,要保留的内容是搜索、分类、最新文章,是否保留最新评论,看你的需求,譬如你的网站没开放评论,那么也就没必要要放这个模块了。

你还能够对侧边栏的内容进行拖拽排序。

astra tutorial

咱们还须要设置一下博客页面的面包屑,这是SEO的基础技术之一。

仍是在appearance》customize页面,找到breadcrumb,点击进入,以下图所示设置位置和不须要展现面包屑的页面。

astra tutorial

astra tutorial

astra tutorial

而后咱们来看下博客页面和博客详情页的样子。

astra blog page

博客(列表)页面

astra post page

博客详情页面

记得将博客页面添加到网站菜单中哦~

修改产品页面

给产品页面添加侧边栏

这个模板自己已经提供了产品列表和产品详情页,咱们先参照博客侧边栏的配置方法,给产品列表页与产品详情页添加右侧侧边栏。

咱们依旧在appearance》customize页面,找到sidebar,点击进入,以下图所示,将woocommerce和single product设置right sidebar,点击右上角publish保存。

而后咱们去设置sidebar的内容,以下图所示,在appearance》widget中找到woocommerce sidebar和product sidebar,目前能看到里头没有任何内容

咱们在页面左侧的available widgets中找到产品相关的小工具(widget),将它添加进去就能够了。以下图所示,点击小工具的右侧三角箭头,在下拉选项中找到woocommerce sidebar或product sidebar,点选中它,而后点击add widget,便可将这个小工具添加到对应的侧边栏中。

下图是我加完小工具的侧边栏,分别是产品搜索、产品类目、产品标签。

隐藏产品的价格和加入购物车按钮

做为B2B外贸网站,是不须要展现价格和加入购物车按钮的,咱们只须要在发布产品时不填写价格便可,这样加入购物车按钮也不会出现。

给产品页面添加询盘表单标签页

目前产品页面没有询盘联系表单,咱们须要借助插件Custom Product Tabs for WooCommerce,先用它添加一个标签页,放入以前在Ninja forms制做的联系表单的短代码(shortcode),而后在添加产品时加入这个标签页便可,具体操做步骤以下:

1.在网站后台找到custom product tabs菜单,进入后点击add tab

以下图所示,依次输入标题、名称,而后切换内容框到text模式,从ninja forms的dashboard页面获取表单的shortcode,黏贴到tab content中,最后点击save tab便可。

而后咱们去编辑一个示例的产品,给它添加这个询盘标签页。

进入网站后台,在all products页面任意选一个产品,点击edit按钮进入编辑

在编辑产品页面时,滚动页面到下图所示位置,进入custom tabs标签页,点击add a saved tab

而后选择刚才添加的标签页便可。

以下图所示,标签页已经成功加到这个产品里了,咱们在页面右上方找到update按钮,点它发布产品。

而后咱们查看一下这个产品,能看到Enquiry询盘标签页已经成功加入了。

emm(。•ˇ‸ˇ•。)这个插件的免费版只能一个个给产品添加询盘标签页,但我们能够用复制产品功能省点力气,因此不买付费版也是能够的,既然走免费这条路子,那就贯彻到底吧,若是想便利一些,那不如买个Elementor Pro,可以自定义产品页模板,灵活度更高,固然学习难度也比较大一些。

去掉产品列表页面的多余面包屑

因为上文中开启了astra主题的面包屑功能,可是它不能配置产品列表页面是否展现面包屑,以下图所示,出现了两个面包屑,因而咱们用短代码的方式,将woocommerce自带的面包屑去掉。

有个隐藏问题:页面标题与导航上的标题不同啊!

此时咱们要用到code snippets插件,请先学习一下如何添加短代码,而后添加一个新的短代码去掉woocommerce产品列表页自带的面包屑,代码内容以下:

/**
 * Remove the breadcrumbs 
 */
add\_action( 'init', 'woo\_remove\_wc\_breadcrumbs' );
function woo\_remove\_wc_breadcrumbs() {
    remove\_action( 'woocommerce\_before\_main\_content', 'woocommerce_breadcrumb', 20, 0 );
}

去掉产品详情页面的多余面包屑

产品详情页也多了一个面包屑,但这个能够在后台配置,不须要添加短代码。

进入后台appearance 》customize,而后按照下图所示操做,进入woocommerce》 single product,选中disable breadcrumb,点击publish保存便可。

修改产品首页的标题和Slug

上文提到的隐藏问题:产品首页的页面标题和导航菜单里的标题不同,那是由于在设置菜单时,是能够修改标题的;但页面实际名称仍是Shop。

咱们进入all pages页面,找到shop页面,点击其下方的quick edit,能够快速修改页面的标题以及slug,都改成Products吧,保持一致。注:slug,你能够当作是url。

至此,一个知足常规使用的产品页面就完工啦,包括产品列表页、产品详情页。

产品列表页

产品详情页

细心的你可能发现个人页面上是有product tags,而你那儿可能没有,那你去修改一下几个产品,在快速编辑或者编辑产品页面的右侧都能找到标签。

添加、编辑产品等产品管理功能

添加产品功能与添加博客文章的功能是相似的,我就不写图文教程了,附一个视频教程吧。

修改页面内容

请进入后台的all pages页面,以下图所示的状况,带有elementor标记的,均可以用elementor编辑页面,也就是可以可视化编辑页面内容。

用Elementor编辑页面的方法:点选要修改的内容,而后在左侧工具栏中设置内容、样式以及高级配置。咱们依旧用一个视频来说解页面内容编辑功能,视频中的模板与本文中的模板不同,但方法是同样的。

你还能够看下方的Elementor编辑器的教程,了解更多细致的操做。

查看更多Elementor教程,其中有部分教程是针对Elementor Pro的,如果在使用免费版的Elementor时提示你升级Pro或未显示视频中的操做的功能,就表示是Elementor Pro的功能,须要付费购买。

编辑页脚

Astra的这套模板的页脚是用插件Elementor – Header, Footer & Blocks制做的,页头是用的Astra自己自带的功能。页脚的编辑方法与页面编辑方法无差别,详见下方视频。

给网站添加返回顶部按钮

在免费版的Astra里是不提供页面上的返回顶部按钮的,有以下两种方法:

  1. 用Elementor制做WordPress网站的返回顶部按钮(3分钟解决),这个方法比下面的方法复杂一些, 但能够少装一个插件。

  2. 安装插件:WPFront Scroll Top,而后以下图所示enabled启用便可,你还能够自行配置按钮的样式。

网站内容发布要点

至此,页面修改就差很少告一段落了,接下来就是往网站上发产品、发博客,这些内容的发布有一些注意事项,我在另外一篇基于Elementor Pro的建站教程中有详细的描述,请点击《B2B外贸建站教程》前往查看。

站内SEO

请按照以下教程逐步操做

  1. 给网站安装Google Analytics跟踪代码

  2. 给网站开通Google Search Console

  3. 将Google Analytics关联Google Search Console

  4. Rank Math SEO设置教程

  5. 你的网页如何在Rank Math SEO的测试中获得100分

站点速度优化

咱们须要用工具Gtmetrix测试站点的速度,并进行速度优化,尽可能优化到加载时间在3S之内,优化教程请按以下子教程逐一实施

  1. 优化图片,在上文中已经介绍了图片的优化办法,此教程中作了一些补充扩展

  2. 针对使用Siteground建站的状况,能够使用SG Optimizer加速网站,我实测后,发现效果不理想(优化先后差距很小),我觉着最好用易用的仍是付费使用WP Rocket加速网站,若是你不想购买这个插件,也能够微信联系我获取正版分享。

  3. 实施CDN,每一个主机的CDN不尽相同,大多用的是免费的Cloudflare。

  4. 若是在Sitegroun建站,请看:在Siteground给网站启用Cloudflare CDN

  5. 若是你的主机用的是Cpanel主机面板,譬如FastComet,能够参考这篇文章:如何在GreenGeeks给网站开启Cloudflare CDN,若是开启过程当中遇到问题,咨询主机客服便可。

开放收录,站点上线

完成上述内容后,站点可上线,开放收录吧、

进入设置》阅读(setting》reading),将建议搜索引擎不索引本站点去掉勾选,保存更改

而后进入Google Search Console,提交站点地图地址以助于加快收录。

google-search-console中提交站点地图

本文原文由LOYSEO 发布,LOYSEO专一于WordPress、Elementor、外贸建站教程。

推荐阅读

2020年B2B外贸建站的终极教程
2020年外贸建站须要注意什么?(4300字经验谈)