Dec 7, 2015

Cara membuat Alt Text dan Title Alt


Cara membuat Alt Text dan Tittle Alt



Cara membuat Alt Text dan Title Alt - Sebuah postingan Mengenal Domain Authority dan Page Authority, saya menyebutkan memberikan Alt Image pada gambar, sehingga membuat sebuah pertanyaan bagaimana membuat teks Alt image tersebut pada gambar. Baiklah, saya akan memberitahu caranya.

Setiap blogger, memiliki ciri masing-masing. Ada yang memposting sebuah blogpost dengan gambar, ada yang tidak. Saya sendiri selalu mengusahakan dengan memakai gambar. Gambar pada sebuah postingan juga membantu terindeksnya blog kita di mesin pencarian. Misalnya, kita mencari gambar hujan, kemudian muncul sebuah gambar hujan. Gambar hujan tersebut sudah diberi Alt Image agar terbaca oleh google.


Cara membuat Title Text dan Alt text sangat mudah sebenarnya. Tapi, saya akan menunjukkan dua cara membuatnya. Cara ribet dan cara mudah. Lumayan, kan, postingan ini bisa jadi panjang. :D

Cara Ribet

Sebagai contoh gambar di atas memiliki kode HTML sebagai berikut. Kode ini belum ada title image dan alt image.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVi6svlvMVaNGkWBC1KP207WlNEakzmAhF6Uur97iLbGdC0KL25FUyfaWCrl3tmYUegHZ37AGh-AvGfWQnr5BQ991XQlYMSULoTTK0q2Am7bcwe_oniRbgDRjTtLdV9GcpRyTjzfhxV_11/s1600/IMG_1374.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVi6svlvMVaNGkWBC1KP207WlNEakzmAhF6Uur97iLbGdC0KL25FUyfaWCrl3tmYUegHZ37AGh-AvGfWQnr5BQ991XQlYMSULoTTK0q2Am7bcwe_oniRbgDRjTtLdV9GcpRyTjzfhxV_11/s640/IMG_1374.JPG"  width="640" /></a>
 Kemudian setelah ditambahkan alt text dan title text akan menjadi seperti ini.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVi6svlvMVaNGkWBC1KP207WlNEakzmAhF6Uur97iLbGdC0KL25FUyfaWCrl3tmYUegHZ37AGh-AvGfWQnr5BQ991XQlYMSULoTTK0q2Am7bcwe_oniRbgDRjTtLdV9GcpRyTjzfhxV_11/s1600/IMG_1374.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="5 Minuman Asik Untuk Ngeblog" border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVi6svlvMVaNGkWBC1KP207WlNEakzmAhF6Uur97iLbGdC0KL25FUyfaWCrl3tmYUegHZ37AGh-AvGfWQnr5BQ991XQlYMSULoTTK0q2Am7bcwe_oniRbgDRjTtLdV9GcpRyTjzfhxV_11/s640/IMG_1374.JPG" title="5 Minuman Asik Untuk Ngeblog" width="640" /></a>
 Kode yang saya pertebal di atas merupakan alt text dan title text.

Cara Mudah

Pada bagan postingan di blogger, sudah disediakan cara sendiri untuk menambahkan alt text. Caranya seperti di bawah ini.

1 | Masuk ke dalam entri, kemudian klik gambar. 




2 | Saat sudah keluar menu, pilih properties.



3 | Isi Alt text dan Title Text sesuai judul postingan.



4 | Selesai

 Sekarang teman-teman sudah tahu bagaimana cara membuat Alt text dan Title text pada image. Semoga membantu ^^

8 Comments:

  1. Kalo pas ingat pasti aku kasih alt text dan tittle text. Tapi kalo ga ingat ya...lewat..hehehe

    ReplyDelete
  2. Aku juga pake alt text dan title test, mungkin itu yg bikin DA cepet naik pdahal baru 5bln sewa domain (waktu itu sihh)

    ReplyDelete
  3. Saya juga sudah melaksanakannya di blog Wordpress tanpa ngotak-atik kode.
    Terima kasih tipnya
    Salam hangat dari Jombang

    ReplyDelete
    Replies
    1. gimana caranya pakdheee??? ajariin

      Delete
    2. kalo di wp gimana caranya pakdhe?? ajariiin

      Delete
  4. Suka kelewat ini. Tapi sekarang coba lebih disiplin. Makasih sharingnya.

    ReplyDelete
  5. nanti dicoba deh, terima kasih sharenya

    ReplyDelete
  6. Waah... penting nih ya, Mak. Thanks tipsnya

    ReplyDelete

Komentar akan dimoderasi terlebih dahulu. Hanya memastikan semuanya terbaca :)

Usahakan berkomentar dengan Name/URL ya, biar bisa langsung BW balik saya ^^