Rabu, 20 Januari 2016

Cara SEO Agar Gambar dan Hyperlink Pada Blog Terindex Oleh Search Engine

apa itu alt tag dan tittle tag, fungsi alt tag dan tittle tag, cara agar gambar dan link terindex search engine


Hallo readers~ Artikel yang akan saya bahas kali adalah mengenai "Cara SEO Agar Gambar dan Hyperlink Pada Blog Terindex Oleh Search Engine". Artikel ini saya peruntukan untuk pemula atau newbie seperti saya, karena saya yakin para master pasti sudah mengatahuinya dan saya yakin postingan-postingan blog master pasti selalu nangkring di Page One (Halama Pertama) Search Engine.

Bagi para master yang tidak sengaja membaca artikel ini saya mohon untuk berkomentar jika ada tips yang saya berikan salah. Dan untuk para pemula atau newbie yang seperjuangan silahkan untuk melanjutkan membaca.

Artikel yang saya bahas ini sangat berpengaruh terhadap SEO blog. Karena ini adalah salah satu bagian dari SEO On Page (Baca: Mengenal Apa Itu SEO On Page dan SEO Off Page | Cara SEO Terbaru 2016), yaitu salah satu SEO Dasar. Disini saya akan membahas Cara SEO Agar Gambar dan Hyperlink Pada Postingan Blog Terindex Oleh Search Engine.

Bagaimana sih Cara Agar Gambar dan Hyperlink Pada Postingan Blog Terindex Oleh Search Engine? Caranya cukup mudah, yaitu dengan memberikan "Alt Tag dan Tittle Tag" pada setiap Gambar dan Hyperlink.


Apa Kegunaan Dari Alt Tag dan Tittle Tag?

Dengan memberikan Alt Tag dan Tittle Tag pada gambar dan hyperlink yang ada pada Halama Postingan blog maupun yang ada pada Homepage blog, ini dapat menambah Score SEO suatu blog pada Chkme.com
Dan dengan menambahkan Alt Tag dan Tittle Tag akan menjadikan blog kita VALID HTML5. Jadi ingin sangat penting untuk dilakukan pada blog kita. Untuk tutorialnya bisa Anda lihat di bawah ini.


Cara Menambahkan Alt Tag dan Tittle Tag Pada Homepage Blog

1. Silahkan login ke blogger dan pilih blog Anda
2. Klik Template > Edit HTML
3. Cari kode expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail'
4. Lalu tambahkan kode expr:alt='data:post.title' dan expr:title='data:post.title'

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

5. Save Template atau Simpan Template

Keterangan:
Yang saya tau, biasanya kode expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail' lebih dari satu buah, untuk itu silahkan Anda tambahkan kode expr:alt='data:post.title' dan expr:title='data:post.title' pada setiap kode yang ada.

Cara Menambahkan Alt Tag dan Tittle Tag Pada Gambar

1. Silahkan login ke blogger dan pilih blog Anda
2. Lalu buatlah postingan baru
3. Upload dan masukanlah gambar kedalam posting Anda
4. Klik gambar tersebut, lalu akan muncul barisan yang panjang dan pilih "Properti"
5. Setelah di klik silahkan Anda isi Alt Tag dan Tittle Tag untuk gambar itu
6. Jika sudah di isi klik Ok

Atau Anda dapat menambahkan Alt Tag dan Tittle Tag pada gambar dengan kode dibawah pada postingan Anda

<imgalt='Judul Gambar'src='URL_Gambar_Anda'title='Judul Gambar'/>

Atau Anda juga dapat menambahkan Alt Tag dan Tittle Tag pada gambar secara Otomatis, berikut langkah-langkahnya:

1. Silahkan login ke blogger dan pilih blog Anda
2. Klik Template > Edit HTML
3. Cari kode </body> dan copy paste kode dibawah ini dan letakan tepat di atas kode </body>

<scriptsrc=' http://ajax.googleapi s.com/ajax/libs /jquery/1.3.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:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/')) 1, filename.lastIndexOf('.')));$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/')) 1, filename.lastIndexOf('.')));//]]></script>

4. Klik SAVE atau Simpan Template


Cara Menambahkan Alt Tag dan Tittle Tag Pada Hyperlink

1. Login ke akun blogger Anda
2. Tulis postingan baru
3. Pada postingan, masukan link ke salah satu kata dan lalu klik HTML
4. Setelah berada di HTML, lalu cari link tersebut dan tambahkan Tag Tittle (Berikanlah Tag Tittle di setiap kata yang Anda tambahkan link)

Sekian artikel kali ini, semoga dapat meningkatkan Score SEO dari blog Anda. Dan semoga artikel ini bermanfaat tentunya untuk pemula atau newbie seperjuangan. Hehe. Terimakasi telah membaca Artikel sederhana ini.
Load disqus comments

3 komentar