Pengaturan Komponen Template Blog SEO Friendly

 

Untuk anda yang sudah punya blog, perlu anda baca ini, agar template blog anda menjadi SEO friendly.
Saya akan berbagi beberapa trik yang telah saya ditemukan yang dapat Anda gunakan untuk mengoptimalkan template Blogger untuk spider mesin pencari, dan mencapai peringkat yang lebih baik dalam hasil pencarian.

Dalam bagian ini, saya akan mulai dari atas dengan menjelaskan bagaimana URL, judul dan meta tag blog Anda dapat dengan mudah dioptimalkan dengan sedikit pemikiran dan beberapa perubahan kecil untuk kode template Blogger Anda. Saya juga akan menjelaskan bagaimana judul blog Anda bisa dioptimalkan, bahkan ketika menggunakan gambar di tempat judul dan teks deskripsi.

URLs, Title dan Meta Tags

Ini sering dianggap sebagai tiga komponen paling penting dari optimasi mesin pencari, dan dapat dengan mudah dioptimalkan untuk blog Blogger bertenaga.

URL Blog Anda
Apakah Anda posting di BlogSpot subdomain (misalnya: bloganda.blogspot.com), atau memilih untuk menggunakan fitur custom domain (misalnya: www.bloganda.com), URL dari situs Anda harus mencerminkan isi dari blog Anda.

Pilih URL blog Anda dengan bijaksana, dan jika mungkin memastikan ini berisi kata kunci atau dua yang relevan dengan konten Anda. Jika Anda menulis tentang kucing, misalnya, URL seperti "anjing.blogspot.com" akan tidak baik dengan Google, sedangkan URL seperti "kucing.blogspot.com" hampir pasti akan dikenali dengan baik

Title Tag

Tag <title> adalah fitur yang sangat penting dari situs web apapun, dan paling ditampilkan dalam hasil mesin pencari.

Di template Blogger, Title Tag dihasilkan untuk setiap halaman blog Anda (termasuk arsip, utama dan halaman posting), yang berbeda tergantung pada judul dari halaman sebenarnya.
Judul tag yang disebut dalam template anda seperti ini:

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

Halaman ‘Home’ Anda hanya akan menampilkan judul blog Anda yang sebenarnya, sedangkan halaman posting akan menampilkan judul blog Anda, ditambah judul posting blog Anda.

Saat menulis judul untuk posting Anda, Anda harus berpikir  untuk memastikan judul yang kaya kata kunci yang akan membantu posting Anda lebih mudah diindeks oleh mesin pencari. Cobalah untuk menempatkan kata kunci yang paling penting dekat dengan awal judul, karena mesin pencari membatasi jumlah karakter yang digunakan dalam judul dalam daftar mereka dan dalam hasil pencarian.

Meta Deskripsi dan Keyword Tag

Banyak ahli berpendapat bahwa SEO meta tag deskripsi dan kata kunci sedang disusutkan dalam hasil mesin pencari. Google misalnya, umumnya mengabaikan meta tag deskripsi dan menghasilkan deskripsi itu sendiri. Namun, mesin pencari banyak yang masih menggunakan tag ini sehingga dapat berguna untuk memasukkan mereka pula.

Meta deskripsi dan kata tag kunci tidak secara otomatis dihasilkan untuk template blogger. Karena kita memiliki akses penuh ke markup HTML template Blogger kita, kita dapat menambahkan secara manual di bawah tag judul.

Salah satu pertimbangan penting yang harus kita mengerti sebelum menambahkan meta deskripsi dan tag kata kunci adalah bahwa mesin pencari mencari deskripsi dan kata kunci yang berbeda untuk setiap halaman situs Anda. Jika Anda hanya menambahkan ini ke template Anda dalam bentuk yang umum, konten yang sama akan didistribusikan di semua halaman situs Anda, yang mesin pencari mungkin menganggap sebagai spam.
Jadi hanya gunakan meta tag untuk halaman utama!

Hal ini mudah dicapai dengan membungkus meta deskripsi dan kata kunci dalam tag kondisional yang kemudian hanya akan muncul pada halaman utama Anda.

Sebagai contoh, jika saya sedang menulis blog tentang kucing lucu, saya bisa menyertakan meta deskripsi dan kata kunci tag seperti ini:

<title> <data:blog.pageTitle/> </ title>
<b:if cond='data:blog.pageType == "index"'>
<meta content=' kucing lucu dan anak kucing berbulu untuk teman.'name='description'/>
<meta content='lucu, kucing, anak kucing, bulu, teman' name='keywords'/>
</ b: if>

