最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

14. html元素:H1标签

HTML语言学习 林雍岷 274浏览

H1标签优化网站logo图片和文字:大家都知道H1标签在网站优化中的作用,一个页面只能使用一个H1标签,所以放在哪,怎么放成为不少人头疼的事,特别是网站首页的H1标签优化设置。这里我们最好建议你用于首页LOGO中,因为LOGO是你整个网站的标志,大家都会关注到,把H1最重要的标签加进去更能加重你这个LOGO网站的权重,但因为LOGO一般是图片。

通常我们看到网站的标志都不使用文字,在H1标签把企业名称添加上去是非常实用的,同时我的网站又要用图片显示。 那么我们怎么做H1标签优化在网站LOGO呢?

1、h1的子辈添加img图标

2、通常用图片替换来实现

  1. h1元素添加background样式引用图片url;
  2. h1的背景图片重复:
    1. heading元素默认展示display:block;
    2. display:inline;
    3. 我们怎么让图片只显示一次:no-repeat/repeat-x/repeat-y;
    4. 文字不要显示:
      1. text-indent:-9999px;
    5. 图片的高度大于h1元素的默认高度:
      1. ps修图;
      2. 自定义h1元素的样式:
        1. height;
        2. width;
  3. 删除h1元素的文字,删除text-indent,显示也是一样的,实际不是一样的;

最好的时间方法就是用text-indent通过隐藏文字显示背景图片。

H1标签是一个HTML元素,通常用于标志文章标题。但是从搜索引擎优化的角度来看,它的意义远不止这些。H1标签不仅仅是标题,一些网络营销人员在优化H1标签并且在页面上没有进行其它任何操作时,网站排名显着提高,这表明Google搜索算法对H1标签的重视程度。

如果要确保你的企业在线上获得最大的曝光率,那么你需要知道如何在内容营销工作中正确使用H1标签。

让我们深入讨论。

什么是H1标签

让我们从技术开始,H1标签是HTML元素代表超文本标记语言。HTML由Google Chrome和Firefox等网络浏览器解释的语言,在网页上输出某些格式。在这种情况下,H1通常以粗体字母作为标题显示。

还有其它标题标签:H2、H3、H4、H5到H6。

14. html元素:H1标签 H1标签优化网站logo图片和文字
什么是H1标签

随着标题标签中数字的增加字体的大小会减小。换句话说H2的字体大小小于H1的字体大小。H3的字体大小小于H2的字体大小,依此类推。随着HTML发展这种已不再是必须的,通过使用样式变得更加灵活。

通常情况下,H1标签字体是最大的。这就是为什么这个特殊标签经常被用作页面标题的原因。

H1标签与Title标签是否相同

不完全相同。

虽然通常使用H1来为页面添加标题,但还有一个HTML<title>标签,完全与H1标题标签无关。因此从技术上讲,没有必须要用H1作页面标题。但通常将你的Title标签与H1标签和网站标题相同,这认为是不错的SEO。

如果文章标题为“非洲野生动物园指南”,而网站标题为“世界旅行者博客”,则这篇文章的Title标签应类似于“非洲野生动物园指南–世界旅行者博客”。

如你所见文章标题和网站标题用短划线隔开。你经常会看到用竖线(“|”)而不是破折号来分隔两个标题。

如果你对任何热门关键字进行搜索,都可能会看到搜索结果的第一页中填充了该格式的标题。请看一些“LCD TV Reviews”的搜索结果。

转载请注明:林雍岷 » 14. html元素:H1标签