ilustrasi membuat blog agar seo friendly dengan google

ilustrasi membuat blog agar seo friendly dengan googleilustrasi MEMBUAT BLOG agar SEO FRIENDLY dengan google


ilustrasi MEMBUAT BLOG agar SEO FRIENDLY dengan google, sebenarnya bisa agak sulit untuk blogger pemula. Jadi bagi teman-teman blogger yang masih baru, mungkin anda perlu waktu lebih lama untuk memahami ini. Artikel ini adalah bagian dari seri pengetahuan SEO terpadu yang sudah melalui ujicoba setahun ini. Jadi jika anda mengikuti urutan paket ini dengan benar, maka anda pasti sudah mengetahui Apa itu SEO?SEO Tools Terbaik Untuk BrowserCara Memilih Tema Blog, dan Cara Memilih Kata Kunci Blog Anda

PENGETAHUAN SEO  CARA MEMBUAT BLOG SEO FRIENDLY, Membuat Blog Gratis di blogger Atau Domain yang seo. Pada tahap ini anda diposisikan untuk mengambil keputusan apakah harus mengambil domain gratis atau domain premium. Sebenarnya apa pengaruh domain gratis ataupun domain premium dalam masalah SEO ini?Dalam hal SEO, memilih nama domain yang mengandung kata kunci itu sangatlah menguntungkan, tapi di sisi lain juga akan menaruh tuntutan yang besar untuk menyediakan konten yang benar-benar berkualitas.
Kalau anda tidak yakin bisa menyediakan konten berkualitas untuk topik tersebut, maka jauh lebih baik memakai nama domain yang umum, atau domain gratis saja. Tapi kalau anda yakin sangat menguasai materi tersebut, maka jauh lebih menguntungkan jika anda memakai domain yang mengandung kata kunci. Apa keuntungan memakai domain sendiri? Sebenarnya ada banyak keuntungannya. Anda bisa mengurangi persaingan dengan sesama domain blogspot. Anda juga akan lebih mudah pulih dari efek hacking. Blog anda terlihat lebih profesional (bagi pebisnis online), dan bebas dari pemantauan Google tentang panduan kualitas konten.... Jadi anda lebih aman dari kebiasaan Blogger yang suka main hapus jika anda melanggar TOS (Term Of Services/Syarat Layanan) mereka.


MEMILIH NAMA URL yang seo
Sebagaimana sudah dituliskan di atas, URL yang mengandung kata kunci bisa jadi akan sangat menguntungkan anda jika anda menguasai materi tersebut. Tapi kalau anda tidak terlalu menguasai materi tersebut, maka jauh lebih baik anda memilih nama yang bebas saja. Selain masalah pengetahuan anda terhadap topik,....ada beberapa kondisi di mana anda lebih baik memilih nama yang bebas saja: Blog anda adalah blog yang berisi berita campuran. Kata kunci utama anda jumlah pencarinya jauh lebih sedikit dari kata-kata kunci pembantunya. Jika kondisinya seperti di atas, anda boleh menggunakan "merek" anda sebagai nama URL

Buat Blog Yang SEO Friendly dengan mengaktifkan fitur meta description di tamplate blog
Setelah anda menentukan nama domain, maka sudah saatnya untuk membuat blog anda. Harap diperhatikan bahwa saat membuat blog, jangan lupa mengaktifkan fitur meta description.

Gunakan Template Blog SEO Friendly dengan google
Tentu saja untuk membuat blog yang SEO friendly, maka blog anda harus menggunakan template yang SEO friendly juga. Untuk masalah ini ada dua opsi yang bisa anda pilih:Mencari template SEO friendly yang sudah jadi, atau Mengedit template anda saat ini menjadi SEO friendly. Jika anda ingin menggunakan template SEO friendly yang sudah jadi, maka anda bisa menggunakan koleksi template blog SEO friendly dari blog ini, atau anda juga bisa mencari di google koleksi template SEO friendly lainnya. Tapi kalau anda mau mengedit sendiri, atau anda mengenal orang yang bisa mengeditkan template anda, maka harap sesuaikan template blog anda dengan kriteria-kriteria yang saya jabarkan di artikel 

