All About Knowledge | SEO - Design - Programming

Sesuai janji saya sama agan Anif Wahyudianto. Blogging, Tips Blogging Passed SEO Test, Cara Membuat blog passed SEO Test akan saya bagikan bagaimana cara nya Membuat Website Passed SEO test..

Blogging, About Blogging Again !
Yeah That's Right. Nge blog tidak lengkap rasanya tanpa ada Optimasi SEO. Pembahasan SEO, akan di diskusikan di sini.

SEOANALYSER Tool. Tools yang sangat berguna bagi kalangan blogger untuk checking apakah blog nya sudah passed SEO atau tidak.
Tools ini sangat bermanfaat, banyak user yang check blog/web nya di sini dan melihat seberapa SEO kah Blog/website nya.

Ada beberapa cara untuk passed SEO Test ini. Namun, saya belum menjamin 100% Untuk passed SEO test kali ini. Karena saya juga berusaha untuk passed SEO Test ini. Karena Punya saya masih 62% Passed SEO Test dari yang di minta, yaitu 70% Pure.

Contoh passed SEO Test punya saya yang masih belum sepenuhnya PURE SEO Passed !

Ini di sebabkan Oleh Validasi Web checker yang belum sempurna atau banyak error nya.
saya sudah coba semua, mulai dari minify HTML nya. sampai pengecheckan atribut valid HTML nya.

Memang, validasi HTML via validator.w3.org Susah susah gampang melakukan nya. karena, error di setiap hex dan atribut mempunyai nilai sendiri. Tanpa di sadari, Widget dan CSS yang di pasang di blog kita menambah keterpurukan blog/website kita di lihat w3.org.
Namun kita akan mengatasi error tersebut. walau sebenarnya mengurangi value yang error pada validator.w3.org.

Oke, Kita sekarang ke pembahasan SEO Test.
Hari itu saya sudah pernah postingkan SEO untuk improve Passed test SEO untuk SERP.
Improve SEO Artikel nya di sini:

Improve Blog SEO Friendly

Talking About SEO, tidak lepas dari peran SERP.
Beberapa artikel saya 50%+ artikel masuk SERP. bukan hanya 50%, bahkan 70%. sisanya, SERP Page 2,3 atau bahkan terkena google sand box.

Bicara bicara SERP dan Google SandBox. Apa itu Sandbox ? ada artikel nya di sini:

Postingan bertahan di SERP
What's GoogleSandbox ?

Kita sekarang ke INTI nya.
Bagaimana Membuat Passed SEO dari tools terkemuka yaitu SEOANALYSER Tool.

First: Ubah xml version Blog kamu dari EDIT HTML kamu. tapi ingat, sebelum melakukan passed SEO Test kali ini, usahakan backup template saran saya. karena, error Dsb bukan tanggung jawab dari saya.

Ubah kode HTML kamu dan pastekan dengan kode HTML Valid yang INI:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Keyword Blog, Deskripsi blog yang relevan, panjang nya sekitar 100-150 per kata.
ini akan membantu kamu dalam mencapai SEO Friendly. check this out keyword saya. Tidak terlalu panjang, dan tidak terlalu pendek

<meta content='Get latest info about Software|symbian|Blog|SEO|Games pc|Bisnis online|Artikel pc|Modding symbian|Operating system (OS).' name='description'/>
<meta content='software gratis, hack symbian, blogging, SEO, games pc, bisnis online, Artikel, modding symbian, Windows' name='keywords'/> </b:if>

GantiTulisan yang berwarna Hijau Dengan Deskripsi Content punya kamu.
Ganti tulisan yang berwarna Biru dengan Kyeword Kontent Blog kamu.

Saran saya, Meta standart SEO Test adalah itu, jika kepunyaan kamu berbeda dari itu, saya sarankan change/ganti dengan meta kepunyaan saya yang itu. karena meta bawaan dari blog/template anda kurang berpengaruh SEO Passed.

Gunakan Link canonical agar blog kamu gampang di crawler oleh BOT !

Gunakan Meta link berikut, lalu pastekan di bawah kode <head>

<link expr:href='data:blog.url' rel='canonical'/>

Untuk GEO ID nya, perlu tambahan META beserta URL follow nya.
Untuk hal itu, saya sudah siapkan:

