欢迎光临
桂林SEO博客

WordPress博客文章优化必须掌握的6个HTML标签技巧

基本的html标签
如果您运行博客,则必须掌握HTML的某些基本知识。

HTML代表超文本标记语言(超文本标记语言的英文)。它是用于构造电子文档的基于文本的标记语言。

HTML标签就像包含信息的容器。它们包含所包含代码的名称和缩写。

标签以括号<>开头和结尾。

HTML5是超文本标记语言的第五个版本,主要在万维网上使用。

HTML5主要用于B2B行业,这并不奇怪。

粘贴图像0472
HTML对博客作者也很重要。

如果您已经很久没有博客了,那么整个符号,字符和缩写肯定会让您感到困惑。

但是,您不必天才,也不必学习程序语言即可为博客创建标签。

您甚至可以在不了解HTML标记包含的代码的情况下使用HTML标记,但是您需要了解某些短语并学习如何正确使用标记以提高博客文章和博客的质量。

在本文中,我将介绍博客文章的HTML标签。

但是首先,我想解释一下为什么HTML标签对于博客文章很重要。

为什么您的博客需要HTML标签

大多数成功的博客作者都熟悉HTML语言的基础知识。

怎么了

因为在这种情况下,他们可以(几乎)使用其内容执行所有操作,并且如果您学习这些标签,则可以对它们执行相同的操作。

如果博客文章中的图像要居中,右对齐或左对齐,则此信息将通过HTML传输。

列表和项目符号,分页符或引号也是如此。

如果将WordPress中的文本编辑程序更改为HTML,则加载速度会更快。

粘贴的图像0463
单击“ HTML”或“文本”。这是用于更改程序的按钮:

粘贴的图像0 455
HTML可以更快地编写,因为一切都可以用键盘完成。您还可以完全控制博客的所有结构和设计元素。

可以使用任何文本程序创建HTML,而不必使用WordPress。

但是,WordPress具有某些HTML限制,您应始终牢记这些限制。

WordPress限制了一些HTML标签

到目前为止,WordPress是所有内容管理系统(CMS)中最流行的。

根据BuiltWith的说法,使用CMS创建的所有网站中有53%是使用WordPress构建的。

粘贴图像0473
如果您在WordPress博客编辑器中输入了错误的源代码,则该代码如下所示:

<粗体>粗体字/ /粗体>。

如果看到这些奇怪的字符,则表示源代码不正确。

WordPress也不允许博客中的每个HTML标签。出于安全原因,不允许使用诸如embed,frame,iframe,form,input,object和textarea之 类的命令。

但是,使用AddQuicktag这样的插件,您可以将按钮添加到博客中。

粘贴的图像0 475
您甚至可以个性化这些按钮。

粘贴图像0470
如果您熟悉HTML语言的基础知识,那么此插件将非常有用。

现在,我想向您介绍博客的最重要的HTML标签。首先是子弹创作日。

1.项目符号

如果要使用项目符号,则可以使用以下标记:

项目符号以HTML格式表示,如下所示:

青豆

土豆

西红柿

然后,该列表将显示在博客文章中,如下所示:

青豆

土豆

西红柿

鸡肉

您还可以代表编号的项目符号:

青豆

土豆

西红柿

鸡肉

如果要创建编号列表,则必须用和替换命令和。看起来像这样:

粘贴图像0460
如果您不小心,错误会迅速蔓延,因此在开始新的一天之前,应该始终关闭当天。

您还可以使用子项创建列表。

粘贴的图像0 451
如果您的列表包含多个主题和类别,这将特别有用。

图片是博客的另一个重要部分。如何使用标签自定义和个性化图像?

2.图片

图片使博客更具视觉吸引力。

这些标记很少是手工创建的,但是在您想要调整博客文章中图像的大小时很有用。

大多数人只需单击“ 添加媒体 ”即可在WordPress中添加图像。

粘贴的图像0454
HTML代码中的命令指定它是图像。源文本如下所示:

<img src =“ ” width =“ 350” height =“ 350” alt =“”>
这是我的一篇博客文章中此图片的HTML标签:

粘贴的图像0458
这是此图像的源代码:

粘贴的图像0452
WordPress图像需要标题,但没有描述,但是如果可能,您应该始终输入替代文本。

替代文字是一种说明,可确保您的图片(以及博客文章)也更有可能出现在搜索结果中。

如果您为博客文章上传新图像或将其嵌入到文章中,则应始终添加替代文本。

如果您忘记了alt文本,可以稍后在媒体库中添加它。

粘贴的图像0456
如果图像太大或太小,可以调整尺寸。

如果您的图片的尺寸为width =“ 400”和height =“ 700”,则只需删除高度并输入新的宽度规格即可。高度会自动调整。

在下一步中,我将向您展示如何使用HTML标签创建链接。

3.向左

链接对您的排名有积极的影响,这就是为什么您不应该在博客文章中错过它们。

链接通常称为锚点。

这是链接的源代码:

代码末尾的文本是锚文本。

粘贴的图像0467
命令“ a href”触发超链接。

您可以链接单词,整个句子或图片。

这是一个链接:如何在30天内成为更好的博客作家。单击新网站时,它会指导用户。

粘贴图像0462
上面的链接指向我的一篇文章,我在这里教我的读者如何在短短一个月内写出更好的博客文章。

锚文本是链接的可见部分。如前所述,它可以由单词,句子或图片组成。

文本链接如下所示:

图片链接如下所示:

您可以在链接中添加更多组件。例如,可以在新窗口或新标签页中打开它。在这种情况下,源文本将如下所示:

“链接说明”

如果该链接不起作用,则应检查URL。它必须以“ http://”开头。并且不要忘记引号。您还必须 使用引号。

粘贴的图像0464
水平线也可以非常实用,因为它们可以在视觉上划分您的文本。

4.水平线

一条水平线提供了视觉上的文本划分。看起来像这样:

粘贴的图像0457
您可以使用

标记发出命令以将文本分为多个区域并突出显示文本的某些区域。

该线从左到右延伸,为浅灰色。但是,您可以使用一个小的附加命令来调整线的宽度:

添加宽度=“%”表示应扩展线宽的百分比。“ Hr”代表“水平参考”。

不要过度使用水平线,仅在适当的时候使用它们。少即是多。

块引号还可以用于使文本更清晰。

5.块引号

您可能使用了引号。我经常引用其他来源的专家。

您总是必须提供来源。

块引号在视觉上特别吸引人。

粘贴的图像0 459
为此,请使用 天。 源文本如下所示:

“报价到达这里”-被报价人的名字

这是一个概述:

粘贴的图像0465
您还可以通过组合两个标签来为报价添加链接。

块状报价不仅看起来不错,而且还使您和您的文章更具信誉。

标题标记是您应该熟悉的另一个重要的HTML元素。

6.标题

为您的博客文章找到合适的标题并非易事。

标题将您的文章分为几个区域,并使其更清晰。

我的文章始终包含标题和副标题,因为我可以以此方式组织文章并指导读者。

这是文章“博客后文章:终极指南”中的典型副标题:

粘贴的图像0476

赞(0)
未经允许不得转载:桂林SEO网站 » WordPress博客文章优化必须掌握的6个HTML标签技巧
分享到: 更多 (0)