如何使用WordPress和Elementor建立商业网站

了解如何使用WordPress,Elementor和Astra为您的企业打造网站。这些都是我个人使用的100%免费工具.


在此如何制作网站2019教程中,我将不仅向您展示如何创建网站,还将教您如何SEO优化您的网站以及如何从中获得潜在客户.

本教程是全面的,是我最长的构建网站教程的方法。我希望你喜欢它.

您需要的东西:

  • 代管. 我推荐SiteGround.
  • 一个 域名.
  • WordPress主题. 对于本教程,我们使用免费的Astra主题.
  • WordPress页面构建器. 为此,我们使用免费的Elementor页面构建器.

让我们开始吧!

步骤1:购买虚拟主机和域名.

您的企业网站最重要的部分是托管。托管将确定您的网站加载速度,这是影响潜在客户生成和转化的非常重要的因素。 Google还喜欢跳出率较低的速度更快的网站,因此速度更快的网站会增加您在Google上排名的机会.

我想指出的一件事是,尽量避免EIG和GoDaddy公司。 EIG代表Endurance International Group,它控制着60多家托管公司。它解雇了他们的内部支持人员,并将所有工作整合到一个保护伞下。发生的事情是客户支持,托管质量以及整体服务质量的下降.

以下是一些知名的EIG公司:

  • 主持人
  • 蓝主机
  • 网页
  • Arvixe
  • 肥牛
  • HostMonster小橙

GoDaddy在质量和客户服务方面也有很多不好的评论,他们托管的网站加载速度非常慢.

您还将要避免使用“妈妈和朋友”托管服务商,因为它们缺乏使用高级托管技术的资源,这些技术可以使您的网站脱颖而出.

您还希望选择提供免费SSL证书的主机。没有SSL证书,您的网站顶部将显示以下丑陋的“不安全”标签:

不安全

如果您是一家企业,实际上可以与带有该标签的潜在客户说再见。如果您的托管服务提供商不免费提供SSL证书,则一个SSL证书每年的费用为$ 50- $ 100 每个网站.

您还需要一种服务,该服务将允许您升级到称为PHP7的东西,这将使您的网站快得多.

Siteground,我的首选Web托管服务

我发现满足所有这些条件的托管服务是SiteGround。 SiteGround提供免费的SSL证书,可让您升级到PHP7,具有高质量的托管和出色的客户支持。真的是那里最好的.

这是SiteGround的主要功能:

  • 免费SSL证书
  • 快速的知识支持
  • WordPress暂存环境
  • 免费网站迁移
  • 30天备份

我与他们达成了一项了不起的协议,可以为使用该协议的任何人提供70%的折扣 这个连结. 因此,如果您想节省托管费用, 点击此链接 并立即购买主机.

从SiteGround购买主机, 点击此链接. 进入他们的主页后,您会看到四种不同类型的托管:

选择场地平面图

选择WordPress托管并单击 开始使用. 然后,您将看到三个定价计划:

网站上的wordpress托管定价

根据您的需求和预算选择一个。您也可以查看他们的 每个托管计划的比较 能够决定哪个适合您的业务需求.

选择计划后,请点击 获取计划. 然后,您将进入下一步,即选择域。如果您已经有一个域名,请选择 “我已经有一个域”. 但是如果您没有,请选择 “注册新域” 因此您可以直接在SiteGround内购买域名。每年费用$ 15.95.

选择一个域

请记住,如果您要购买的域名不再可用,SiteGround会告知您,您必须选择另一个。拥有域名后,请点击 继续.

完成购买的下一步是提供准确的个人和帐单详细信息。完成后,点击 现在付款. 您现在有了可靠的虚拟主机和域名.

步骤2:安装WordPress.

WordPress是网站创建工具,我们将使用它来创建您的企业网站。它是完全免费的,非常易于使用,但功能非常强大。它带有成千上万的插件和主题,可让您随心所欲地处理网站.

SiteGround实际上带有一键式WordPress安装,可为您快速安装WordPress.

完成托管购买后,您会看到一个带有链接的屏幕,提示您 “进入客户区”. 点击该链接,您将转到一个页面,您可以在其中设置新的托管帐户。下 设置您的网站, 选择 开始一个新的网站.

