logo blog

Cara Menambahkan Title Tag di Setiap Link Url dan Gambar

Cara Menambahkan Title Tag di Setiap Link Url dan Gambar

Cara Menambahkan Title Tag di Setiap Link Url dan Gambar

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

  • Login ke blogger.com
  • 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
  • Cara Menambahkan Title Tag di Setiap Link Url dan Gambar
  • Setelah itu isi title txt dan alt txt sesuai dengan isi dari postingan kalian.
  • Cara Menambahkan Title Tag di Setiap Link Url dan Gambar
  • 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 :)

Share this:

Berlangganan via email

Agan Sedang Membaca Artikel : Cara Menambahkan Title Tag di Setiap Link Url dan Gambar. Silahkan masukan email anda dibawah ini! dan nanti akan otomatis mendapatkan kiriman artikel terbaru dari Blog Mas Tamvan. Terimakasih.

Kumpulan Tips Trik Blogger

Blog Mas Tamvan

Terima Kasih Sudah Membaca Artikel Tentang : Cara Menambahkan Title Tag di Setiap Link Url dan Gambar. Jika Ada Yang Mau Request Tutorial Silahkan Beri Tahu Saya Di Kolom Komentar :)

3 comments

wothquotes com

Makasih atas infonya. Berguna sekali. Saya gak bakalan tahu kalau gak datangi blog ini. Sekali lagi Terima kasih

Mas Tamvan

Iya gan, sama-sama semoga dalam pemasangannya lancar :)

jawa Droid

makasih gan tutornya...

Saya menunggu komentar anda..

Kalo ada yang error mohon kasih tau admin, supaya bisa secepatnya untuk diperbaiki..

Komentar dengan link promo akan masuk spam.

Tambahkan Spasi Setelah Memasukan Kode Emoticon..
Gunakan kode <i rel="image">URL GAMBAR DI SINI</i> untuk menyertakan gambar di komentar.Show Konversi Kode Hide Konversi Kode Show EmoticonShow Emoticon Hide Emoticon