该网站为IT技术、SEO技术、网络营销及推广分享博客,如有技术问题,可以互相交流,本人时间很重要,广告勿扰,联系QQ:747995996
当前位置:首页 > HTML技巧 > 正文

H1标签结合dede做SEO优化

11-19 HTML技巧

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

 

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优化
 

 

效果已经出来。

 

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

 

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

转载请保留链接: http://www.bengenseo.com/html/47.html