Membuat Character Count Tool dengan Javascript

Selain memberikan judul dan deskripsi yang menarik dan sesuai dengan isi postingan, Anda juga perlu mempertimbangkan untuk membuat judul yang tidak melebihi 55 karakter dan deskripsi tidak boleh melebihi 145 karakter termasuk spasi (jumlah tersebut masih merupakan perkiraan).

Jika melebihi batas maksimal di atas, maka keduanya akan terpotong pada hasil pencarian Google seperti kasus berikut ini.

Cara Membuat Character Count Tool dengan Javascript

Cara Membuat Character Count Tool dengan Javascript

Berikut judul dan deskripsi yang tidak terpotong.

blog Wahyu Pratama di google

blog Wahyu Pratama di google

Saya tidak dapat mengatakan bahwa hal ini berkaitan dengan SEO atau tidak. Namun, jika Anda ingin judul atau deskripsi Anda tidak terpotong, sebaiknya Anda hitung terlebih dahulu jumlah karakternya menggunakan Character Count Tool berikut ini. Tool ini akan menghitung jumlah karakter termasuk spasi.

0


Untuk Anda yang tertarik membuat Character Count Tool, silahkan gunakan kode di bawah ini:

<style scoped="scoped" type="text/css">
#count-why {
    border: 1px solid #CCC;
    height: 30px;
    width: 20%;
    margin: 0px auto 5px;
    float: left;
    text-align: center;
    font: 12px Arial,sans-serif;
    color: #404040;
    background: #fff;
    overflow: auto;
    line-height: inherit;
}
#countarea-why {
    margin: 0px auto;
    display: block;
    border: 1px solid #CCC;
    width: 100%;
    overflow: auto;
    background: #fff;
    color: #404040;
    font: 12px Arial,sans-serif;
}
</style>
<div id="count-why">0</div>
<textarea id="countarea-why" onkeyup="hitung()" placeholder="Tulis/paste teks disini dan lihat berapa karakter teks anda" rows="10" spellcheck="false"></textarea><br />
<script type="text/javascript">
function hitung(){
var g = document.getElementById("countarea-why").value.length;
var z = document.getElementById("count-why");
z.innerHTML = g;
}
</script>

Sekian, semoga bermanfaat.

Leave a Reply