然后,您将看到可以安装的软件列表。选择 WordPress的.

安装WordPress

要完成此过程,您必须提供网站的管理员登录详细信息(电子邮件地址,用户名和密码)。这些是您用来访问网站后端的详细信息,因此请务必确保它们的安全.

完成后,点击 确认 > 完成设定. 您现在有了一个实时的,自托管的WordPress网站.

步骤3:安装SSL证书.

在执行其他操作之前,我想先向您展示如何安装SSL证书,以摆脱之前显示的“不安全”标签。下 我的帐户, 点击 去cPanel.

去cpanel

在CPanel上,您可以为网站安装不同的软件和工具。如果您一直向下滚动,应该会看到一个名为 安全. 在此部分下,点击 让我们加密.

让我们加密

选择要在其上安装SSL证书的域,选择 让我们加密SSL, 然后点击 安装.

现在该登录您的新网站了。请点击 我的帐户 再次在顶部,然后单击 装置 标签。在这里,您将看到您注册的域名。对面是绿色 转到管理门户 按钮。单击此按钮转到您的WordPress登录页面.

转到WordPress管理控制台

WordPress登录页面通常遵循以下格式: yourdomain.com/wp-adminyourdomain.com/wp-login. 您的可能会有所不同。但是您必须记住或记下您的登录页面URL,以便下次您可以通过直接在地址栏中输入URL而不用再次登录Siteground来访问它。.

WordPress登录页面如下所示:

WordPress的登录页面

在此处输入您的用户名和密码,以首次登录您的网站.

进入内部后,您需要做的第一件事就是告诉WordPress您拥有SSL证书。这很简单.

在左侧栏中,转到 设定值 > 一般. 在屏幕上,您会看到两个带有域名的框:WordPress地址(URL)和站点地址(URL)。您必须在两个框的“ http”之后和冒号“:”之前键入字母“ s”.

在wordpress中添加ssl证书

完成后,请点击 保存更改. 您的网站现在应该在域名旁边有一个挂锁图标:

带https的安全网站

现在,对于SSL证书,我们要做的最后一件事是确保将在其地址中键入“ http”的人重定向到您的“ https” URL。我们需要一个插件来做到这一点.

要安装插件,请转到 外挂程式 > 添新. 在右上方的搜索栏中,搜索插件 真正简单的SSL. 安装并激活它.

安装非常简单的SSL

然后,您将在仪表板上看到以下弹出消息:

激活非常简单的SSL

点击蓝色 继续,激活SSL! 按钮。您将注销,然后重新登录,Really Simple SSL插件将完全生效.

步骤4:安装Astra主题和Astra网站.

对于商业网站,您想要一个具有简洁代码和灵活功能的主题,以使自定义尽可能轻松快捷。那里有很多优质的WordPress主题,但是我们将在这里使用的主题是Astra Theme.

Astra Theme是一个免费的WordPress主题,具有出色的速度和简便性。我最喜欢的是它根据您需要的工具进行自我配置,这使您的工作变得更轻松。如果您想访问高级功能,则还有一个Pro版本.

阿斯特拉主题

以下是我最喜欢的Astra功能:

  • 最快的主题之一
  • 超过100个入门网站(大多数都是100%免费的)
  • 灵活的超级菜单功能
  • 强大的附加软件包
  • 广泛的WooCommerce支持

要安装Astra,请转到 出现 > 主题 > 添新. 搜索Astra,单击 安装, 启用.

安装阿斯特拉

关于Astra的另一个很棒的事情是它有一个名为 Astra入门网站. 该插件具有一个预先构建的免费和高级模板库,您只需单击几下即可在自己的网站上使用它。我们将使用Astra网站模板将网站创建时间缩短一半.

安装Astra之后,您会在信息中心上看到以下消息:

开始使用Astra网站

请点击 开始使用. 这将为您安装Astra Starter Sites。您还可以通过以下方式安装Astra网站: 外挂程式 > 添新. 搜索 阿斯特拉网站 并安装并激活它。要访问Astra网站,请转到 出场 >Astra入门网站.

选择页面构建器

安装Astra Sites后,系统将询问您喜欢哪种页面构建器:Gutenberg,Elementor,Beaver Builder或Brizy。在本教程中,我将使用Elementor.