<meta content='blogger' name='Cyber_Newby Admin'/>
<meta content='Cyber_Newby Belajar ONLINE' property='og:title'/>
<meta content='http://cyber-newby.blogspot.com' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='archive, follow' name='googlebot'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>

tulisan berwarna merah, ganti dengan Kepunyaan Kamu.

Jika Blog kamu udah di daftarkan ke search engine seperti yahoo, MSN, bing atau dll. maka saran saya, gunakan META berikut agar blog kamu di crawler sempurna oleh BOT yang terdaftar di site SE yang bersangkutan.

<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>

Nah, kita sampai ke bagian terpenting dalam dunia blogging. Yaitu Through SERP passed !
Improve your speed Blog into faster with CSS Kompressor.

Di sini akan kita kompress CSS/HTML blog kita. tapi, saya jelaskan sekali lagi !
sebelum melakukan passed SEO Test kali ini, usahakan backup template saran saya. karena, error Dsb bukan tanggung jawab dari saya.

Go to Rancangan [Jika kamu memakai Blogger klassik] Edit HTML, lalu jangan lupa Expand template widget nya.
Kemudian, backup dahulu dari Kode <b:skin><![CDATA[/* Sampai ]]></b:skin>

Contoh seperti Ini:

Ambil kode setelah Kode <b:skin><![CDATA[/*. Just like This
Blogger Template Style
Name: Cyber_Newby Author: Juragan
URL: http://cyber-newby.blogspot.com
--------------------------------------- Dst

Into

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}.avatar-image-container img {
background: url(http://i656.photobucket.com/albums/uu287/gaehn/my.jpg) no-repeat;
width: 35px;
height: 35px;
}]]></b:skin>

Untuk CSS Drive Kompressor, Tool nya ada di SINI: http://www.cssdrive.com
Dan di sini: http://tools.bartiqy.org
How To USE IT:

Untuk pengguna CSS Drive sama seperti yang Di atas.

Go to Rancangan [Jika kamu memakai Blogger klassik] Edit HTML, lalu jangan lupa Expand template widget nya.
Kemudian, backup dahulu dari Kode <b:skin><![CDATA[/* Sampai ]]></b:skin>

Contoh seperti Ini:

Ambil kode setelah Kode <b:skin><![CDATA[/*. Just like This
Blogger Template Style
Name: Cyber_Newby Author: Juragan
URL: http://cyber-newby.blogspot.com
--------------------------------------- Dst

Into

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}.avatar-image-container img {
background: url(http://i656.photobucket.com/albums/uu287/gaehn/my.jpg) no-repeat;
width: 35px;
height: 35px;
}]]></b:skin>

Untuk penggunaan Tools http://tools.bartiqy.org Cara nya agak sedikit Berbeda. Namun dalam metode kompressi http://tools.bartiqy.org.
Dalam Kompressi bartiqy, semua main CSS dari awal sampai akhir akan terkompressi. tapi, hati hati dalam penggunaan nya, karena kompressi drive CSS yang berbeda dapat membuat effect blog kita tambah kacau. jadi, lakukan setting STANDART dan jangan berlebihan dalam main kompressi.

Gunakan tag DIV setelah Kode </Body>

Berikut Kode nya: </div></div>
Pastekan Kode tersebut tepat diatas Kode </Body>

Judul Postingan Menjadi TAG H2:

Ganti Kode seperti Ini: <b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Menjadi seperti Ini:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</b:if>
<b:else/>
      <h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</b:if>

Judul Blog Passed SEO Test:

Car kode seperti Ini: <h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

Dan ganti dengan seperti Ini:

<b:if cond='data:blog.pageType != "item"'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </p>
</b:if>

next. Cari kode seperti Ini: <h1 class='title'>
<b:include name='title'/>
</h1>

Lalu change menjadi seperti Ini:

<b:if cond='data:blog.pageType != "item"'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </p>
</b:if>

Sebagian Kode berbeda karena sudah saya kompress untuk improve website saya.. bukan ambil copas dari Blog orang. tapi kebanyakan HTML kode yang saya ambil berasal dari kepunyaan saya sendiri !

Untuk header h1 passed SEO Test, gunakan kode Berikut.

Ganti kode semacam ini: #header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Ganti dengan Yang sudah passed SEO test punya saya:

#header h1{font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;font-size:26px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:-1px;line-height:normal;text-transform:none;display:none;margin:5px 5px 0;padding:15px 20px 3px 0}

Cari Kode h2 seperti ini

<h2 class='date-header'><data:post.dateHeader/></h2>

Dan ganti kode nya dengan seperti Ini:

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

Kemudian Save.

Haduh, selesai juga. Oiya tambahan sebagai penutup. Untuk passed SEO test, lakukan dahulu h2 h3 heading tag editing lalu Kompress CSS agar tidak rumit tampilan blog setelah kompressan.

Namun ingat yang saya bilang.

Sebagian Kode berbeda karena sudah saya kompress untuk improve website saya.. bukan ambil copas dari Blog orang. tapi kebanyakan HTML kode yang saya ambil berasal dari kepunyaan saya sendiri !

Terima kasih sudah membaca Artikel Cara Membuat blog passed SEO Test, Tips Blogging kali ini. sampai jumpa di lain post. Capek saya mengetik artikel ini. Namun, berbagi ilmu sangatlah berguna. karena ILMU tidak bisa di simpan secara pribadi. namun orang berilmu itu mampu berbagi kepada yang membutuhkan nya..

@Cyber_Newby

Salam Admin. @Cyber_Newby

Title : Cara Membuat blog passed SEO Test

Labels : Artikel , Tips Blogging

Author : Starter "N" DhanieL Admin

Rating: 100% based on 10 ratings. 5 user reviews.

8 Comment :

RAM.system10 April 2012 pukul 16.27
kunjungan sore.
makasih banyak atas bantuannya.
untuk hasil bisa dilihat di blog saya.
memang tak begitu berhasil, tapi tak apalah, tetap berkarya itu yang penting.

salam bloggers & keep blogging!
BalasHapus
Balasan
Starter "N" DhanieL Admin10 April 2012 pukul 20.13
Mkasih Ya Gan udah kunjung...

semangat optimasi nya gan !!
BalasHapus
Balasan
Irwan Wicaksono19 April 2012 pukul 18.07
gan, ane nubie nih,, udah montang manting pgn punya blog yang bagus,, blogwalking dibanyak blog,, blog agan keren nih,, tapi ane masih bingung gan yg bagian ini gan : Kita sekarang ke INTI nya.
Bagaimana Membuat Passed SEO dari tools terkemuka yaitu SEOANALYSER Tool.

First: Ubah xml version Blog kamu dari EDIT HTML kamu. tapi ingat, sebelum melakukan passed SEO Test kali ini, usahakan backup template saran saya. karena, error Dsb bukan tanggung jawab dari saya.

Ubah kode HTML kamu dan pastekan dengan kode HTML Valid yang INI:

maksudnya gmana ya??
BalasHapus
Balasan
Starter "N" DhanieL Admin20 April 2012 pukul 08.29
Sorry kalau lama reply nya, soalnya lagi sibuk kuliah..

Kalau HTML di ubah, ada kemungkinan error yang disebabkan salah kode atau salah parse..

kalau xml version di ubah, sebenarnya terserah anda. karena kalau di ubah pun tidak ada pengaruhnya, hanya saja jika blog di ubah ke xhtml version, blog lebih ringan daripd xml atau html version.

kalau ingin passed seo test, sebenarnya hal pertama adalah backup, karena beberapa kode tidak valid dalam html blog.
BalasHapus
Balasan
Anonim3 Mei 2012 pukul 12.26
yang saya cari sob,,tapi kurang paham ne
BalasHapus
Balasan
Duasatu8 Juni 2012 pukul 01.01
Informasi Ini sangat membantu buat saya yang masih belajar ini, jgn lupa mampir sahabat
BalasHapus
Balasan
jeli gamat asli14 September 2012 pukul 20.50
informasi yang sangat membantu saya gan yang masih belajar. jangan lupa mampir gan ....???
BalasHapus
Balasan

Tambahkan komentar

Cara Membuat blog passed SEO Test

Cara Membuat blog passed SEO Test

8 Comment :

Link List

Tool For Make Template

Me on