Cara Menambahkan Title Tag di Setiap Link Url dan Gambar

Cara Membuat Title Tag Di Setiap Link Url dan Gambar Pada Tutorial Blogger kali ini saya akan berbagi trik seo sederhana karena saya juga masih belajar. Di postingan ini kita akan menambahkan sebuah title pada setiap url dan gambar di blog kita, jadi ketika cursor / mouse di arahkan ke link / gambar akan ada sebuah notif yang isinya dari judul artikel tersebut.

Cara ini bisa di bilang sebagai optimasi SEO on page optimasi seo pada website agar membuat link url dan image menjadi lebih seo friendly.

Jika kalian pernah cek blog kalian di CHKME maka nilai seo kita akan berkurang jika pada URL dan IMAGE tidak di beri title, untuk mengetahui seberapa seo blog kalian silahkan coba cek di situs chkme.com

Kembali ke tutorial cara menambah title tag pada semua link url dan gambar,
Nah bagi kalian yang ingin mencobanya, silahkan ikuti langkah demi langkah pada tutorial di blog mas tamvan ini...

Cara Menambahkan Title Tag Pada Semua Url Di Blog

Pilih Menu Template Lalu Edit HTML

Cari Satu-Satu Kode di bawah ini, Gunakan kombinasi CTRL + F agar lebih cepat

expr:href='data:post.url'

expr:href='data:post.href'

expr:href='data:post.link'

Setelah ketemu, tambahkan kode ini expr:title='data:post.title' sehingga hasilnya menjadi seperti berikut.

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

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

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

Biasanya kode yang 3 tadi lebih dari 1, silahkan tambahkan expr:title='data:post.title' pada semua kodenya. JANGAN DOUBLE dan
Harus ada sepasi antara kedua kode tersebut, kalo ga di kasih nanti akan error!!!

Nah sekarang kita akan menambahkan title tag pada label di blog.

Cara Menambahkan Title Tag Pada Link Url Label

Masih di EDIT HTML, silahkan cari kode berikut, gunakan ctrl + F

expr:href='data:label.url'

Seperti cara di atas, kalian tambahkan kode berikut di sampingnya.

expr:title='data:label.name'

Dan nanti hasilnya seperti ini....

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

Kode ini expr:href='data:label.url' lebih dari satu, silahkan cari semua kodenya dan tambahkan expr:title='data:label.name'

Save Template Dan Lihat hasilnya, arahkan pointer ke url pada blog kalian..

Selanjutnya kita akan menambahkan atribut title tag pada gambar di homepage blog.
Bagi blog kalian yang sudah terdapat title pada image di homepage ketika cursor / pointer di arahkan ke gambar, lewati saja cara ini.

Sebelumnya saya juga sudah pernah posting, cara otomatis menambahkan title tag dan alt pada semua image di blog. Bagi yang ingin mencobanya silahkan kunjungi lenk berikut Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image

Cara Menambahkan Tag Title Pada Image / gambar Di Homepage Blog

Cari Kode 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>

Setelah ketemu, tambahkan kode expr:title='data:post.title' sehingga hasilnya seperti di bawah 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>

Save Template n done.

Lanjut lagi ke tutorial selanjutnya

Cara Menambahkan title pada URL di blog.

Jika kalian menambahkan link di postingan atau pada template, sebaiknya di tambah atribut title agar lebih valid dan seo.

Biasanya link ini terdapat di dalam isi postingan, menu bar atau pada widget dan lainnya. Contoh kode linknya biasanya seperti berikut.

<a href='https://mastamvan.blogspot.com'>Blog Mas Tamvan</a>

<a href='/'>Blog Mas Tamvan</a>

<a href='#'>Blog Mas Tamvan</a>

Link URL dan Judul Url Kemungkinan Besar Akan Berbeda-Beda di setiap template!!!

Nah agar url menjadi valid dan lebih seo, silahkan tambahkan title='Isinya Terserah Kalian' pada urlnya, sehingga penampakannya menjadi seperti berikut...

<a title='Isinya Terserah Kalian' href='https://mastamvan.blogspot.com'>Blog Mas Tamvan</a>

<a title='Isinya Terserah Kalian' href='/'>Blog Mas Tamvan</a>

<a title='Isinya Terserah Kalian' href='#'>Blog Mas Tamvan</a>

Silahkan cari link url pada template kalian dan tambahkan title secara manual.

Kalo sudah kita lanjut ke tutorial selanjutnya. Optimasi Image SEO on page pada postingan.
Berikut ini adalah tips dan trik menambahkan atribut title dan alt pada image / gambar di postingan blog.

Cara Membuat Image Lebih Seo dengan Menambahkan Atribut Title Dan Alt

Silahkan masuk ke postingan blog kalian yang ada gambarnya.

Setelah itu klik gambar yang sudah di upload atau yang sudah terdapat di postingan. dan pilih Propertis. #lihat gambar

Setelah itu isi title txt dan alt txt sesuai dengan isi dari postingan kalian.

Kalo sudah tinggal di publikasikan..

Mungkin cukup sampai di sini postingan tentang Cara Agar Url Dan Image Menjadi Lebih Seo Dengan Menambahkan Title dan alt ini.

Semoga artikel ini bermanfaat, jika ada kesalahan dalam penulisannya mohon d beri tahu agar dengan secepatnya bisa diperbaiki.
Dan jangan lupa tinggalkan jejak kalian di kolom komentar ya :)