Elementor是一个WordPress页面构建器,它将页面构建提升到了一个新的水平。它具有丰富的功能集,但非常易于使用和掌握。免费版本足以建立一个不错的网页,但是如果您想要更多高级功能,例如能够添加联系表格,滑块,价格表等,则可以升级到Pro版本.

选择您的Astra网站主题

选择页面构建器后,您将被带到Astra Sites模板库。您可以选择大量的时尚,专业外观模板(免费和高级)。模板按以下类别组织:博客,业务,电子商务,免费和其他。由于您是在创建企业网站,因此最好在 商业 部分.

花些时间选择最适合您品牌的模板。这些模板可以使用您选择的页面构建器进行完全编辑,这意味着您可以轻松更改文本,图像,布局,按钮以及基本上页面上的所有内容.

在本教程中,我将使用 会计 模板,因为它在眼睛上看起来很棒且容易.

要安装主题,只需单击它即可进入预览。如果您喜欢所看到的,请单击 导入主题 按钮,并确保所有复选框均已选中.

盒子阿斯特拉网站主题

如果您会注意到,会有一个框显示 “安装必需的插件”. 选中此框将安装主题所需的所有必需插件,以使其外观完全相同。对于此主题,它安装了WPForms Lite(一个可让您创建简单联系表单的插件)以及Elementor(我将使用的页面构建器)。您可以单击旁边的小问号以查看将要安装哪些插件.

WPForms是一个插件,可以帮助您通过有效的表单来为您的业务赢得质量领先。您可以查看我的WPForms评论以了解更多信息。如果您想使用其他表单插件,则可以在以下位置停用/删除WPForms: 外挂程式 > 已安装的插件 并安装您首选的表单生成器.

安装阿斯特拉网站主题

导入主题可能需要一段时间。不要关闭浏览器或点击刷新。等待它,完成后,您会看到一条蓝色 查看网站 按钮。单击该按钮将转到您的网站,该网站现在具有您刚刚导入的主题.

步骤5.选择设计元素.

现在,您的网站看起来很棒,但是您想自己创建一个。为此,您需要自己的配色方案,版式和徽标.

让我们从您的调色板开始。如果您已经拥有自己的品牌颜色,这将变得更加容易.

选择调色板

网站通常具有2-3种颜色:主色,强调色和流行色。的 原色 是您网站的主要颜色,很可能是您的品牌颜色。这是您希望人们记住您品牌的颜色.

选择原色时,您必须研究颜色心理学或颜色如何影响人们的感知或行为。某些颜色会使人感觉到某些东西,例如红色使他们感到忧虑,因此在选择原色时需要考虑这些因素.

口音颜色 通常用于使某些元素(例如标题或帖子标题)比其他元素突出.

最后, 流行色 与其他颜色形成对比,以突出网站的重要元素,例如号召性用语按钮或潜在客户生成表格.

在选择调色板时,我喜欢使用两种工具。第一个是 Coolors.co, 一个可以浏览不同调色板以获取想法或灵感的网站。如果您看到喜欢的内容,可以快速复制十六进制代码以在WordPress上使用.

如果单击 探索 在标题上,您将看到大量的调色板集合:

冷却器调色板

如果您看到喜欢的调色板,请将鼠标悬停在该调色板上,然后单击 视图, 您将被带到一个新窗口,在该窗口中您将看到每种颜色的十六进制代码.

调色板的十六进制代码

这些十六进制代码是您在网站上使用这些颜色所需要的。稍后,我将向您展示如何在WordPress后端上使用这些十六进制代码.

另一个很酷的工具是Colorzilla。这是一个Google Chrome扩展程序,通过单击它,您可以获取在任何网站上看到的任何颜色的十六进制代码.

如果要获取Colorzilla扩展, 点击这里. 然后点击 新增至Chrome.

colorzilla

然后,您会在工具栏上看到以下图标:

colorzilla图标

因此,现在,如果您想知道在网站上看到的颜色的十六进制代码,只需单击此图标,然后单击要复制的颜色。然后将自动复制十六进制代码。您可以将此十六进制代码粘贴到WordPress的特定区域中.

定制版式

