Membuat Post SEO

Halaman posting seo friendly merupakan suatu hal penting yang perlu diketahui. Hal ini karena bagaimanapun seo friendly template anda, maka tidak berperan banyak untuk mendukung artikel bersaing baik pada mesin pencari. Oleh karena itu jangan heran kalau beberapa kawan-kawan yang telah menerapkan optimasi artikel, masih susah bersaing dengan artikel lainnya.

Disamping itu, sebuah artikel yang baik juga harus didukung oleh meta dan elemen yang seo friendly, karena dengan begitu optimasi artikel secara otomatis dapat dilakukan dengan mudah. Jadi halaman posting seo friendly itu perlu diketahui dan diterapkan.

Silahkan cek url blog dan link artikel ini pada beberapa situs di bawah ini.

• http://gtmetrix.com/
• https://chkme.com/
• http://jigsaw.w3.org/css-validator/
• http://validator.w3.org/

Pengalaman tanpa sengaja

Saya mengganti template dengan maksud memberikan warna baru dan menghindari kebosanan tahun 2015. Semoga dengan template baru bisa semangat baru juga, heheheee. Kita lanjut ya gan. Seperti biasa, habis ganti dan setting template saya coba cek validasi, website speed, dan seo score.

Mengenai validasi, template besutan Dian Anarchyta sudah tidak diragukan lagi. Saya hanya menambahkan beberapa perubahan pada susunan elemen untuk disesuaikan keperluan. Selanjutnya saya cek website speed, Alhamdulillah hasilnya juga lumayanlah. Minimal buat lari pagi biar tubuh sehat (iklan...gak nyambung). Terakhir saya cek seo score dan hasilnya juga memuaskan untuk susunan elemen keseluruhan. Tapi (ada tapinya gan). setelah saya cek seo score untuk halaman posting, saya mulai garuk kepala yang tidak gatal. Karena rasa penasaran, saya pelajari lagi susunan elemen sambil browsing kemana-mana dan akhirnya baru ketemu bahwa beberapa widget bawan blogger juga banyak menyumbang error pada template. Akhirnya saya melakukan editing lagi sampai hasilnya lumayan memuaskan. Baiklah, saya akan berbagi tips membuat halaman posting seo friendly. Ikuti penjelasan berikut.

Sebelum anda ingin menerapkan tips di bawah ini, siapkan kesabaran dan jangan lupa kopi atau teh agar gak terlalu stress. Ingat, sabar dan perlahan saja gan. Ingat motto, "biar lambat asal selamat".

Tips membuat halaman posting seo friendly

Pasang meta tag seo friendly. 

Meta tag cukup penting untuk blog anda dan ini sangat dianjurkan untuk memasang meta tag seo friendly. Saya menggunakan meta tag berikut. Ganti semua kode merah sesuai petunjuk.

<meta charset='utf-8'/>
<link href='http://NAMA BLOG.blogspot.com' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> NAMA BLOG </title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
<meta content='KATA KUNCI' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='KODE VERIFIKASI GOOGLE' name='google-site-verification'/>
<meta content='KODE VERIFIKASI BING' name='msvalidate.01'/>
<meta content='KODE VERIFIKASI ALEXA' name='alexaVerifyID'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='mbah dinan' name='author'/>
<meta content='all' name='Slurp'/>
<meta content='width=device-width' name='viewport'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/></b:if><meta content='website' property='og:type'/><b:if cond='data:blog.postImageThumbnailUrl'><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><b:else/><meta content='http://i745.photobucket.com/albums/xx97/bengkelblogger/bengkelbloggercopy_zps370e0022.png' property='og:image'/></b:if></b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Kalau yakin meta tag anda sudah seo friendly, tidak usah diganti. Kalian juga bisa memilih beberapa meta tag ampuh berikut. Silahkan baca    Meta Tag O-OM    atau anda bisa pasang    Meta Tag Dian Anarchyta    

Penerapan tag nofollow pada template

