如何在Webflow上创建博客

安娜安娜
12分钟阅读

所以,你已经从使用现成的模板毕业,并转移到自己使用设计你的布局Webflow.太棒了!Webflow是一种很棒的方式创建自己的网站最后,展示你的设计肌肉。

但这并不是说它是一个完美的工具。尽管Webflow很棒,但您可能会同意它的原生博客功能可能有点令人生畏。当然,在创建需要这种精确度的东西时,学习和配置各种集合、字段和列表确实很有帮助,但对我们许多人来说,这太过分了。

由于Webflow已经有了一个陡峭的学习曲线,当涉及到博客时,我们许多人只是想要一个既有效又有效的工具而且使用方便。说了这么多,让我们深入研究如何在Webflow上创建一个易于使用的博客,但首先,让我们回顾一下为什么单独使用Webflow写博客会很棘手。

为什么Webflow不是特别适合写博客:Webflow CMS

在Webflow中创建一个博客可能有点挑战,原因是:他们引入了CMS(内容管理系统),它基本上充当了你所有文件的大数据库。这个系统非常适合有经验的web开发人员,他们已经写了多年的服务器端代码,SQL就像第二语言一样。然而,对于普通人来说,这确实是一个令人费解的问题。

专用建造vs.为各种目的建造

事情是这样的:Webflow试图把数据库变成简单的东西,所以他们创建了一个通用的CMS,它可以被做成很多东西——如果你愿意的话,它是一个万事通。这导致了一个系统可以模仿一个博客平台,但实际上缺乏许多专门构建的博客平台喜欢的必要功能beplay体育客户端官方下载WordPress拥有提供的。

如何在webflow上创建博客

这个问题是由于许多无代码网站建设者面临同样的问题Squarespace而且).他们努力创建一个简单的解决方案来创建漂亮的网站,但是他们尝试实现的功能越多,他们简单的解决方案就变得越复杂。beplay体育客户端官方下载典型的两难境地。

因此,您可能会花费数天或数周的时间来完善您的网站,当需要添加博客时,您会发现Webflow的原生博客解决方案需要比您最初预期更多的时间和精力。博客感觉很笨重,你想知道为什么不能写一篇简单的博客文章,让它出现在你的网站上。

如何在webflow上创建博客

在Webflow中写博客并不复杂

幸运的是,你可以选择更好的选择,比如DropInBlog它是最友好的博客工具,可以让你跳过所有这些麻烦。不需要设置CMS集合,也不需要手动配置您的Webflow模板.你只需复制和粘贴几行代码到你的布局,DropInBlog处理剩下的。这是小菜一碟!

DropInBlog -一个真正简单的选择

DropInBlog最大的优点是它使用简单,如果你想深入,还可以选择使用技术代码。您可以访问各种复杂的功能,否则在Webflow中需要很长时间才能获得这些功能。beplay体育客户端官方下载来看看:

Dropinblog博客设置webflow

如您所见,DropInBlog允许您选择您想要显示的内容的哪些信息。您可以随时轻松地切换它们,并自定义您的博客文章的预览。但这不是你得到的全部。你还需要为搜索引擎优化你的内容,这样当有人搜索你的博客主题时,就能很容易地找到它,这是为你的网站带来流量的关键。换句话说,你需要加强你的搜索引擎优化游戏。

SEO不必神秘

如果你正在使用Webflow,你可能对网络很熟悉,知道SEO的价值,或者至少听说过它。你建立了这个美丽的网站,但你如何让人们看到它?SEO是什么让你的博客文章和网站搜索引擎结果的顶部。

在线阅读关于SEO的指南,你会发现这是一个猜测的泥潭,过时的信息,有时事情是完全错误的。有些人会主张在你的文章中填满关键字,添加特定的元数据,甚至反向链接,但要找出对不断变化的搜索算法真正有用的东西,这只是猜测。

不幸的是,Webflow并没有提供工具来分析你的博客文章,而是提供了你应该遵循的基本准则。另一方面,DropInBlog实际上会帮助你的SEO。除了易用性和灵活性,DropInBlog还提供了另一个宝贵的工具:搜索引擎优化分析器。