您还希望使用自己的字体来匹配您的品牌标识并帮助您的网站脱颖而出。网站通常使用2-3种字体。就像颜色一样, 主要字体 是标题或菜单的字体。您还需要一个 身体字体 文字段落,还有一个额外的“流行字体”以帮助某些文本突出显示.

像颜色一样,您需要字体排版,使其忠于品牌,看起来令人愉悦,并传达有关品牌的正确信息.

选择版式时,我最喜欢的工具之一是 Fontpair.co. 这是一个向您展示两种不同字体外观的网站.

fontpair.co

如果您看到喜欢的东西,请记下它的名称,以便您可以在WordPress中搜索它并在您的网站上使用它.

我还喜欢使用WhatFont,这是Google Chrome扩展程序,只需将鼠标悬停在它上面,即可告诉您在任何网站上使用了哪种字体.

安装WhatFont, 点击这里 然后点击 新增至Chrome. 然后,您将在工具栏上看到以下图标:

whatfont

要知道字体的名称,请单击此图标,然后将鼠标悬停在文本上。 WhatFont会告诉您该字体的名称,如果单击它,您还将看到字体大小,颜色,系列,样式,粗细等。.

使用whatfont

获取徽标

最后,您的企业需要一个漂亮的徽标,以彰显您的品牌宗旨。您可以在此处使用三种不同的路线。您可以使用免费的免费工具自行创建徽标 坎瓦, 流行的设计工具,即使是初学者也可以轻松进行设计.

您会为Canva拥有多少徽标模板感到惊讶,它们看起来都很棒。您可以修改这些模板以使其成为自己的模板.

但是,如果您要导出具有透明背景的徽标,则应该知道需要升级到Pro。不过,有一个月的免费试用期,因此您可以升级到Pro,导出透明徽标,然后在试用期结束前取消.

帆布徽标

您也可以聘请徽标设计师来帮您。您可以尝试使用Fiverr.com或99design之类的网站,但是在选择歌手时要特别注意其风格,往绩,评论,评分等.

第三条路线,最好是聘请设计策略师/顾问,这可能是个好主意。像这样的人都是专业人员,他们花时间了解您的品牌,业务发展以及核心价值,以便将其纳入徽标中。.

步骤6.自定义您的网站.

在为网站添加了调色板,字体和徽标后,现在就可以在网站上使用它们了。如果您在WordPress后端信息中心中,请转到 出现 > 定制 打开主题定制器.

自定义主题

如果您位于网站的前端,也可以转到此处。屏幕顶部应该有一个黑栏,只有登录到您网站的用户才能看到。请点击 定制 打开主题定制器.

自定义主题前端

进入主题定制器后,您将可以添加徽标,更改颜色,更改网站布局等.

主题定制器

在左侧边栏中,您会看到各种修改网站的选项。每个主题都有不同的自定义选项,因此,如果您使用不同的主题,则此处看到的内容可能与我的有所不同。您在此处所做的所有更改都会实时显示在您的网站上.

在此主题下,要更改网站颜色,请转到 颜色和背景. 您可以选择更改基本颜色,面包屑,页眉和页脚栏.

彩色背景编辑器

基本颜色是网站的主题颜色,链接颜色,文本颜色和链接悬停颜色。要更改基本颜色,请单击 基色. 在里面,您会看到显示以下内容的按钮 选择颜色. 单击这些按钮以更改特定颜色.

例如,要更改主题颜色,请单击 选择颜色 在它旁边。然后,您将看到两种选择颜色的方法。首先,您可以将十六进制代码粘贴在框中。如果您还记得我们在上一步中讨论的有关十六进制代码的内容,则可以在这些字段中输入这些十六进制代码.

因此,如果您在Coolors.co或其他任何地方找到了颜色,则可以在此处粘贴十六进制代码。您也可以在内置的颜色选择工具中选择颜色.

基本颜色编辑器

接下来是更改字体。单击侧边栏顶部的后退箭头,返回到定制器,然后单击 版式. 您将能够更改基础,面包屑,内容和博客的版式.

版式

最后,要上传徽标,请转到 布局 > 标头 > 网站识别. 在徽标部分下,点击 变更标志 按钮并上传您的徽标.

更改徽标

Astra还允许您为视网膜或高分辨率设备以及移动设备使用其他徽标。您还可以调整徽标的宽度。如果向下滚动,您还可以更改网站标题,添加网站标语,网站图标或网站图标.

