0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > h1标签的使用技巧

h1标签的使用技巧
热门标签：随州外呼系统厂家 南山电话机器人 苏州做电话机器人 地图标注微信好友 地图标注楼盘 ai电话机器人效果差 沈阳400电话办理多少钱 快速更改地图标注点标 南昌电话机器人系统
h1标签的正确使用可以达到seo的目的，那么如何在使用h1标签的同时，又不失去原有的美观呢？事实上，正确使用h1标签，我们既可以达到seo的目的，也能达到美观的目的。大家都知道搜索引擎比较喜欢h1标签。在SEO中h1标签也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，h1标签也就对搜索引擎失去了作用。

其实通过一点小的调整则可以将两者兼顾。我们需要两张图片：
1
2

       看看这段。h1标签对搜索引擎依然可读，我们只是利用text-indent:-9999px;将“邀请好友加入”的文字远远的扔到左边去了。
复制代码 代码如下:

style> 
.test{} 
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; background:url(header.gif) no-repeat;} 
.testbox{background:url(bg.gif); width:522px; height:323px;} 
/style> 
div class="test"> 
h1>邀请好友加入/h1> 
/div> 
div class="testbox">/div>


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

h1标签还可以这样使用,当然你也可以对h1标签使用样式比如字体大小，字体颜色之类的，当然像上面例子，只是为了达到seo的目的，就不需要使用样式对h1标签进行修改了，因为显示在用户面前的是一张图片。 

标签：深圳 玉树 潍坊 商洛 石家庄 昭通 潍坊 大同

巨人网络通讯声明：本文标题《h1标签的使用技巧》，本文关键词  标签,的,使用技巧,标签,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《h1标签的使用技巧》相关的同类信息！
  • 本页收集关于h1标签的使用技巧的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：div+css实现自适应宽度按钮

    下一篇：base href 使用方法详解

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： h1标签的使用技巧 标签,的,使用技巧,标签,