增加SEO好处

说到搜索引擎优化,DropInBlog的搜索引擎优化分析器是你最好的朋友。这是一个交互式工具,帮助你写你的帖子,并给你即时的反馈。它所做的是分析你的帖子,并提供一个简单的要点列表,你可以做的事情来提高你的SEO。这可能是一些简单的东西,比如在元描述中包含主关键字,或者更高级的东西,比如添加alt标签图像描述。

Dropinblog seo分析器webflow blog

当你在构建你的帖子时,这个工具会对你的内容进行评分,并给你一个满分为100分的分数。一般来说,在90到100之间被认为是一个很好的SEO分数,这意味着通过搜索引擎吸引有机流量的机会很高。

Dropinblog seo分析器webflow blog

保持自己的风格

此外,使用DropInBlog,你可以选择一个专业设计的模板,让你的博客在几秒钟内运行在Webflow上。DropInBlog会查看站点的现有CSS,并自动采用它。它所花费的时间与将任何其他元素拖放到Webflow布局中一样长。看看这个beplay2官网体育下载这里是集成教程有关更详细的信息。

Dropinblog blog布局webflow

Webflow和DropInBlog -完美的结合

除了Webflow之外,还有许多通用cms并不是理想的博客解决方案——简单地说,当一个平台不是为博客而建立的时候,这就说明了这一点。相比之下,DropInBlog是专门为一个目的:使添加博客到任何网站无痛

借助这两个平台的强大功能,您现在将拥有:

  • 一个易于实现和维护的博客

  • 只要轻轻一按开关,就有无数的选择

  • 一个专门建造的博客平台

  • 用于搜索引擎优化的博客文章

如何在Webflow上创建博客

在我们开始之前,您应该知道,为了将自定义代码添加到Webflow,您需要一个付费帐户或为您的站点付费托管。你可以选择离开在这里添加您的网站或在这里将您的Webflow帐户升级到至少精简版。你可以找到更多关于Webflow的定价计划

获取片段

好了,我们开始吧!继续,登录到您的DropInBlog帐户,并找到代码和布局页面。在那里,你会看到用于连接Webflow到你的DropInBlog内容的两个片段。现在,我们只使用下面的四行代码步骤1,复制这些,然后我们可以跳转到Webflow。

如何在webflow dropinblog上创建一个博客

连接到DropInBlog

在Webflow网站构建器中,打开左侧工具栏中的pages选项卡,并创建一个名为Blog的新页面(或任何您喜欢的页面!)现在,当你在你的新博客页,将出现一个齿轮图标,打开一个新的设置面板。在那块面板的底部,上面写着

Baidu
map
标签之前,我们可以粘贴从DropInBlog复制的代码片段。

就像这样,我们添加了DropInBlog,我们已经准备好开始使用它提供给我们的所有好处。

如何在webflow dropinblog上创建一个博客

添加我们的帖子

现在Webflow连接到DropInBlog,我们需要告诉它我们想要在页面的哪个位置加载我们的帖子。这一点很重要,所以要密切注意。

添加元素Tab,带加号的小方块,我们可以拖拽一个新的容器在我们的新博客页面上。如果你愿意,你可以使用其他元素,但容器会将你的内容居中,并在两侧添加一些间距,这样在大多数情况下看起来最好。

当我们单击容器时,一个新的边栏将出现在右侧。在设置Tab,带有另一个小齿轮的那个,我们需要设置ID到“dib-posts”(你可以在你的DropInBlog帐户的步骤2下找到这个ID)。设置容器的ID告诉DropInBlog我们想从我们的帐户中提取什么内容——在这种情况下,是我们的帖子!

如何在webflow dropinblog上创建一个博客

一旦你掌握了这一点,你会发现你不仅仅局限于拉入帖子——你可以添加更多带有其他id的容器,比如dib-categories或dib-authors。

注意:不要担心页面构建器中没有显示任何内容;这一切都发生在幕后,并将在页面发布时加载。

如何在webflow dropinblog上创建一个博客

出版

