如何在 Weebly 博客中添加 H1 标题?

如何在 Weebly 博客中添加 H1 标题

尽管 Weebly 提供了一个博客选项,但它在外观和搜索引擎方面都需要大量改进。 Weebly 博客与 SEO 相关的问题之一是单个帖子中缺少 H1 标签。 这个问题也适用于标准 Weebly 页面,我们在上一篇文章中解释了如何在 Weebly 页面中添加 H1 标签。 在本文中,我们将解释如何在 Weebly 博客中添加 H1 标题以摆脱高优先级 SEO 问题。

页面与帖子

由于 Weebly 对页面和博客文章使用不同的结构,因此有额外的 CSS 类专门用于定义博客元素。 例如,标准页面在“页面”选项卡下具有“页面标题”,这不是必须提供的。 如果没有为页面提供页面标题,则 URL 被视为页面标题。 但是在博客的情况下,帖子标题是发布帖子时应该提供的强制性元素。 如果您不输入帖子标题,Weebly 会自动将当前系统日期作为帖子标题。

为 Weebly 博客添加 H1 标题

默认情况下,输入的帖子标题将被视为带有 H2 标签的标题 2。 为 Weebly 博客更改 H2 和添加 H1 标题有两个步骤。

第 1 步 – 修改部分

在最近的 Carbon 更新之后,Weebly 在主题代码编辑器中添加了一个名为“Partials”的部分。 通过“设计 > 编辑 HTML / CSS”导航到代码编辑器并查找名为“Partials”的部分。 展开“博客”部分并单击文件“post.tpl”。 您将看到如下代码:

<h2 class="blog-title">
{{{title_html}}}
</h2>

只需如下图所示将 h2 更改为 h1 并保存您的主题。

将 Weebly 博客标题从 H2 更改为 H1

将 Weebly 博客标题从 H2 更改为 H1

第 2 步 – 为 H1 博客标题添加样式

部分更改后,博客标题将自动变为 H1,因此只有在您的博客标题看起来非常小且看起来不像 H1 标题的情况下才需要执行此步骤。 在“main_style.css”中添加以下 CSS。

h1.blog-title {
font-size: 26px;
margin-bottom:15px;
}

基本上,您可以添加任何 CSS 样式,如行高、边距、填充等,以使标题与您的布局对齐。 我们建议将代码添加到主样式表的博客索引部分,以便以后识别。

为博客标题添加 H1 样式

为博客标题添加 H1 样式

现在您的博客标题将带有 H1,您可以摆脱 SEO 报告中显示的问题。

此样式只会影响博客标题,帖子中使用的任何其他标题元素都将带有 H2 标签并遵循主题的主要样式。


发表评论