Friday, February 10, 2017

Cara Jitu Edit Template Agar Juara 1 di Pencarian Google

Cara Jitu Edit Template Agar Juara 1 di Pencarian Google


Cara Jitu Edit Template Agar Juara 1 di Pencarian Google - sebuah artikel baru mengenai bagaimana cara kita untuk mengubah template kita menjadi SEO Friendly. Kebanyakan dari template  yang anda gunakan belum maksimum dikategorikan seo. Jadi ada beberapa faktor yang mempengaruhi yakni sebagai berikut :

Cara Jitu Edit Template Agar Juara 1 di Pencarian Google


1. Title SEO Friendly
Jadi anda harus memperhatikan apakah title pada blog anda sudah seo friendly, nah jika belum kita akan menerapkan title seo friendly menurut Tim Kontes yakni  Cari kode dibawah ini pada dalam template sobat:
 <title><data:blog.pageTitle/></title>
kemudian gantikan dengan title SEO Versi Tim kontes sebagai berikut :
     <!-- SEO Title Tag -->
    <b:if cond=data:blog.url == data:blog.homepageUrl><title><data:blog.title/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;item&quot;><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;archive&quot;><title>Archive for <data:blog.pageName/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;static_page&quot;><title><data:blog.pageName/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.searchLabel><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
    <b:if cond=data:blog.pageType == &quot;error_page&quot;><title>Page Not Found</title></b:if>
    <b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.url != data:blog.homepageUrl><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

2. Meta Tag SEO Friendly 
nah setelah anda sudah menganti title seo friendly anjuran dari kami maka kita akan lanjut ke sesi lainnya yakni dalam sebuah blog meta tag seo sangat diperlukan untuk itu silahkan ganti meta tag anda menggunakan meta tag seo berikut: 
 <!-- SEO Meta Tag -->
<b:if cond=data:blog.homepageUrl == data:blog.url><meta expr_content=data:blog.title name=keywords/></b:if>    
<b:if cond=data:blog.pageType == &quot;item&quot;><meta expr_content=data:blog.pageName name=keywords/></b:if>
<b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.searchLabel><meta content=noindex,nofollow name=robots/></b:if></b:if>
<b:if cond=data:blog.pageType == &quot;archive&quot;><meta content=noindex,nofollow name=robots/></b:if>
<b:if cond=data:blog.isMobile><meta content=noindex,nofollow name=robots/></b:if> 
3. Tag Heading Dinamis
Setelah anda sudah  menerapkan dua langkah datas maka langkah selanjutnya menerapkan tag heading dinamis pada blog anda dengan cara cari kode berikut :

        <b:widget id=Header1 locked=true title=SEO (Header) type=Header>
          <b:includable id=main>

  <b:if cond=data:useImage>
    <b:if cond=data:imagePlacement == &quot;BEHIND&quot;>
      <!--
      Show image as background to text. You cant really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we dont force a minimum
      width if the user is using shrink to fit.
      This results in a margin-widths worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond=data:mobile>
          <div id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        <b:else/>
          <div expr_style=&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot; id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id=header-inner>
        <a expr_href=data:blog.homepageUrl style=display: block>
          <img expr_alt=data:title expr_height=data:height expr_id=data:widget.instanceId + &quot;_headerimg&quot; expr_src=data:sourceUrl expr_width=data:width style=display: block/>
        </a>
        <!--Show the description-->
        <b:if cond=data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;>
          <b:include name=description/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id=header-inner>
      <div class=titlewrapper>
        <h1 class=title>
          <b:include name=title/>
        </h1>
      </div>
      <b:include name=description/>
    </div>
  </b:if>
</b:includable>
          <b:includable id=description>
  <div class=descriptionwrapper>
    <p class=description><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id=title>
  <b:if cond=data:blog.url == data:blog.homepageUrl>
    <data:title/>
  <b:else/>
    <a expr_href=data:blog.homepageUrl><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>

untuk memudahkan anda mencari kode diatas silahkan anda ketikkan satu kata saja yakni header1 atau yang bertuliskan warna merah diatas kemudian gantikan menggunakan kode dibawah ini:
       <b:widget id=Header1 locked=true title=Simple SEO (Header) type=Header>
        <b:includable id=main>

  <b:if cond=data:useImage>
    <b:if cond=data:imagePlacement == &quot;BEHIND&quot;>
      <!--
      Show image as background to text. You cant really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we dont force a minimum
      width if the user is using shrink to fit.
      This results in a margin-widths worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond=data:mobile>
          <div id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        <b:else/>
          <div expr_style=&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot; id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id=header-inner>
     <b:if cond=data:blog.pageType != &quot;item&quot;>
    <b:if cond=data:blog.pageType != &quot;static_page&quot;>
            <h1 style=text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;><b:include name=title/></h1>
          </b:if>
  </b:if>
        <a expr_href=data:blog.homepageUrl style=display: block>
          <img expr_alt=data:title expr_height=data:height expr_id=data:widget.instanceId + &quot;_headerimg&quot; expr_src=data:sourceUrl expr_width=data:width style=display: block/>
        </a>
        <!--Show the description-->
        <b:if cond=data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;>
          <b:include name=description/>
    <b:if cond=data:blog.pageType != &quot;item&quot;>
      <b:if cond=data:blog.pageType != &quot;static_page&quot;>
              <h1 style=text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;><b:include name=title/></h1>
      </b:if>
    </b:if>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id=header-inner>
      <div class=titlewrapper>   
        <b:if cond=data:blog.pageType != &quot;item&quot;>
    <b:if cond=data:blog.pageType == &quot;static_page&quot;>
             <p class=title><b:include name=title/></p>
     <b:else/>
       <h1 class=title><b:include name=title/></h1>
     </b:if>
  <b:else/>
          <p class=title><b:include name=title/></p>
  </b:if>
     <b:include name=description/>
      </div>
 </div>
  </b:if>
</b:includable>
<b:includable id=description>
  <div class=descriptionwrapper>
    <p class=description><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id=title>
  <b:if cond=data:blog.url == data:blog.homepageUrl>
    <data:title/>
  <b:else/>
    <a expr_href=data:blog.homepageUrl><data:title/></a>
  </b:if>
</b:includable>
      </b:widget>
nah, setelah tag heading dinamis sudah anda terapkan maka lanjut ke langkah selanjutnya, jadi langkah masih ada lagi dimana kita akan menggantikan heading dari judul postingan dengan cara silahkan anda cari kode berikut :
     <b:if cond=data:post.title>
      <h3 class=post-title entry-title itemprop=name>
      <b:if cond=data:post.link>
        <a expr_href=data:post.link><data:post.title/></a>
      <b:else/>
        <b:if cond=data:post.url>
          <b:if cond=data:blog.url != data:post.url>
            <a expr_href=data:post.url><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>
Available link for download

Posted by at
Labels: , , , , , , , , ,