Lakukan Optimasi Onpage
Setelah struktur blog anda memenuhi kriteria template blog yang SEO friendly, maka sudah waktunya untuk melakukan optimasi onpage pada komponen dasar dari  blog anda.... Berhubung optimasi SEO onpage ini cukup panjang, nanti akan saya bahas di artikel selanjutnya.... Tentunya versi onpage kali ini ada beberapa perbedaan dengan yang lama....

Buat artikel blog yang memenuhi kriteria SEO friendly
Sebelumnya saya juga sudah membahas tentang artikel blog yang SEO friendly. Teman-teman blogger bisa membaca di artikel cara membuat artikel berkualitas standar SEO. Di sini saya cuma mau menekankan bahwa artikel yang saudara buat itu harus unik.... berbeda dari yang sudah ada di dunia maya. Jika bisa, maka sebaiknya buatlah artikel yang panjang dan mendetail, karena itu akan sangat membantu anda untuk menguasai banyak kata kunci. Saya selalu berusaha membuat artikel yang panjang dan mendetail, tujuannya agar lebih banyak kata kunci yang tertangkap oleh satu artikel.... Mungkin saat ini satu artikel saya bisa mempunyai sekitar 60 variasi kata kunci. Jadi walaupun hampir semua ranking drop karena eksperimen terakhir yaitu over optimization, tetap saja jumlah pengunjung lumayan terjaga.... (tapi jelas kurva pengunjung blog saya masih rendah dari sebelumnya... saat ini masih minus sekitar  20% dari sebelumnya). Mungkin itu saja pengetahuan dasar cara membuat blog yang SEO friendly. Ke depannya akan dibahas lebih mendetail lagi.... Yang pertama akan saya bahas tentunya adalah optimasi SEO onpage.... Ok, terima kasih sudah mampir membaca di blog ini....

Cara meModifikasi Template Blogger agar SEO Friendly dengan google

Masih melanjutkan postingan saya sebelumnya seputar template SEO friendly, kali ini saya ingin sedikit berbagi tutorial tentang bagaimana cara memodifikasi template blogger menjadi lebih SEO friendly. Tutorial seperti ini sebenernya sudah cukup basi. Ketika saya masih baru mengenal dunia blogger tutorial seperti ini sudah banyak yang membahasnya. Tapi tentu saja apa yang akan saya bagikan disini adalah sesuai dengan pengalaman dan hasil experimen sendiri, jadi mungkin akan ada perbedaan dengan tutorial-tutorial yang pernah ada sebelumnya. Tutorial modifikasi template kali ini saya menggunakan template bawaan blogger bernama Simple sebagai bahan contohnya. Template yang sobat pakai mungkin berbeda jadi mungkin akan ada beberapa kode yang berbeda dengan yang ada pada tutorial ini.

Cara  Modifikasi Title SEO Friendly google

Seperti yang sudah bahas pada postingan sebelumnya, hal pertama yang paling penting pada sebuah template adalah Title tag. Untuk memodifikasi Title tag pada template blogger agar lebih SEO friendly adalah seperti ini:
Cari kode berikut ini di dalam template sobat:
<title><data:blog.pageTitle/></title>
Setelah itu hapus dan ganti dengan kode title tag SEO friendly ala Mas Sugeng di bawah ini:
<!-- 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>
Note : jika sobat menggunakan template yang bukan dari blogger, maka biasanya struktur title tag di template sobat sudah dimodifikasi, jadi lebih baik untuk dibiarkan saja.

Cara Modifikasi Meta Tag SEO Friendly

