Menambahkan Title Tag di Setiap Link Url dan Gambar

Menambahkan Title Tag di Setiap Link Url dan Gambar

Cara Menambahkan Title Tag di Setiap Link url dan Gambar. Sobat blogger, Menambahkan title pada setiap link atau gambar sudah saya buat di artikel-artikel sebelumnya, namun di artikel-artikel sebelumnya saya hanya menambahkan title di halaman-halaman atau link tertentu saja, nah untuk melengkapi tutorial sebelumnya, pada kesempatan kali ini saya ingin membuat tutorial cara menambahkan title tersebut di keseluruhan link atau gambar di template blog kita.
Menambahkan Title Tag di Setiap Link Url dan Gambar
Seperti yang sudah saya jelaskan sebelumnya, penambahan title ini adalah salah satu optimasi SEO on page untuk membuat link menjadi lebih SEO,jika di setiap link tidak di tambahkan title, maka akan terlihat error saat anda mengecek blog anda di CHKME, terutama di bagian website link dan image description title, sudah tentu itu akan mengurangi nilai seo blog kita tidak jauh beda seperti kita menambahkan atribut title pada sebuah gambar di artikel.

Baca juga : Cara Membuat Dynamic Heading Agar Blog SEO Friendly

Saya rasa sudah cukup dalam penjelasannya karena di tutorial sebelumnya saya sudah menjelaskan hal tersebut berulang ulang, sekarang kita langsung untuk melakukan tutorial cara menambahkan title tag di setiap link url dan gambar.

Cara Membuat Atribut Title Tag di Setiap Link Url

1. Buka akun blogger anda 
2. Pilih menu template > Backup template anda terlebih dahulu > Klik Edit Html
3. Selanjutnya anda cari tiga kode di bawah ini.

expr:href='data:post.url'
expr:href='data:post.link'
expr:href='data:post.href'

4. Lalu tambahkan kode expr:title='data:post.title' di setiap kode di tersebut.
hingga akhir penampakannya jika di tambahkan title akan seperti di bawah ini :

expr:href='data:post.url' expr:title='data:post.title'
expr:href='data:post.link' expr:title='data:post.title'
expr:href='data:post.href' expr:title='data:post.title'

biasanya kode-kode tersebut lebih dari satu, silahkan tambahkan semuanya
-Pastikan ada sepasi di antara dua kode tersebut.
5. Klik save template.

Menambahkan Title Pada Bagian Label Blog.

1. Masih di edit template, sekarang cari kode seperti di bawah ini.

expr:href='data:label.url'

2. Selanjutnya anda tambahkan kode expr:title='data:label.name'
3. Hingga akhir penampakannya akan seperti di bawah ini.

expr:href='data:label.url' expr:title='data:label.name'

4. Klik save template.

Menambahkan Title Pada Gambar Hompage.

Jika pada bagian gambar hompage anda tidak terdapat title saat di pointer, silahkan ikuti tutorialnya.

1. Silahkan Cari kode seperti di bawah ini
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
Lalu ganti kode tersebut dengan kode dibawah ini.

<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>

Menambahkan title pada URL

Jika di template anda terdapat url maka bisanya akan tampak seperti di bawah ini  :

<a href='http://www.madamvia.web.id/'>Tips Blogging</a>

Nah.. ntuk penambahan titlenya, anda hanya menambhakan kode title='Tips Blogging'
hingga penampakannya akan seperti di bawah ini.

<a href='http://www.madamvia.web.id/' title='Tips Blogging'>Tips Blogging</a>

Save template.

Menambahkan atribut title tag pada gambar artikel

Menambhakan gambar pada artikel salah satu keharusan saat anda membuat posting dengan gambar untuk optimasi seo, untuk melakukan tutorialnya, silahkan ke link berikut "Menambahkan Alt Tag dan Title Tag Pada Gambarposting"

Oke sobat blogger, saya rasa sudah cukup,untuk mengeceknya anda tinggal mengarahkan cursor anda pada setiap link di blog anda, jika semua berjalan, silahkan ucapkan alhamdulilah. salam sukses selalu :)

Bagikan Ke
7 Komentar untuk "Menambahkan Title Tag di Setiap Link Url dan Gambar"

Saya sudah membuat semuanya gan yang ada di tutorial ini untuk blog saya, semoga lebih seo friendly.. terimakasih sudah di sharing gan..

expr:href='data:post.href'
Kodenya nggak ada di template blog saya. Saya pakai template bawaan blogspot.

Tolong tanggapannya sis ..

sumpah deh post ini bermanfaat banget :D (y)

terima kasih sudah berbagi dengan saya , saya masih dalam tahap belajar , thanks ya

kunbal : www.koemboeng.blogspot.co.id

thanks gan, jadi ngerti saya. dari pada cari satu" coba download dlu template lengkap, terus buka pake notepade ++ jadi tinggal di replace,

Terimakasih arahannya mas. saya sedang menambahkan title tag pada link blog saya agar seo scornya bertambah. Penjelasannya sangat lengkap dan sangat mudah dipahami.