~ Tahukah Anda, Image Sebenarnya….. ~

February 11th, 2010 by UmmiKhayra Leave a reply »

Me!  I'm a wife to my precious husband, Khairul Adha and a mother to my sweet little gorgeous princess, Khayra Amirah. I Love to breastfeed my baby.. :) I love my Family so much... :D


Hari nih, saya nak tulis pendek je. Hari ni lain dari tajuk biasa.. Hehehhehe Korang tahu tak,  image atau gambar yang kita letak banyak-banyak kat blog nih, sebenarnya tak dapat di kesan oleh google crawler? Maksud saya, search engine, tak leh index searching atau rankingkan pages kita kalau blog kita hanya ada gambar sahaja. Sebab crawler/engine search ni, cuma boleh buat carian dalam bentuk text sahaja.

Jadi macam mana nak buatkan image ni visible?

Macam mana nak buat image ni visible bila search engine buat carian? Ha.. Caranya mudah sahaja, Yang paling penting, masukkan text atau apa-apa je kaitan dengan gambar di dalam ALT attributes.  Apa tu ALT? ALT attributes adalah salah satu attributes yang penting dalam <img> tag. Ia adalah basic yang ada dalam code html untuk <img>. Macam mana nak tulis alt nih dan kat mana? Meh, saya bagitahu untuk blogspot dulu. Memandangkan ramai pengguna blogspot nih. :)

Blogspot

Untuk pengguna blogspot, kita kena tambah sendiri kat dalam code html tuh. Lepas upload gambar, pegi pada edit HTML. Kemudian, cari perkataan alt=”" macam kat gambar yang saya highlightkan kat gambar bawah nih. Pada attributes tula, kita boleh tambah kan ayat apa nak letak contoh kalau gambar ikan. alt=”Ikan yang sangat comel” atau gambar korang, tulis “awek cun” pun boleh. :)

Dan seelok2nya, gambar tu letakla nama fail yang berkaitan. Jangan letak DC20001, atau picture1.jpg.. :)

How-to-make-image-visible-for pro

Wordpress

Untuk pengguna wordpress, lagi mudah. Tak perlu buka coding ke apa. Semuanya dah tersedia. Seperti gambar di bawah. Macam yang saya kotakkan kat bawah tu. Alternate Text = alt attributes dalam code html. Selain alt attributes, title=image title juga dapat membantu. Kita boleh letak image title untuk setiap gambar.

How-to-make-image-visible

Kenapa kena letak benda ni semua?
Ok, alt attributes ini kegunaan dia adalah sekiranya gambar tu belum muncul sebab lambat loading ke apa, alt attributes dapat membantu pembaca untuk mendapat gambaran terlebih dahulu gambar yang nak kita tunjukkan. Contohnya, kalau kita letak gambar orang tua, then kita tulis “Hot babe” mesti orang sanggup tunggu punya… :D. Gurau je ek.. :P Selain daripada tu, sebab yang utama adalah untuk SEO kita. Untuk naikkan ranking web kita, SEO merupakan perkara yang penting. Benda-benda kecil macam ni pun sangat penting untuk optimizedkan ranking webpage kita.

nota: Harap info saya ini berguna untuk semua :)

ishh.. macam dah panjang je kan? :P

Luv,

UmmiKhayra

Related Posts with Thumbnails
Advertisement

20 comments

  1. nurul izzaNo Gravatar says:

    ala kak nini..satu pon xpaham ;-( nurul izza´s last blog ..Mexican la pulakk (Khas buat Lina dan Ejan) My ComLuv Profile

  2. nurul izzaNo Gravatar says:

    apa tujuan kita wat camtu? xnak dikesan org ke mcm ne?

    • UmmiKhayraNo Gravatar says:

      Hehhe tak faham ke izza? ayat akak tunggang langgang ek? :P ( inila bahana menaip dengan tergesa2.. :P ) Bukan untuk tak nak dikesan, tapi untuk naikkan ranking web/blog kita. Contohnya, kalau izza buat tentang resepi masakan. Mesti ada masukkan gambar makanan tu kan? so, gunakan attributes ALT cth kat atas tu, untuk tmbh “salmon yang sedap”@”salmon with cheese and delicious.” Jadi bila ada orang search tentang salmon, search engine akan crawl kat gambar jugak sebab ada text. :)

      Kalau gmbr peribadi, xnk letak pun takpe.. :)

  3. baikkkk punyaaa info…thank you dear…tips yang amat berguna untuk mereka yang suka upload gambo tapi tak suka menaip panjang lebar… :)

  4. oo.nak bg rank naik yer? bolela try ni.
    ummisalsabila´s last blog ..Aufa – 16bulan @ 1 tahun 4 bulan My ComLuv Profile

  5. MommaMiaNo Gravatar says:

    good sharing ni, suka2… nak cuba la. Thanks ninie
    MommaMia´s last blog .." Contest Aksi Gigit si Manja " by MommaMia My ComLuv Profile

  6. udaNo Gravatar says:

    info yang sgt berguna.. :)

  7. UmmiNorNo Gravatar says:

    wah tertarik menarik kau memang da bomb! hehehe gurau je..thanks for the good info bebe…
    UmmiNor´s last blog ..Anda kisah ke…. My ComLuv Profile

  8. Nadiah SidekNo Gravatar says:

    oo..baru tahu! sebelum ni duk ingat kalau letak gambar je, blh keluar kat SEO..hehe. thanks 4 the info! tapi rasanya kalau tak nak gambar2 kita di copy paste sesuka hati, lebih selamat kalau tak letak alt attributes tu, kan? ye la..kalau letak, senang2 je keluar kat carian google :-) Nadiah Sidek´s last blog ..Maut selang sehari My ComLuv Profile

    • UmmiKhayraNo Gravatar says:

      hehehhe image, video or flash, anything yang takde relate dengan text, memang search engine takleh baca.. Kalau nak letak kan alt attributes tu, bagi nini, pilih gak la gambar. Kalau gambar tentang tutorial je, masakan ke, or apa2 yang takde kaitan dengan peribadi, better letak.. :)

  9. adiNo Gravatar says:

    hoho..betul tu…crawler mmg sgt suke benda2 camtu..lg cpt blog naik ranking…selamat mencuba
    adi´s last blog ..Favicon Di Adi Azli Dot Com My ComLuv Profile

  10. bagus info nih. boleh meningkatkan trafik ke blog.

  11. abgredsNo Gravatar says:

    abgreds pakai wordpress. ada gak upload gambar. nampak dah menatang tuh, tapi tak pahe. makasihlah mu dah bagitau.
    abgreds´s last blog ..Kita dan OKUMy ComLuv Profile

Leave a Reply

CommentLuv Enabled
:-[ (B) (^) (P) (@) (O) (D) :-S ;-( (C) (&) :-$ (E) (~) (K) (I) (L) (8) :-O (T) (G) (F) :-( (H) :-) (*) :-D (N) (Y) :-P (U) (W) ;-)