后台-插件-广告管理-内容页广告位一(手机)

您现在的位置是:首页 > HTML技巧 > HTML技巧

H1标签结合dede做SEO优化

2018-11-19 15:08 HTML技巧 人已围观

简介很多SEOer认为做搜索排名工作只要重视内容和外链就可以,但是如果你稍微去优化下h1标签,你会发现你页面的更具有排名,本文将教你如何使用H1标签做优化.

首先打开网站根目录---->模板文件夹,如下:

 

H1标签结合dede做SEO优化
 

打开 header.htm ,头部调用文件。可能会有人疑问header_m.htm是什么意思 = 移动端,一般命名都是 _m 。有的模板PC端命名为head.htm

 

好了,会正题:

 

全部复制 header.htm,里面的文件,打开 index.htm,看到头部调用标签,全中调用标签。

{dede:include filename='header.htm'/}

 


H1标签结合dede做SEO优化
 

 

粘贴覆盖调用标签 ,保存 (Ctrl+S),因为首页文件只有一个,所以调用和直接写入index.htm都是一样的。如下:

 


H1标签结合dede做SEO优化
 

 

关键看这行代码

 

<div class="pb-iblock pb-fl pb-logo"> <a href="/"><img src="/style/images/logo.png" alt="" /></a> </div>

 

 

 

根据实际模板看吧,我的是这个logo。

 

把上面的代码的div标签换成h1标签,如下:

 

<h1 class="pb-iblock pb-fl pb-logo"> <a href="/"><img src="/style/images/logo.png" alt="" /></a> </h1>

 

 

做优化呢,每个页面只能有一对h1标签,让它变成唯一一对。

保存好文件之后,一键更新生成,打开首页,按F12。如下:


H1标签结合dede做SEO优化
 

 

 

 

因为我还没更新后台,所以还是div标签。控制  网站 logo的css是 pb-logo 。

找到第三步的css文件,然后打开。第三步中的:86是 .pb-logo是在那个css第86行。知道这个作用,就找得比较快了。

 

.pb-logo{
    width: 175px;
    height: 75px;
    background: url(/style/images/logo.png) no-repeat;
}

 

 

 

然后在index.htm,h1标签里面删掉img标签。因为css文件里已经写入了,所以删掉。

 

<h1 class="pb-iblock pb-fl pb-logo"> <a href="/"></a> </h1>

 

 

 

在后台进行一下操作,然后保存变量。


H1标签结合dede做SEO优化
 

变量名称,不是重复就可以,可以跟我的变量写的一样。因为我想让“个人博客”关键词有排名,所以变量值写为“个人博客”。

然后在index.htm模板里调用这个标签

 

{dede:global.cfg_seo/}

 

 

 

<h1 class="pb-iblock pb-fl pb-logo"> <a href="/">{dede:global.cfg_seo/}</a> </h1>

 

 

然后更新生成。logo图片刚才我临时更改了。



H1标签结合dede做SEO优化
 

 

更新之后,不是自己想要的,别急。

 

来来来。进入刚才的CSS文件里面。

添加css样式

 

.pb-logo{
width: 295px;
    height: 75px;
    background: url(/style/images/logo.png) no-repeat;
    text-indent: -9999px;/*这句代码最重要的*/
}
.pb-logo a{
    display: block;/*a便签升级为块元素*/
    height: 75px;/*同高。点图片的时候,能点中,体验*/
}

 

 

 

最终代码。

然后保存,更新。

 


H1标签结合dede做SEO优化
 

 

效果已经出来。

 

注意:更新生成的时候,顺便清除一下流量器的缓存。不然有可能改了代码,没有效果。

 

如果看了本文章还不会改的话,可以联系博主,帮助你哟。

Tags:文章 哈尔滨 站外 莱芜 h1标签, SEO优化,

很赞哦!3+

后台-插件-广告管理-内容页广告位四(手机)

站点信息

  • 文章统计179篇文章
  • 浏览统计26243次浏览
  • 评论统计24个评论
  • 标签管理标签云
  • 统计数据:统计代码
  • 微信公众号:扫描二维码,关注我们