Bagian yang disorot dalam huruf tebal adalah mereka tag yang mencegah data di antara mereka dari yang dihasilkan untuk item dan halaman arsip, sehingga Anda dapat yakin untuk tidak dianggap spam oleh search engine dengan deskripsi berulang dan kata kunci untuk blog Anda.
Contoh di atas dapat digunakan sebagai dasar untuk menambahkan meta Anda sendiri deskripsi dan kata kunci, dengan hanya mengubah nilai-nilai yang lebih cocok untuk blog Anda.

Mengoptimalkan judul blog Anda posting   
Posting menawarkan spider mesin pencari referensi yang berguna tentang konten Anda ketika mengindeks situs Anda. Anda mungkin akan menyadari hirarki tag judul, yang berkisar dari <H1> sampai <h6>. Dari jumlah tersebut, tag <H1> dianggap paling penting. Di template Blogger, tag H1 biasanya akan berisi judul blog Anda.

Blogger memungkinkan kita untuk meng-upload gambar ke bagian header, yang dapat digunakan sebagai gambar latar belakang, atau bukan judul reguler dan teks deskripsi.
Mereka yang memilih untuk menggunakan gambar dan bukan judul dan deskripsi posting sebagai H1 tag di template mereka. Jadi jika judul blog Anda menggunakan kata kunci yang akan relevan dengan hasil pencarian mesin pencari, Anda akan kehilangan faktor penting dari SEO!

Untungnya, ini dapat dengan mudah diperbaiki! Asalkan Anda menggunakan gambar, bukan judul dan deskripsi dalam template Anda, di sini adalah bagaimana Anda dapat memecahkan dilema ini:

1.     Masuklah  ke Layout> Edit HTML bagian dashboard Blogger Anda, dan pastikan Anda telah memeriksa kotak "Expand Widget Templates".

2.     Carilah kode styling untuk H1 post di bagian <b:skin> dari template Anda. Hal ini mungkin terlihat seperti ini, meskipun ada variasi di template yang berbeda:

#header h1 {
margin:5px 20px;
padding:45px 20px .25em 10px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
} 

Diantara code ini, anda perlu menambahkan baris berikut

display: none;

dan akan menjadi seperti ini;

#header h1 {
margin:5px 20px;
padding:45px 20px .25em 10px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
display: none;
} 

Berikutnya tambahkan <h1> heading tags diantara header widget. Untuk ini anda perlu menambahkan code:

<b:if cond=’data:useImage’>
<b:if cond=’data:imagePlacement == “REPLACE”‘>
<!–Show just the image, no text–>
<div id=’header-inner’>
<h1>Your Blog Title</h1><a expr:href=’data:blog.homepageUrl’ style=’display: block’>
<img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + “_headerimg”‘ expr:src=’data:sourceUrl’ expr:width=’data:width’ style=’display: block’/>
</a>
</div>
<b:else/>

Anda akan melihat bahwa saya telah menambahkan H1 post (disorot dalam huruf tebal) di mana ia harus muncul dalam kode template. Seperti yang telah kita atur pada H1 menuju "display: none;", ini memastikan bahwa H1 post hadir di markup HTML halaman blog Anda, tetapi judul itu sendiri tidak terlihat untuk penampil biasa.

Teknik ini memastikan bahwa judul blog Anda masih akan diindeks seefektif jika Anda telah menggunakan gambar sebagai latar belakang sebagai gantinya. Selain itu, dengan menambahkan H1 post secara manual, Anda bahkan bisa memperluas pada judul Anda sedikit dengan deskripsi singkat yang berisi kata kunci yang relevan dengan konten blog Anda.

Catatan:

Jika Anda menggunakan sebuah gambar sebagai latar belakang untuk judul dan deskripsi, atau tidak menggunakan gambar di header Anda sama sekali, Anda tidak perlu khawatir tentang masalah ini, karena judul H1 sudah akan hadir dalam mark-up halaman Anda!

Mengijinkan mesin pencari untuk menemukan blog Anda!

Akhirnya (dan yang paling penting!), Anda harus memastikan bahwa mesin pencari dapat merangkak dan mengindeks blog Anda.

Cara termudah untuk memeriksa ini adalah dengan melihat dalam pengatura.

Pengaturan> Dasar bagian Dashboard Blogger Anda. Dekat dengan bagian bawah halaman pilihan untuk "Biarkan mesin pencari menemukan blog Anda". Anda harus mengatur ini ke "Yes" jika Anda ingin situs Anda untuk dapat dijelajahi dan diindeks oleh mesin pencari.

Jika Anda telah keliru menetapkan ini ke "No", Blogger akan menambahkan "NOINDEX, NOFOLLOW" meta tag ke blog Anda, seperti ini:

 <meta content=’NOINDEX,NOFOLLOW’ name=’robots’/>

Tag ini akan mencegah spider mesin pencari dari yang pernah mengindeks situs Anda.