h1标签该如何正确使用,应该放到网页代码什么位置?

作者 : admin 本文共1152个字,预计阅读时间需要3分钟 发布时间: 2021-02-20 共88人阅读

h1标签是一个网站的核心,代表着网站最重要的地方,h1标签是网站SEO优化中对网站权重等多方面有着重要意义的,也是网站SEO优化的一个重要方向,重要性就不多做说明了,我相信直到现在还是有很多网站还没有h1标签,不信你就查查自己的网站,方法在下面小白可以看看。

360模板吧h1标签该如何正确使用
360模板吧h1标签该如何正确使用

如何检查自己网站有没有h1标签:

  • 1.在自己网站主页Ctrl+U,打开页面后继续Ctrl+F
  • 2.输入“h1”如没有h1那就没有使用h1标签
  • 3.如没有h1或有2个以上,那么恭喜你,你的网站该优化了

h1标签该如何正确使用:

关于h1标签网上也是众说纷纭,但不外乎两点,一是网站logo,另一个就是文章标题,如用在文章标题,那么网站就有很多h1标签,所以我个人觉得是不可取的,我认为全站只能有一个h1标签,,有很多人把h1用在文章标题上,这样虽然看似对文章权重友好,但其实这对搜索引擎是不友好的,是不是作弊,我相信这就不用我来说了吧,所以多数站长都是用在网站logo上,但有一种情况可以除外,那就是网站是静态的时候,可以用在网站标题上,无奈多数网站都是做的伪静态,所以这类情况很少,除非你是一个单纯的html网站。

h1标签应该放到网页代码什么位置?

上面简述说明了h1标签该如何正确使用,下面我们就来看看h1标签该如何配置到自己的网站,以及小白参考代码,大家可以查看我们360模板吧的代码,我们是使用在网站LOGO上面的,大家可参考下面规则:

<h1 class="logo">关健词</h1>

我们网站使用的是下面的样式:

<h1 class="logo-wrapper">
  <a href="https://www.360mb.net/"><img class="logo regular tap-logo" src="https://cdn.360mb.net/wp-content/images/logo/logo.svg" data-dark="" alt="360模板吧"></a>
</h1>

解释:

<h1 class="样式代码">
<a <href="网站地址"><img class="样式代码" src="logo图片地址" alt="图片说明"></a></h1>
</h1>

其他案例展示:

我们再来看看网易的h1标签:

<h1 class="logo"><a hidefocus="true" href="/#">网易云音乐</a></h1>

其实这个和我们的差不多,他无非是把logo写在了css样式里面。

网易云音乐网站h1使用实例
网易云音乐网站h1使用实例

 

1. 本站所有源码、模板、插件等其他资源,都不包含免费技术服务请大家谅解!
2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
5. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考《退款规则》!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!

360模板吧 » h1标签该如何正确使用,应该放到网页代码什么位置?

发表评论