Di sini saya tidak akan memberikan terlalu banyak penjelasan tentang kode-kode yang dimodifikasi, karena semuanya sudah saya terangkan pada postingan saya sebelumnya, terutama masalah meta tag. Jadi langsung saja untuk memodifikasi meta tag agar lebih SEO friendly, silakan sobat copy/salin kode berikut ini:
<!-- 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>
Setelah itu paste kode tersebut di bawah kode <head> di dalam template sobat.

Cara membuat Tag Heading Dinamis

Selanjutnya yang perlu sobat lakukan adalah memodifikasi Tah Heading agar dinamis. Dinamis gimana kamsudnya masbro? please baca postingan saya sebelumnya untuk mendapatkan penjelasannya.
Cari kode ini di dalam template sobat:
        <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 can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's 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>
Kode yang panjang banget tersebut adalah kode untuk bagian header sob, tempat menampilakan judul dan juga deskripsi. Sebelum sobat mencari kode tersebut silakn sobat perhatikan kode yang saya tandai merah di atas, kode tersebut akan berbeda-beda sesuai dengan judul blog sobat.
Jika sobat sudah menemukan kode tersebut, silakan hapus semuanya dan ganti dengan yg sudah saya modifikasi di bawah 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 can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's 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>
Masih belum selesai, langkah selanjutnya adalah mengedit pada bagian judul postingan. Caranya cari kode di bawah ini di dalam template sobat:
    <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>
Hapus semua kode tersebut dan ganti dengan yang ini:
    <b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <h1 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>
          </h1>
     <b:else/>
          <h2 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>
          </h2>
  </b:if>
   <b:else/>
        <h1 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>
        </h1>
   </b:if>
    </b:if>
Apakah sudah selesai ???? belum!!!
Sebenernya sampai langkah ini sudah cukup untuk membuat struktur tag heading di blog sobat menjadi dinamis, tapi mungkin akan ada keanehan yang akan sobat lihat di blog sobat, yaitu judul blog menjadi terlihat kecil. Solusinya silakan sobat cari kode ini:
.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
 
.Header h1 a {
  color: $(header.text.color);
}
Hapus dan ganti dengan ini:
.Header h1.title,.Header p.title {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
 
.Header h1.title a,.Header p.title a {
  color: $(header.text.color);
}
Saya yakin sobat nggak akan menemukan kode tersebut jika tidak menggunakan template Simple dari blogger, jadi saya hanya bisa mengucapkan selamat berpusing ria.

Memasang breadcrumb

Cari kode di bawah ini:
<b:includable id='main' var='top'>
Hapus kode tersebut dan ganti dengan yang di bawah ini:
  <b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'> 
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span> 
     </div> 
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'> 
        <div class='breadcrumbs'>
     <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span> 
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable> 
 
      <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>

Setelah itu tinggal sobat tambahin sedikit CSS agar tampilannya nggak terlalu polos. Copy/salin kode CSS di bawah ini:
.breadcrumbs {
 font-size: 11px;
 color: #666;
 padding: 10px 0px;
 margin: 10px 0px 20px;
 border-bottom: 1px solid #ddd;
}
Dan taruh di atas kode:
]]></b:skin>
Huft..!
Saya rasa semua yang di atas sudah cukup untuk membuat template blog sobat menjadi lebih ganteng dari sebelumnya. Saya tahu bagi sobat yang nggak terbiasa berurusuan dengan kode pasti tutorial di atas hanya akan membuat puyeng. Jadi solusinya cukup download saja template yang sudah jadi.
Simple SEO, template modifikasi ala Mas Sugeng. Download Klik Disini. Demo Klik Disini.
Silakan bisa sobat download template Simple yang sudah saya modifikasi melalui link di atas. Template ini sudah saya tambahkan auto readmore agar terlihat lebih rapih.
Sobat bisa menggunakan template ini untuk blog dummy, atau untuk belajar modifikasi template. Jangan lupa juga untuk melihat koleksi template saya diwww.evotemplates.net.