我建议您探索主题定制器以查看可以在此处执行的不同操作。 Astra Theme可让您做更多的事情,例如更改页眉和页脚的布局,更改博客文章结构,更改网站的宽度等等。.

完成自定义后,请不要忘记点击 发布 使您的更改在您的网站上生效.

步骤7.使用Elementor自定义您的网站.

既然您的网站的颜色,版式和徽标都已设置好,那么现在该跳入Elementor,彻底改变网站的外观以使其与您的品牌相匹配。我们将更改图像,文本,按钮,布局等.

使用Elementor编辑页面有两种方法。首先,如果您在后端,请转到 页数 并且您应该会看到网站所有页面的列表。这包括Astra Site自动创建的页面。使用特定页面构建器(例如Elementor)制作的页面将被标记为:

页数

将鼠标悬停在要使用Elementor编辑的页面上,然后单击 用Elementor编辑.

使用elementor后端编辑

这将带您进入Elementor.

如果您位于网站的前端,则可以通过转到要编辑的页面并单击进入Elementor。 用Elementor编辑 在顶部的黑色栏中:

使用elementor前端编辑

Elementor界面非常易于理解和使用,因为它与主题定制器非常相似。屏幕的大部分显示了您正在编辑的页面,而左侧是带有控件和选项的侧边栏。.

基本要素

如果您注意到,则在Elementor内部看不到标题。原因是Elementor的免费版本无法编辑页眉和页脚。此功能仅适用于Elementor Pro.

左侧边栏是您可以找到的 元素 您可以将其添加到页面中。如您所见,您可以添加标题,图像,视频,按钮,分隔线等。您可以通过将其拖放到所需区域中来添加这些元素.

Elementor还允许内联文本编辑,这意味着您可以更改内容区域本身上的文本。以下是您可以在Elementor中使用文本进行的一些操作:

在elementor中编辑文本

如您所见,您可以直接在内容区域上编辑或删除文本,这使它变得非常容易。您会在侧边栏中找到更多自定义选项,例如更改大小,颜色,重量,版式系列和阴影。您还可以添加动画,例如简单的淡入淡出,缩放,弹跳等.

您还希望使用自己的图像来完全使该网站成为您自己的网站。如果需要,您可以轻松替换或删除图像。要自定义图片,只需点击它,选项就会出现在左侧边栏中。您可以上传新图像,更改其大小,添加边框或阴影,添加动画等.

在elementor中编辑图像

对于我的网站,我想完全删除该图像,而只使用其他背景图像。要删除图像,请将鼠标悬停在该图像上,然后右键单击 蓝色的钢笔图标 在右上角。将会出现一个弹出菜单。请点击 删除 删除图像.

删除元素中的图像

要自定义标题,请将鼠标悬停在标题上,然后单击顶部的虚线图标:

在elementor中自定义标题

标题的自定义选项将出现在左侧栏中。要更改标题的背景图片,请点击 样式 背景. 在这里您可以上传新背景.

自定义标题

如您所见,上传图像后,我调整了背景叠加层以确保清晰可见图像。我这样做是为了 背景叠加 并调整不透明度.

我还调整了文本的颜色以确保可以看到它,并且调整了文本的宽度,以使其不与图像重叠。我这样做是为了 高级 > 自定义定位 然后选择 自订 为宽度.

使用Elementor可以轻松构建精美的网页。可用的选项太多了,因此只需探索每个角落即可。您可以按照自己的进度进行探索,如果您不了解某些内容,可以通过下面的评论部分与我联系,甚至可以搜索Elementor的综合信息 知识库.

我也有一个Elementor教程,向您展示如何快速入门Elementor。你可以看 这里.

步骤8.保护您的网站.

对于商业网站来说,尽可能地防止黑客和身份盗用方案的安全也至关重要。事实是,由于密码弱,插件漏洞和软件过时,您中的某些人可能会受到网络攻击。这些东西给您的网站留下了漏洞,您需要找到一种方法来阻止这些漏洞.

到目前为止,我发现最好的WordPress插件就是iThemes Security。该插件的免费版本已经为您提供强大的安全功能,您只需单击一下即可激活它.

要安装iThemes Security,请转到 外挂程式 > 添新 然后搜寻 iThemes安全性.