现在是时候发布我们的新Webflow网站了。在网站建设者的右上角,你会发现一个可爱的小火箭船发布标签。只需从下拉菜单中选择你的网站,点击发布所选域,然后点击新网站的链接。

这是我们的预览。很狡猾,是吧?

如何在webflow dropinblog帖子上创建一个博客

最后一步

现在我们已经在博客页面上加载了所有内容,但链接到帖子本身将无法正常工作。这是因为当Webflow连接到DropInBlog时,DropInBlog还没有连接到Webflow,因此它不知道在哪里生成我们的帖子,所以链接到它们将不起作用。

要解决这个问题,只需复制您发布的网站的URL,转到设置页面上的DropInBlog帐户,并粘贴到博客网址输入字段。现在,除非您想修补任何其他设置,否则您都已经设置好了!

如何在webflow dropinblog上创建一个博客

自定义风格

虽然DropInBlog将自动使用您的网站已经到位的任何CSS样式,但您仍然可以轻松地从DiB中重新设置任何样式。回到博客页面的设置中,也就是上面我们添加代码片段的地方,您可以在一些样式标签中添加任何自定义样式,这样就可以了。

如何在webflow dropinblog上创建一个博客

Webflow常见问题

Webflow是一个很棒的无代码开发平台,但是单靠写博客是很困难的。首先,它的CMS需要广泛的知识,大多数人没有时间学习,其次,它只是不够简单而且会在五分钟内阻止你使用它。

然而,DropInBlog使得在Webflow上写博客变得非常简单,因为它是一个专门为写博客而创建的工具——没有什么比这更少,也没有什么比这更多。它很容易设置和使用,适应您选择的布局,并具有先进的功能,将帮助您优化您的博客文章搜索引擎。beplay体育客户端官方下载

当然!在Webflow上创建一个博客非常简单,不超过三分钟。你所需要做的就是创建一个新页面,从你的DropInBlog帐户粘贴几行代码,和voilà!你现在在Webflow上有了一个功能齐全的博客。

Webflow没有任何搜索引擎优化插件,尽管它包含标准的搜索引擎优化功能,这对于严肃的博客来说是远远不够的。所以,要获得最好的搜索引擎排名,你需要知道当前的最佳实践,以及如何将它们实现到你的内容中,你可以通过DropInBlog的内置搜索引擎优化分析器获得这一点。

搜索引擎优化分析器是一个智能和互动的工具,给你的内容即时反馈给你的建议,如何优化你的内容,因为你的类型。换句话说,不是让你编辑它告诉你基本的元数据什么你应该让你的博客文章在搜索引擎上可见。

你的文章是基于多个标准分级的,你会得到一个基于这些标准的评分的SEO总分-得分越高,你的文章越优化。

Webflow允许您修改标题标签,为所有图像添加元描述和标题标签,并编辑URL,这些都是相当标准的。但是,没有关于页面优化程度的指南,也没有关于是否遗漏了某些内容的任何指针。这就是DropInBlog的用武之地。

SEO分析器使SEO真正有形,这是DiB最好的功能之一。beplay体育客户端官方下载它会在你前进的过程中识别出差距,并立即通过给你建议来引导你朝着正确的方向前进。你收到的反馈是非常直接易懂的可操作提示。例如,它可能会提示您在文本中没有充分提到主关键字,或者它没有出现在元描述中。

因此,提高你的SEO得分实际上是一个问题,遵循SEO分析仪给出的提示。只要你达到90分或以上,你的文章就可以发表了。

封闭的思想

再一次,DropInBlog来拯救让你无缝地集成一个强大的博客解决方案到你的Webflow网站。

你现在可以充分利用DropInBlog的内置功能和启动您的beplay体育客户端官方下载Webflow网站到下一个级别!

DropInBlog团队致力于弥合专业开发人员和只想要一个地方表达自己的人之间的差距。如果您在整合过程中遇到了任何问题,或者您只是对我们如何改进Dbeplay2官网体育下载ropInBlog有建议,请随时提出消息我们

开始在你的网站中嵌入博客吧现在

免费试用