Memasang Title Tag pada Blog Agar Seo Friendly Lengkap

Memasang Title Tag pada Blog Agar Seo Friendly Lengkap - Sebelum membahas ulasan kali ini Alangkah baiknya untuk para pemula yang masih bingung tentang apa itu Title Tag pada blog dan apa Fungsi juga bagaimana cara pemasanganya, 
Title tag adalah judul artikel yang terletak di bar browser, untuk meningkatkan relevansi pada title tag, maka anda harus menyisipkan/ meletakan kata kunci yang anda incar pada title tag. sebenarnya cukup mudah jika anda mengetahui caranya. Dengan memasang meta tag, blog akan lebih seo friendly dan juga memudahkan blog anda mendapatkan rangking tinggi di google dan pada ulasan saya kali ini saya aka membahas secara lengkap cara memasang/pemasangan Title tag pada template blog

Cara Memasang Title Tag pada blog lengkap - contoh singkat apa itu Title tag , Sebagai contoh, jika judul artikel anda adalah "cara membuat blog", maka tulisan yang akan terlihat di title bar browser adalah "cara membuat blog" dan contoh untuk gambarnya seperti berikut .

Memasang Title Tag pada Blog

Terlalu bertele-tele oke langsung saja pada inti pembahasan artikel Cara pemasangan title tag sangatlah mudah, untuk itu ikuti cara berikut:
  • Masuk ke beranda blog anda
  • Masuk ke menu template
  • Edit HTML
  • Carilah kode berikut ini

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
  •  Untuk memudahkan, tekan ctrl + F lalu cari kode <title>
  • Lihat apakah kodenya sudah sama degan kode di atas
  • Jika belum, hapuslah kode diantara  <title> dan <title>
  • Carilah kode <head>
  • pastekan kode diatas tepat dibawah kode <head>
Atau bisa memasang Title tag yang berbeda dan lebih Seo Friendly seperti di bawah

 Cari kode seperti dibawah ini, gunakan CTRL+F

<title><data:blog.pageTitle/></title>

Jika sudah ketemu, silahkan ganti kode tersebut dengan kode title tag dibawah ini.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

5. Lalu save template blog sobat.

Untuk melihat hasilnya, sobat bisa melihat setelah sobat mengupdate artikel dan sobat bisa mengecek apakah posisi judul posting sudah diawal.  

selanjutnya yaitu pemasangan Title tag pada Popular Post karena title tag tadi tidak berlaku pada Popular post .

Menambahkan Title Tag Pada Popular Post ini juga merupakan salah satu teknik SEO on page pada blog kita, selain itu juga dengan cara menambahkan title tag pada populer post ini bisa untuk meningkatkan tingkat score seo anda di CHKME dan mengatasi missing website link di chkme, lalu seperti apa contoh populer post dengan title tag ituh, silahkan lihat contoh gambar di bawah.

Memasang Title Tag pada popular post blog


Gambar di atas menunjukan ketika cursor mouse kita mengarahkan ke artikel popular post, maka akan muncul title tag info seperti contoh di atas, ini juga sama halnya seperti kita menambahkan atribut title tag pada sebuah gambar posting, sampai disini pasti anda sudah paham dengan titel tag populer post ini, lalu bagaimana cara untuk membuatnya atau cara optimasinya? silahkan ikuti tutorialnya.

Menambahkan Title Tag Pada Popular Post Agar Lebih Seo.


1. Buka akun blogger anda.
2. Pilih menu Template > Klik Edit Html.
3. Silahkan anda cari kode seperti ini PopularPosts2 atau PopularPosts1 (Gunakan Ctrl+F)
4. Maka semua kode widget PopularPosts yang akan muncul di template anda akan seperti di bawah ini.


<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
 
  </div>
</b:includable>
  </b:widget>

5. Jika anda sudah menemukan kode seperti di atas, silahkan anda ganti kode tersebut dengan kode di bawah ini.

<b:widget id='PopularPosts2' locked='false' mobile='yes' title='Entri Populer' type='PopularPosts'>
  <b:includable id='main'>
        <b:if cond='data:title'><h2><data:title/></h2></b:if>
        <div class='widget-content popular-posts'>
       <ul><b:loop values='data:posts' var='post'>
         <li><b:if cond='data:showThumbnails == &quot;false&quot;'><b:if cond='data:showSnippets == &quot;false&quot;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == &quot;false&quot;'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
       </ul>
        </div><div class='clear'/>
      </b:includable>
</b:widget>

6. Klik Save Template.

Sekarang lihat hasilnya dengan mengarahkan mouse anda ke populer post, jika sudah muncul, maka anda patut mengucapkan Alhamdulillah, untuk lebih dan kurangnya saya mohon maaf, semoga sukses.


Tags :

