2 Cara Memasang Alt Tag dan Title Tag di Blog

Pengertian dan cara memasang alt tag dan title tag - Halo sobat droidgoblog, Memasang Alt tag dan title tag sangatlah penting bagi blog karena dapat membantu menigkatkan nilai optimasi SEO Onpage sobat. Sebelumnya saya sudah membagikan artikel mengenai teknik dasar belajar SEO, bagi sobat yang yang ingin membaca artikelnya silahkan baca artikel saya yang berjudul panduan belajar SEO dan teknik dasarnya lengkap. Baik mari kita lanjut ke topik awal, sebelum saya mengulik lebih jauh mengenai cara pemasangan alt tag dan title tag tersebut. Saya akan sedikit menjelaskan apa sih pengertian Alt tag dan title tag serta fungsi dan manfaatnya.

Alt tag merupakan kependekan dari tag alternatif. Alt tag itu sendiri pasti dan harus di gunakan dalam setiap gambar yang berada dalam sebuah blog ataupun website. Fungsi dari pemasangan alt tag itu sendiri tak lain untuk memberi tau kepada mesin pencari bahwa gambar yang ada di dalam blog anda memiliki diskripsi. Sebagai contoh seperti ini, semisal seperti ini, anda sedang googling untuk mencari gambar A katakanlah. Maka setelah anda menekan enter, anda pasti akan di suguhkan dengan hasil penelusuran gambar A. Baik itu gambar A sendiri maupun gambar yang terkait. Maka dari itu, pemberian alt tag pada gambar sangatlah penting guna meningkatkan optimasi SEO onpage anda.

Sedangkan title tag merupakan judul yang tak lain merupakan judul dari konten/ artikel yang ada di dalam blog ataupun website. Fungsi dari title tag itu sendiri yakni guna memberi kan informasi kepada calon pengunjung mengenai konten yang anda sajikan di dalam blog sobat. Sebagai contoh seperti ini, anda sedang googling mencari pengertian A. Maka anda akan di sajikan dengan ribuan hasil penelusuran mengenai pengertian A itu sendiri. Pemasangan title tag juga sangatlah penting bagi sebuah website atau blog, karena title tag sendiri merupakan faktor dasar yang di gunakan oleh mesin pencari guna mengukur relavansi dari keyword-keywor tertentu sesuai yang dicari oleh pengguna internet.

Setelah anda mengetahui apa itu pengertian dan fungsi dari alt tag dan title tag, selanjutnya mari kita menuju ke cara pemasangannya di dalam blog. Untuk memasang Alt tag dan title tag itu sendiri ada tiga cara, silahkan simak di bawah ini!

Menambahkan Alt Tag dan Title Tag Pada HomePage

1. Pertama silahkan anda masuk terlebih dahulu ke halaman blog sobat.
2. Silahkan buka halaman template --> edit template.
3. Selanjutnya silahkan kode di bawah ini.

expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail'

4. Setelah kode di atas berhasil sobat temukan, yang perlu anda lakukan yakni menambah kode di bawah ini.

expr:alt='data:post.title' dan expr:title='data:post.title'

Sehingga telah terjadi penambahan akan nampak seperti di bawah ini.

<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' expr:width='data:thumbnailSize'/>

Di template saya ada banyak mas itu, lalu penambahan kode tersebut di letakkan pada kode yang mana? Tenang, anda tidak perlu panik, silahkan tambahkan saja kode nomor 4 pada semua kode yang ada sesuai kode nomor 3. Next cara selanjutnya...

Menambahkan Alt Tag dan Title Tag Pada Gambar Postingan

1. Pertama silahkan sobat membuat artikel terlebih dahulu di halaman posting.
2. Setelah artikel sobat sudah selesai anda buat, silahkan sobat mengupload gambar terlebih dahulu.
3. Setelah gambar sudah berhasil ter-upload. silahkan sobat klik pada gambar tersebut dan silahkan pilih "properties"

4. Selanjutnya, silahkan isi kan kolom Alt tag dan title tag yang tersedia sesuai dengan judul artikel anda.

Selain itu, anda juga dapat mengisinya dengan kode di bawah ini.

<img alt='Judul Gambar' src='URL_Gambar' title='Judul Gambar'/>

Keterangan : silahkan ganti tulisan yang saya tandai dengan tulisan anda.

Menambahkan Alt Tag dan Title Tag Pada Gambar Otomatis

1. Pertama silahkan anda masuk terlebih dahulu ke halaman blog sobat.
2. Silahkan buka halaman template --> edit template.
3. Selanjutnya silahkan kode </body>
4. Setelah kode di atas berhasil sobat temukan, yang perlu anda lakukan yakni menambah kode di bawah ini tepat di atas kode </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

5. Terakhir silahkan simpan template anda.

Demikian artikel kali ini mengenai cara memasang alt tag dan title tag di blog. Bagi sobat yang masih mengalamai masalah seputar cara di atas, silahkan sobat tinggalkan pertanyaan pada kotak komentar. Terimakasih telah membaca artikel di atas. Semoga bermanfaat dan selamat mencoba :)

Teknik SEOTutorial Blog

Share This :