安装ithemes

激活后,您会在侧边栏中看到一个名为 安全. 安全 > 设定值 并且您应该会看到一条有关iThemes可以为您完成的不同功能的消息.

安全的网站散列

启用所有这些功能仅需单击一下蓝色 安全网站 按钮。单击该按钮后,您将看到以下消息:

激活网络暴力保护

Network Brute Force Protection是一项功能,在该功能中,试图闯入该网络成员的其他站点的用户将自动被禁止闯入您的站点。这是只有iThemes才具有的一项非常好的功能,因此要激活此功能,只需提供您的电子邮件地址并单击 激活网络暴力保护.

只需单击几下,您的网站即可安全。您可以使用此插件做更多的事情,如果您想了解更多有关它的信息,可以观看我的iThemes Security评论和设置教程。 这里.

步骤9.备份您的网站.

您还必须备份您的网站,以保护自己免于可能丢失任何数据的不幸事件。为此,我们将使用 UpdraftPlus备份.

要安装此插件,请转到 外挂程式 > 添新 并搜索 UpdraftPlus备份. 安装并激活它.

安装updraftplus

激活后,它将在下面创建一个新选项 设定值 UpdraftPlus备份. 单击它以开始配置备份设置.

设置中的updraftplus备份

进入室内后,点击 设定值. 在这里,我们将对其进行设置,以便定期进行异地自动备份。为了 文件备份时间表, 我建议将其设置为 每周 并保留一个 后备. 文件不会经常更改,因此足够了.

至于 数据库备份时间表, 由于这种情况经常更改,因此请将其设置为 日常 并保留7个备份.

设置好时间表后,向下滚动并点击 保存更改. 然后再次向上滚动以选择要存储备份的位置。我通常推荐Dropbox,因为它非常易于使用,但是您可以随意使用任何东西.

设置updraftplus备份

单击您的首选远程存储,然后单击 保存更改 再次。然后,您将看到以下消息:

远程存储认证

您必须单击此链接以授权UpdraftPlus备份将备份存储到所选存储。在此示例中,由于我选择了Dropbox,因此单击此链接将带我到Dropbox登录页面。登录后,我会看到以下消息:

完整的设置updraftsplus备份

我只需要点击 完成设定, 我将被带回到WordPress中的UpdraftsPlus后端,并在顶部显示以下确认消息:

认证完成升级

如果要备份,只需单击蓝色 立即备份 按钮。 UpdraftPlus还将根据我之前制定的时间表创建备份,并将其推送到DropBox中.

如果要还原备份,只需单击 现有备份 然后点击 恢复.

步骤10.优化您的网站.

我们已经到了最后一步,在这一步中,我们将了解如何针对Google等搜索引擎优化您的网站。我敢肯定,你们大多数人都已经听说过SEO或搜索引擎优化。简而言之,这是确保以最佳方式优化您的网站的一种做法,以使搜索引擎更轻松地找到您的页面并在结果页面上显示您.

SEO有一个方面叫做 页面SEO, 这些是您可以在WordPress内部的网站上实施的做法,以向搜索引擎明确传达您的网站和内容的含义.

这些是您需要实现的页面上SEO最佳实践:

  • 为每个页面和帖子写一个元标题和元描述.
  • 添加关键字或关键短语并在整个内容中使用它们.
  • 为页面/帖子中的每个图像添加ALT TXT.

现在,如果您不熟悉这些东西是什么,那就可以了。它们很容易学习。元标题是显示在Google搜索结果上的标题,元描述是标题下方的简短描述。这是一个例子:

google搜索结果示例

关键字是用户在搜索引擎中键入搜索内容的内容。元标题是结果的标题,元描述是下面的简短描述。这些非常重要的细节是因为它们告诉Google该页面的全部内容,并且与“纽约沙龙”这一关键短语相关.

这是网页SEO技术的简短列表,因为您在这里要做的太多了。但目前,我们将专注于这些.

为此,我们需要一个插件。最好的页面SEO WordPress插件之一是Yoast SEO,我们将在本教程中使用它。要安装此插件,只需转到 外挂程式 > 添新 并搜索 Yoast SEO. 请点击 现在安装 启用.

安装yoast seo