Fungsi penerpan tag nofollow untuk menghindari duplikasi konten. Silahkan baca bagian akhir artikel mengenai penerapan meta tag pada template. Kunjungi artikel Membuat Template Seo Friendly.

Pengaturan blogspot antar muka

Pengaturan blogspot antar muka adalah pengaturan setelan blog untuk memaksimalkan kinerja blog agar seo friendly. Hal ini penting dilakukan agar dapat terkoneksi dengan pengaturan artikel yang dapat dilakukan pada setelan entri (posting). Silahkan baca artikel Pengaturan blogspot antar muka.

Optimasi gambar pada artikel

Gambar tidak dibaca browser, termasuk juga elemen berbasis flash. Oleh karena itu kita harus memberikan keterangan berupa text dalam tag html tersebut. Perhatikan tips berikut ini.
Kode gambar di atas seperti ini. Perhatikan kode berwarna.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5ngDAKTzcvw/VJxy53GjH6I/AAAAAAAAIMY/-WRVSRaSrrA/s1600/tips%2Bmembuat%2Bhalaman%2Bposting%2Bseo%2Bfriendly.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-5ngDAKTzcvw/VJxy53GjH6I/AAAAAAAAIMY/-WRVSRaSrrA/s1600/tips%2Bmembuat%2Bhalaman%2Bposting%2Bseo%2Bfriendly.jpg" title="membuat halaman posting seo friendly" /></a></div>

• Ganti kode kuning s1600 menjadi s600 untuk meringankan gambar
• Hapus kode hijau
• Hapus kode biru dan ganti dengan alt="judul gambar"
• Tambahkan title tag seperti pada kode ungu, Sehingga nantinya akan nampak seperti berikut

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5ngDAKTzcvw/VJxy53GjH6I/AAAAAAAAIMY/-WRVSRaSrrA/s600/tips%2Bmembuat%2Bhalaman%2Bposting%2Bseo%2Bfriendly.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="membuat halaman posting seo friendly" src="http://1.bp.blogspot.com/-5ngDAKTzcvw/VJxy53GjH6I/AAAAAAAAIMY/-WRVSRaSrrA/s1600/tips%2Bmembuat%2Bhalaman%2Bposting%2Bseo%2Bfriendly.jpg" title="membuat halaman posting seo friendly" /></a></div>

Dengan begitu gambar yang digunakan pada posting sudah seo friendly dan dapat menunjang optimasi artikel anda.

Optimasi link

Berikan title tag, rel='nofollow' dan terget='_blank' pada link anda, karena itu lebih baik dimata mesin pencari. Oh ya...untuk nofollow tag pada link tidak semuanya harus diterapkan. Terapkan saja pada link eksternal. Contoh seperti link ini <a href='LINK' rel='nofollow' target='_blank' title='JUDUL LINK'>JUDUL</a>

Memberikan scope pada markup css

Berikan scope yang digunakan sebagai widget. Periksan semua widget anda, lalu ganti kode <style type="text/css"> dengan <style type="text/css" scope=scope>

Validasi threaded comments
Cari semua kode berikut atau yang mirip dengannya. Selanjutnya hapus semua kode merah

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

Cari kode seperti berikut

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

selanjutnya ganti dengan kode berikut

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>

• Hapus semua kode <b:include name='quickedit'/>
• Hapus semua kode <a expr:name='data:post.id'/>

Hapus kode <b:include data='post' name='postQuickEdit'/> atau kode seperti di bawah ini
<b:includable id='postQuickEdit' var='post'> ...sampai... </b:includable>.
Kodenya lengkepnya kurang lebih seperti ini.
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

• Selanjutnya click Simpan Template
• Sekarang anda sudah mempunyai halaman posting seo freindly. 
• Silahkan cek seo score blog anda.

Demikian tips membuat halaman posting seo friendly. Semoga rtikel ini bermanfaat bagi kita semua, amin. Selamat menco dan sukses selalu. Salam sahabat blogger.

Membuat Post SEO 2014-12-26T06:21:00-08:00 Rating: 4.5 Diposkan Oleh: Satriyo76