Beragam  Cara Ampuh Membuat Blog Seo Friendly. Sobat blogger, saya melihat banyak sekali teman-teman blogger di grup kumpulan blogger yang memperbincangkan bahwa mereka akan bermigrasi ke wordpres dengan alasan SEO,saya berpikir,apa yang berebeda, kenapa mereka bermigrasi dari blogspot ke wordpress dan tidak suka blogspot, ketika saya bertanya alasannya adalah karena blogspot banyak sekali keterbatasan untuk mengoptimalkan SEO blog mereka. Optimasi Title Tag Otomatis Pada Judul Postingpasti ada banyak sekali ketika anda mencari sebuah panduan dan tutorial tentang blogspot untuk mengoptimalkan SEO, namun pada wordpress semua itu tidak terlalu ribet karena wordpress memang menyediakan plugin untuk mengoptimalkan SEO sangat mudah sekali, memang cukup masuk akal dengan alasan mereka. Namun di artikel saya kali ini saya tidak ingin membahas seo untuk wordpress,  karena menurut saya blogspot tetap lebih baik dalam pengoptimalan, selain itu kelebihannya anda akan mampu menguasai kode-kode html dan untuk itu saya disini akan berbagi beberapa tips trik untuk mengoptimalkan seo blog anda lebih bisa SEO friendly, namun jika anda yang masih berencana untuk membuat blog disini adalah panduan singkat dan mudah untuk membuat blog : Cara mudah membuat blog untuk pemula. Ketika kita berbicara masalah SEO, hal pertama yang anda butuhkan adalah mengecek seo blog anda di page seo seperti  Chkme.com dan masih banyak, lalu di ikuti dengan pengoptimalan kualitas artikel dan seberapa baik juga anda mengoptimalkan keyword dan nilai meta untuk artikel tersebut namun anda tidak perlu di pusingkan akan hal ini karena saya disini saya akan memberi panduan dasar untuk membuat blog anda lebih dan sangat SEO dan killer friendly :) 

 Format Link Posting URL Blog.
Permalink atau Permanent Link memainkan peran besar dalam peringkat artikel anda dalam posisi serp di search engine, ada beberapa aturan yang anda juga harus mengikuti aturan tentang permalink di blogspot. Judul Posting Tidak Boleh Melebihi 50 Karatkter. Jangan Gunakan Kata Berhenti Atau Stop Words Dalam Permalink Dan Meta Tag. Kata-kata stop words ini tidak baik untuk search engine karena jika anda menggunakan permalink dengan kata-kata dalam daftar stop words, maka pengindekan kata kunci akan di abaikan sampai kata stop words oleh google,namun saat anda menulis sebuah artikel,anda mempunyai pilihan untuk mengedit permalink artikel anda, cukup menggunakan atau mengedit di panel pengaturan permalink. Dalam panel pengaturan format bahasa indonesia adalah (Tautan Permanent) dan silahkan hapus kata-kata berhenti atau stop words di panel permalink, untuk mengedit permalink cukup mudah dengan cara manual,cukup memilih permalink dan anda edit sendiri sesuai keinginan.
Screenshot :


Mempertahankan Kepadatan Kata Kunci (Keyword)
Keyword merupakan aspek penting untuk posisi artikel anda di search engine, tertalu sedikit keyword di artikel akan menyebabkan kurang peringkat dan isian keyword,namun anda juga tidak perlu melakukan penempatan keyword terlalu banyak karena menyebabkan over optimasi, saya biasanya menjaga rasio 2% /post, namun disana anda dapat menempatkan banyak kata kunci untuk optimasi SEO, tentunya harus relevan, setelah selesai anda membuat post, anda dapat menganalisis seluruh post untuk mengetahui posisi yang tepat untuk penempatan keyword dan tentu tanpa mengganggu pembaca dalam penempatannya.