现在,当您转到任何页面或帖子时,都将在编辑器区域下方看到一个新框:

seo酵母盒

您可以在此处添加元标题,元描述和关键字。要添加关键字,请在下面的框中键入 重点关键词:

添加关键字

要添加元标题和说明,请点击 编辑摘要 纽扣.

编辑片段

在SEO标题下是您应该添加元标题的位置。最好在此处添加焦点关键字。在meta description字段中,您应该清楚了解页面的内容,并在此处添加关键字.

在SEO标题和元描述字段中键入内容时,将在其下方看到一个橙色的进度条。这意味着文本仍然太短。一旦变成绿色,这意味着您的文本长度是正确的。如果它变成红色,则说明它太长了,您应该将其缩短。冗长的标题和说明会被截断,因此最好留在绿色区域.

您要做的另一件事是确保站点地图已启用并且可以正常工作。为此,请转到 Yoast SEO > 一般 > 特征. 向下滚动直到看到 XML网站地图. 确保已启用它,然后单击蓝色 问号图标. 然后,您将看到一个链接,其中显示 查看XML网站地图. 点击此查看您的站点地图.

启用站点地图

对于许多人来说,这可能会导致您进入404页。但是不要担心。解决方法非常简单。所有您需要做的就是去 设定值 > 固定链接. 选择 职务名称 并击中 保存更改.

帖子名称永久链接

现在,当您尝试再次访问XML网站地图时,您会看到类似以下内容:

xml网站地图

包起来

到此结束了本教程,介绍如何使用WordPress创建商业网站。我想向您介绍一下,因为您已经按照本教程做了很多工作并取得了很多成就。如有任何疑问,请将其放在评论部分的下方,我们将很乐意为您提供帮助.

SiteGround

SiteGround是在线上强烈推荐的虚拟主机,因为它们已经迎合了WordPress用户,但价格仍然可以承受。他们以其快速的性能和同样快速的支持而闻名.

SiteGround的主要功能:

  • 免费SSL证书
  • 快速的知识支持
  • WordPress暂存环境
  • 免费网站迁移
  • 每日备份

SiteGround是满足您的网络托管需求的可靠选择。他们迎合WordPress网站,提供的资源少于竞争对手,但可靠性更高.

签出SiteGround

阿斯特拉主题

Astra是一个免费的WordPress主题,专注于速度。您可以选择以$ 59的价格购买Pro版本,其中增加了一些其他设置和选项.

主要的Astra主题功能:

  • 不是斋戒主题,但没有懈怠
  • 很多免费的演示站点
  • 灵活的超级菜单功能
  • 自定义布局选项
  • WooCommerce支持
  • LearnDash支持

对于任何WordPress网站设计项目,Astra Theme是一个不错的选择。我想最大的问题是,这些天您是否甚至需要购买主题,因为页面构建器正在做所有需要主题的相同事情。例如,Elementor具有免费的Hello主题,可让您的页面构建器完成所有工作.

购买专业主题仍然有一些充分的理由,但是对于大多数人而言,他们很可能会选择免费的主题.

但是对我而言,我认为Astra Theme不能跟上当前趋势,因此我不再推荐它.

有很多更好的现代主题可以提供内置的页眉和页脚构建器,而不是局限于3种布局,以及更灵活的页面和帖子布局.

退房阿斯特拉主题

元素

Elementor是一个WordPress页面构建器,它已经席卷了WordPress网站设计。它具有最深入的功能集,但是非常易于使用和掌握。 Elementor是功能最齐全的免费页面构建器。还有一个Pro插件可以添加其他开发人员功能.

主要要素特征:

  • 实时前端页面编辑器
  • 网站个性化功能
  • 模板和块库
  • 广泛的移动响应选项
  • 最强大的弹出窗口生成器
  • PRO创建自定义页眉/页脚
  • PRO创建帖子类型布局

Elementor是当前可用的最强大的页面构建器。他们不断发布符合当前设计趋势的新功能。这意味着您将能够保持网站的相关性.

考虑到它所包含的所有其他模块和电源功能,Elementor Pro的价值令人难以置信.

如果我今天开始一个新的网站项目,那么Elementor将是我选择的页面构建器。我认为这是必须使用的WordPress页面构建器.

签出Elementor

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map