Mengatur jumlah karakter deskripsi (snippet) postingan artikel di homepage blog yang menggunakan template auto read more berguna untuk memperkuat deskripsi yang mewakili isi dari suatu postingan dan sebagai optimasi aspek SEO halaman utama (homepage) sebuah blog / website, banyaknya jumlah karakter kata yang ditampilkan harus tepat agar search engine dapat mengindeksnya, yakni karakter kata pada awal postingan artikel.
Meski dalam segi estetika, desain template yang sobat gunakan sudah sempurna. Tapi beberapa template terkadang belum optimasi aspek tersebut, hanya tersedia sedikit ringkasan deskripsi atau bahkan terlalu panjang.
Biasanya secara default, kebanyakan template hanya memiliki deskripsi snippet berkisar 100 karakter. Menurut saya 100 karakter tersebut kurang dalam hal memenuhi aspek SEO. Oleh sebab itu saat ini saya akan membagikan bagaimana cara agar deskripsi postingan pada homepage blog dapat kita ubah panjangnya / banyaknya karakter sesuai keinginan kita. Tutorial ini saya peroleh dari thread seorang template developer di situs Forum Google. Berikut ini caranya :
Mengatur Jumlah Karakter Deskripsi (Snippet) Postingan di HomePage Blog
Secara default, kode html untuk menampilkan deskripsi snippet yaitu <data:post.snippet/>, namun jumlah karakter yang ditampilkan hanya 100 karakter bila postingan memiliki gambar thumbnail, dan 140 karakter bila artikel tidak memiliki gambar thumbnail.
Nah, berikut ini cara untuk merubahnya :
1. Letakkan javascript dibawah ini tepat diatas kode </head>
<script type='text/javascript'>
snippet_count = 200;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var snippet = strx.split("<");
for(var i=0;i<snippet.length;i++){
if(snippet[i].indexOf(">")!=-1){
snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);
}
}
strx = snippet.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSnippet(pID){
var div = document.getElementById(pID);
var summ = snippet_count;
var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Keterangan : Bila pada template sobat sudah memiliki kode javascript tersebut, maka silahkan ganti saja jumlah karakter snippetnya. Untuk menambah atau mengurangi jumlah karakter silahkan ubah angka 200 pada kode snippet_count = 200.
2. Kemudian cari dan ganti semua kode <data:post.snippet/> dengan kode berikut ini :
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
Catatan : Jika tidak ketemu kode <data:post.snippet/>, maka silahkan cari dan ganti kode berikut ini :
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
atau
<meta expr:content='data:post.snippet' name='description'/>
3. Dan simpan template
Sekarang silahkan buka blog dan lihat apakah deskripsi postingan pada homepage sudah berubah atau belum.
Demikian artikel tutorial mengenai Cara Mengatur Jumlah Karakter Deskripsi (Snippet) Postingan di HomePage Blog . Apabila kurang jelas silahkan kirimkan pertanyaan melalui kolom komentar.
EmoticonEmoticon