Label Yang Tepat Dan Posting Terkait.
Label menambahkan kepadatan kata kunci dari pos, label harus mempunyai pelebaran sesuai dalam kategori daripada single kategori, saya jelaskan dengan contoh sepeti anda membuat sebuah posting, misalkan anda membuat artikel tentang "Google Chrome" dengan tiga kategori Windows,Browser,Perngkat lunak, maka otomatis label menambahkan kepadatan kata kunci dalam seluruh post dan label mempengaruhi tulisan artikel terkait di blog.  silahkan anda lihat artikel terkait sesuai label yang anda baca, maka di artikel terkait akan memberikan posting sesuaa label. Dan jika ada begitu banyak posting dengan label yang sama di tandai di label tersebut akan mempengaruhi susunan artikel di related post atau artikel terkait di blog anda.

Format Judul Posting Blog
Ketika berbicara tentang SEO blog, maka format judul memainkan peran utama, maka penempatanya biasanya Judul posting di tempatkan di awal dan diikuti oleh judul blog, silahkan lihat gambar di bawah ini. Pada posisi penempatan nomor satu adalah yang benar, karena keyword yang di targetkan di search engine adalah judul artikel baru di ikuti oleh judul blog, untuk penempatan di nomor 2 memperlihatkan judul blog diawal dan judul posting yang di targetkan di akhir dan itu sangat buruk untuk seo, namun untuk cara mengatasi atau mengoptimalkannya adalah dengan mengganti title.
Anda dapat menemukan kode html seperti di bawah di edit html.

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

Dan ganti kode tersebut dengan kode dibawah ini.

<b:if cond= 'data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title> </b:if>

Untuk lebih jelasnya silahkan anda lihat disini : Cara Membuat Template Blog Seo Friendly

 Optimasi SEO Untuk Gambar.
Optimasi gambar untuk SEO dengan menggunakan tag alt dan tag title di setiap gambar, dan ini bisa di lakukan secara manual dilakukan setelah anda mengupload gambar, optimasi tag alt dan tag title untuk memberi tahu mesin pencari tentang inforamasi tentang gambar tersebut saat melakukan pencarian dengan gambar sesuai title. anda cukup klik kanan pada gambar dan klik properti lalu masukan title pada gambar tersebut : contoh gambar


Menambahkan Meta Deskripsi.
Meta tag menghasilkan tag HTML yang di gunakan oleh mesin pencari untuk mengedintifikasi judul,deskrispsi dan rincian lain dari URL, memang tidak banyak berpengaruh tapi akan memiliki dampak sedikit pada kata kunci yang di targetkan, ketika anda selesai membuat artikel, maka anda tinggal memasukan deskripsi, contoh gambar di bawah : 


Link Eksternal Noffolow
Nofollow adalah atribut Html yang tercantum pada hyperlink untuk memblokir keuntungan mesin pencari link eksternal dalam website, jadi ketika anda menggunakan link keluar ke website lain, anda bisa menggunakan rel='nofollow'atribut setelah URL, untuk mencegah mesin pencari merayapi link tersebut

12 komentar:

  1. mantap pak ilustrasinya, sangat bagus untuk diterapkan

    ReplyDelete
    Replies
    1. semoga artikelnya berguna untuk kemajuan blog anda

      Delete
  2. terimakasih atas informsinya, it is so good

    ReplyDelete
  3. thanks for the information and I love this website blog (greetings)

    ReplyDelete
  4. terimakasih buat informasinya...

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. eahh bagus banget artikelnya..

    ReplyDelete
  7. postingan yang sangat bagus, mendidik

    ReplyDelete
  8. terima kasih atas infonya..

    visit my link to st3telkom.ac.id

    ReplyDelete
  9. i like this site, thanks for information.

    ReplyDelete
  10. Artikel ini cukup gamblang gan...
    semua diatas adalah SEO onpage.

    Sukses terus buat blog nya...

    ReplyDelete

Silahkan Berkomentar Sesuai Dengan Topik, Jangan Menggunakan Kata-Kata Kasar, Komentar Dengan Link Aktif Tidak Akan Dipublikasikan

ttd

Admin Blog