title tag
title tag adalah
title tag blogger
title tag javascript
title tag checker
title tag analyzer
title tag for seo
title tag link
title tag html code
title tags
title tag html
title tag and meta description
title tag a
title tag and seo
title tag attribute
title tag a href
title tag attributes
title tag application georgia
title tag agency florida
title tag break line
title tag blogger template
title tag blogspot
title tag best practices
title tag best practices 2014
title tag bilder
title tag beispiel
title tag betekenis
title tag br
title tag css
title tag counter
title tag css style
title tag character limit
title tag css styling
title tag character count
title tag checker tool
title tag code
title tag creator
title tag definition
title tag description
title tag drupal 7
title tag deutsch
title tag dreamweaver
title tag div
title tag dynamic
title tag drupal
title tag delay
title tag definitie
title tag example
title tag extractor
title tag element
title tag explained
title tag email
title tag editor
title tag emulator
title tag encoding
title tag emoji
title meta tag example
title tag for image
title tag for website
title tag for html
title tag for blogger
title tag for a href
title tag for google
title tag for link
title tag for wordpress
title tag for pdf
title tag generator
title tag google
title tag generator tool
title tag google length
title tag georgia
title tag google länge
seo title tag generator
title tag registration georgia
get title tag jquery
get title tag javascript
title tag href
title tag how long
title tag head html
title tag html image
title tag html link
title tag html seo
title tag h1
title tag html email
title tag html tooltip
title tag in html
title tag in wordpress
title tag in seo
title tag image
title tag is used to define
title tag in body
title tag is nested within the
title tag in svg
title tag in css
title tag in email
title tag jsp
title tag joomla
title tag joomla 2.5
title tag joomla 3
title tag jquery
title tag jsf
title tag joomla 1.5
title tag joomla ändern
title tag jimdo
title tag keywords
title tag keyword
title tag keyword stuffing
title and tag kingston pa
title and tag keyser ave
title tag and meta keyword optimization
northeast title and tag keyser oak
northeast title and tag keyser oak hours
title tag meta description meta keywords
knockout title tag
title tag length
title tag length google
title tag line break
title tag länge
title tag length checker
title tag location
title tag là gì
title tag länge seo
title tag links
title tag moz
title tag max length
title tag meaning
title tag must be within
title tag meta description
title tag maximum length
title tag meta
title tag modifiers
title tag mdn
title tag missing
title tag near me
title tag not working
title tag number of characters
title tag not working html
title tag not showing in google
title and tag
title tag and h1
html title tag new line
title tag optimization
title tag optimization tool
title tag on website
title tag of html
title tag on images
title tag on wordpress
title tag on div
title tag office
title tag optimization tips
title tag on image
title tag preview
title tag pixel width
title tag preview tool moz
title tag pixel width tool
title tag pixel width checker
title tag pixel length
title tag php
title tag plugin wordpress
title tag prestashop
title tag pdf
title tag o que é
tag title para que serve
qtranslate title tag
qtip title tag
title tag que es
title tag rules
title tag reddit
title tag rewriter
title tag recommendations
title tag registration florida
title tag regex
title tag ranking factor
title tag rewriter seo ultimate
title tag rails
title tag seo
title tag squarespace
title tag shopify
title tag same as h1
title tag examples
title tag starts with keyword
title tag syntax
title tag style
title tag svg
title tag scranton pa
title tag tester
title tag too long
title tag testing
title tag tools
title tag tooltip
title tag transfer fees florida
title tag table html
title tag typo3
title tag tax
title tag to div
title tag url
title tag uppercase
title tag umlaute
title tag use
title tag umbruch
title tag using css
tag title upper marlboro md
change title tag using jquery
html title tag umlaute
change title tag using javascript
title tag vs h1
title tag vs alt tag
title tag vs meta tag
title tag vs page title
title tag vs meta description
title tag voorbeeld
title tag vertical bar
title tag validation
title tag vs. meta name title
tag title volusia county
title tag wordpress
title tag website
title tag word count
title tag w3schools
title tag wordpress plugin
title tag writer
title tag with image in html
title tag with image
title tag what is
title tag wp
title tag xss
title tag xhtml
title tag xml
title tag xt commerce
title tag xpath
html title tag xss
xsl title tag
xtcmodified title tag ändern
xtcmodified title tag
title tag yoast
title tag yoast wordpress seo
yii title tag
youtube title tag
tag title york pa
mw3 title tag your it
brenneman tag title york pa
runkles tag title york pa
title tag zeichen
title tag zeilenumbruch
title tag zu lang
html title tag zeilenumbruch
title tag anzahl zeichen
title tag wie viele zeichen
zeichenlänge title tag
title tag 101
title and tag 18704
title and tag 18702
title and tag 18360
title-tag-best-practices-10-step-guide
northeast title and tag 18301
title tag 2017
title tag 2014
title tag 2013
title tag length 2013
title tag seo 2014
title tag length 2015
title tag optimization 2013
title update tekken tag 2
title tag best practices 2013
alabama title 32 tag
tag title match wrestlemania 31
title tag 404 page
wordpress title tag 4.1
title tag 512 pixels
html5 title tag
508 title tag
northeast title and tag 611
title tag 70 characters
html title tag utf-8

0 komentar