首页 seo实战教程正文

seo实战—分享高质量模板如何做!

xueseo seo实战教程 2020-04-16 673 0 | 文章出自:漫雪博客http://www.xueseo.org seo实战

seo实战—分享高质量模板如何做!

seo实战,高质量模板如何产生的!首先必备基础htm+css不需要你静态,起码一些规则需要懂得!

例如:<body></body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

<a href="连接地址">链接标签</a>

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

<img src="url" /></img>

<section class="ly_top ly_top2">

  <div class="ly_top_in">

  </div>

</section>

image.png

seo实战高质量模板需要了解,这些标签的作用,那么就给大家简单的说下,标签的使用和如何嵌套<section><div><ul><li>Coffee</li></ul></div></section>;h和p标签一般可以放在做里面,或者代替ul和li我们明白了html标签的使用,有seoer们会问class是做什么用的,这是个样式的定义,也就是说,你们看到图片在做左边在右边,间隔等,都是通过他来定义的,只需要明白是做什么的就可以了。

接下来,我们来看一段实例,这个一段层级的输出!我们是从网上下载下来的,相同的模板肯定会比较多!那么,如何seo实战如何改成高质量的模板那?通过以下几步:

<section class="ly_top ly_top2">

  <div class="ly_top_in">

    <div class="top_logo"><img src="{dede:global.cfg_templets_skin/}/images/logo.jpg"></div>

    <div class="top_right"> <a href="" class="tr tr1"  rel="nofollow">

      <div class="tr_l"></div>

      <div class="tr_r">

        <p>联系电话</p>

        <span>{dede:global.tel/}</span></div>

      </a> <a href="mailto:admin@youweb.com" class="tr tr2" rel="nofollow">

      <div class="tr_l"></div>

      <div class="tr_r">

        <p>邮箱地址</p>

        <span>{dede:global.e_mail/}</span></div>

      </a> <a href="https://wpa.qq.com/msgrd?v=3&amp;uin=88888888&amp;site=qq&amp;menu=yes" class="tr tr3" rel="nofollow">

      <div class="tr_l"></div>

      <div class="tr_r">

        <p>QQ客服</p>

        <span>{dede:global.qq/}</span></div>

      </a> </div>

    <div class="clear"></div>

  </div>

</section>


seo实战—分享高质量模板如何做:第一:可以在<section class="ly_top ly_top2">下面增加<p class=“”></p>标签或者<li></li>标签层级改变的,框改了,这样就和原始模板有了一定的却别。

seo实战—分享高质量模板如何做:第二:class修改属性,需要注意的是,class修改属性后,css对应的文件,也需要修改!!!修改成对应的值。

seo实战—分享高质量模板如何做:第三:div标签中间增加ul或者p标签都可以哦!下面我们就来看下,修改后的层级关系:

<section class="ly_top ly_top2">

<p class=“ko_a”></p>

  <div class="ly_top_in">

    <div class="top_logo"><img src="{dede:global.cfg_templets_skin/}/images/logo.jpg"></div>

<p class=“ko_a”></p>

    <div class="top_right"> <a href="" class="tr tr1"  rel="nofollow">

<ul><li class="ko_e"></li></ul>

      <div class="tr_l"></div>

      <div class="tr_r">

        <p>联系电话</p>

        <span>{dede:global.tel/}</span></div>

      </a> <a href="mailto:admin@youweb.com" class="tr tr2" rel="nofollow">

      <div class="tr_l"></div>

<p class=“ko_a”></p>

      <div class="tr_r">

        <p>邮箱地址</p>

        <span>{dede:global.e_mail/}</span></div>

<p class=“ko_e”></p>

      </a> <a href="https://wpa.qq.com/msgrd?v=3&amp;uin=88888888&amp;site=qq&amp;menu=yes" class="tr tr3" rel="nofollow">

      <div class="tr_l"></div>

      <div class="tr_r">

        <p>QQ客服</p>

<ul><li class="ko_e"></li></ul>

        <span>{dede:global.qq/}</span></div>

      </a> </div>

    <div class="clear"></div>

  </div>

</section>


修改后:seo实战分享高质量模板就这样产生了!

雪儿小编就和大家分享到这里了!!



版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。