Widget HTML #1

Cara menyisipkan link aktif didalam gambar





Selamat Datang di Blog Orang IT. Pada postingan kali ini saya akan membagikan tips sederhana bagaimana cara menyisipkan link aktif pada gambar sehingga ketika gambar diklik maka pengguna secara otomatis akan dialihkan kehalaman lain. Anda juga bisa mengaturnya apakah link terbuka pada tab baru atau tab yang sedang anda buka. 





Namun sebelum itu saya ingin menjelaskan terlebih dahulu apa itu link ? apakah anda sering mendengar kata hyperlinks atau disingkat link tapi masih bingung cara mendefinisikannya ? 





Link dapat diartikan sebagai hubungan , relasi , mata rantai , tautan atau sambungan. Jadi link ini menjadi jembatan yang menghubungkan antara sisi yang berbeda. 





Dalam konteks blogging/website pengertian link adalah sesuatu yang menghubungkan antara satu halaman dengan halaman lain baik secara internal maupun eksternal





Robot crawl atau dikenal dengan robot spider merayapi setiap halaman didalam website malalui tautan link yang saling menghubungkan satu sama lain , oleh sebab itu jika ada sebuah halaman yang berdiri sendiri tanpa menautkan link kehalaman lain dan tidak ditaut link cenderung memiliki otoritas yang rendah dihalaman pencari. Keberadaan link memberikan jalan bagi bot spider untuk merayapi dari satu halaman kehalaman lain








Link aktif bisa dibuat melalui banyak cara , yang paling umum melalui teks dan tombol button tetapi ada juga yang menyisipkan link kedalam gambar sehingga saat gambar tersebut di klik otomatis pengguna dialihkan kehalaman lain





Link di ibaratkan seperti pintu keluar , karena apabila kursor menyentuh link apapun maka pengguna akan dialihkan kehalaman lain atau ke website lain. Dimasa lalu banyak orang takut memberikan tautan link aktif karena dianggap menciptakan pintu keluar bagi pengunjung mereka bahkan pemilik situs sampai mematikan fungsi tombol back button untuk menahan pengunjung lebih lama





Tetapi setelah para webmaster memahami begitu pentingnya menghubungkan halaman untuk meningkatkan bounce rate perlahan ketakutan mereka mulai menghilang. Memang kalau sebuah halaman terlalu banyak mengalirkan outbound link maka otoritasnya menurun





Itu tak bisa dipungkiri karena crawl google bot akan terbagi-terbagi untuk merayapi setiap link sehingga website tersebut kehabisan crawl budget





Oleh sebab itu diperkenalkan 2 attribut link yaitu dofollow dan nofollow 





Link dengan attribut nofollow akan diabaikan oleh bot telusur sebaliknya mungkin di ikuti oleh real human sementara link dengan attribut dofollow akan di ikuti oleh bot telusur





Sehingga banyak webmaster yang menginginkan backlink/tautan balik dari web dengan attribut dofollow





Tujuan pemberian link aktif adalah menggiring pengunjung kehalaman lain yang dianggap masih satu topik, bisa juga sebagai saran kepada pembaca untuk mengunjungi halaman dengan topik yang masih berhubungan dengan halaman itu





Jadi hyperlink aktif cara kerjanya tinggal diklik dengan kursor mouse tidak perlu harus klik kanan > copy this link > paste address bar lalu tekan enter hehe





Membangun tautan link juga bagian dari strategi SEO On Page dan Off Page, misal dalam internal link biasanya digunakan dalam strategi konten hero to zero





Sementara dalam penerapan eksternal link dimaksudkan untuk memberikan nilai tambah/dorongan kepada tautan link yang direkomendasikan dan untuk memberikan efek tertentu, tautan link tersebut harus memuat attribut dofollow links





Secara garis besar penggunaan link dimasudkan untuk 3 tujuan :





** Backlink





Backlink atau tautan balik merupakan tautan link aktif dari website lain yang mengarah keweb kita dengan catatan tidak dibawah root domain yang sama. Fungsi backlink sendiri dimaksudkan untuk mengalirkan pengunjung





Misal saat anda melakukan guest post nofollow link di blog www.helmynia.com dengan visitor harian 10.000 berarti ada potensi visitor baru yang mengunjungi web anda melalui tautan link tersebut





Atau tautan backlink dari situs berkualitas tinggi mampu menarik peringkat web yang posisi awalnya rendah keposisi teratas dan praktik semacam ini sudah sering dilakukan oleh para mastah SEO diluaran sana





** Internal link





Seperti namanya internal link merupakan link yang hanya berputar didalam halaman blog, ibarat sebuah buku maka pengunjung hanya pindah dari halaman 10 kehalaman 100 tidak sampai berganti ke buku lain





Tujuan dibuatnya internal link salah satunya untuk membantu pengunjung dalam mengeksplore halaman lain yang topiknya masih berhubungan





Sebuah blog yang dikunjungi oleh visitor tidak hanya memiliki satu atau dua artikel saja seperti contohnya blog www.helmynia.com yang memiliki 1400 artikel oleh sebab itu saya mendorong pembaca untuk melihat daftar konten yang saya miliki melalui internal link





Menggunakan internal link juga menjadi bagian dari SEO Onpage yang wajib untuk di ikut sertakan seperti yang saya katakan bahwa kerja bot spider merayapi dari satu tautan ketautan yang lain





** Eksternal link





Eksternal link adalah kebalikan dari internal link dimana link yang digunakan dimaksudkan untuk mengarahkan pengunjung ke website lain dengan tujuan sebagai referensi atau sumber terpercaya





Anda tidak perlu takut kehilangan otoritas karena menyertakan eksternal link didalam artikel itu baik.





Jika konten anda menaut pada situs terpercaya maka googlebot juga akan menganggap konten anda terpercaya begitu pula dengan pembaca





Umumnya netizen kurang mempercaya informasi yang disertakan oleh blogger (baik yang masih menggunakan subdomain maupun yang sudah custom domain TLD) , dengan menyertakan referensi tulisan membuat pembaca semakin menghargai konten anda





Setelah mengenal pengertian link dan jenis-jenisnya , selanjutnya saya akan membahas bagaimana menyisipkan link kedalam sebuah objek gambar (termasuk foto , logo , gambar , webp)





Backlink tidak harus selalu disematkan dalam bentuk teks terkadang anda juga bisa menyematkannya kedalam gambar , yang penting anda memberikan title/judul dari tautan link tersebut karena alt title/alt tag digunakan google bot sebagai cara mengidentifikasi gambar





Contohnya , google tidak akan bisa memahami perbedaan antara gambar keju dan gambar mentega sampai anda memberikan keduanya nama





Apa tujuan memberikan link pada gambar? ada banyak 





Pertama untuk mencari backlink , dibeberapa situs press release atau situs web tertentu mereka mengijinkan guest post tetapi melarang penyisipan link didalam artikel blog tetapi kalau link tersebut dimaksudkan untuk tujuan gambar maka hal itu diperboleh sebagai sumber





Kedua sebagai bentuk upaya menghargai hasil karya orang lain , siapa tau yang punya hak cipta baperan lalu melaporkan gambar mereka google DMCA





Ketiga sebagai bentuk kerjasama antara sesama blogger dalam praktik link exchange atau bertukar link, memang ini hal yang dilarang sebab memuat skema two way links tapi apa daya sejak dulu trend link exchange sudah populer





Ke empat memberikan link pada gambar dimaksud untuk tujuan promosi misal situs seperti shutterstock memberikan gambar berkualitas rendah kemudian memberikan link pembelian gambar berkualitas tinggi dimana sebuah gambar bisa memiliki ukuran sampai 50Mb+





Ke lima sebagai bentuk promosi misal gambar penyedot debu kita memberikan link kehalaman pembelian barang elektronik penyedot debu





Bagaimana cara memasukkan link aktif kedalam gambar blogger ? ikuti saja tutorial simpel berikut :





1. Pertama silahkan buka halaman entri dan upload gambar (insert image)





Rekomendasi : Untuk foto gunakan format gambar JPEG sementara untuk vektor gunakan format gambar PNG, sebenarnya saya lebih menyarankan webp





2. Kemudian berikan deskripsi pada gambar caranya klik gambar > properties





Pada title text masukkan judul gambar misal : Foto kucing persia





Sementara pada alt text masukkan deskripsi gambar misal : Kucing persia bermain bola





3. Setelah itu silahkan pindah kemode HTML , anda akan melihat 2 url dengan tag





<a href="......





src="......





menyisipkan link aktif didalam gambar





pada tag ahrefs rubah menjadi url blog tujuan dimana saat gambar diklik nanti otomatis pengguna akan dialihkan kehalaman itu





pada kode src itu jangan dirubah karena memuat sumber gambar yang dihost oleh bp.blogger





Simpan dan publish





Sekarang saat gambar tersebut disorot oleh kursor yang awalnya tanpa panah akan berubah menjadi tangan dan ketika di klik pengguna akan dialihkan kehalaman lain





Bagaimana supaya terbuka pada tab baru? tinggal ditambahkan saja kode  target="_blank"





Bagaimana mudahkan menyisipkan link aktif didalam gambar ? gambar berlink telah selesai dibuat sekarang tinggal melengkapinya dengan artikel menarik agar hasilnya lebih bernilai





Jika anda tidak ingin link tersebut dirayapi oleh google bot tinggal tambahkan saja attribut rel="nofollow"





Secara lengkap kodenya akan terlihat seperti ini 





<a href="http://helmynia.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank" rel="nofollow"><img alt="Kucing persia bermain bola" border="0" data-original-height="496" data-original-width="1058" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYZKjaSaBVR62RCO-2DpEACvZS39EaGh-nKot3oselII00ouS07msP04jifoCS4PRYO5-5dbneroyJx9pGBHngSqNnhpV5xneyvwkLwufXBQTg3LEm_rs4cJak8ZqSZ6zEGeh1GxVVxZq/s400/foto_kucing_persia.JPG" title="Foto kucing persia" width="400" /></a> 





Anda juga bisa menentukan lebar dan panjang gambar atau diset 100% agar pas dengan bilah postingan. Kelemahannya adalah saat gambar yang diunggah kurang jelas biasa saat diklik otomatis muncul pratinjau gambar yang lebih besar jadi kalau gambar yang diberikan link aktif terlihat kecil saat pengguna menekan klik mereka akan dialihkan kehalaman lain yang sama sekali berbeda





Baca juga : Cara mengatur ukuran gambar blogger


Tidak peduli keputusan apa yang akan anda ambil jika memang itu dianggap yang terbaik maka gunakanlah dengan sewajarnya, demikian postingan mengenai cara membuat gambar diklik langsung menuju kehalaman lain semoga bermanfaat, sekian dan terimakasih





Oleh http://helmynia.com

Pegawai Kantoran dan Pekerja Serabutan Online
Pegawai Kantoran dan Pekerja Serabutan Online "Apabila anak adam (manusia) telah meninggal dunia, maka terputuslah amalnya darinya, kecuali tiga perkara, yaitu sedekah jariyah (sedekah yang pahalanya terus mengalir), ilmu yang bermanfaat, atau anak saleh yang selalu mendoakannya." (HR Muslim No. 1631)

Posting Komentar untuk "Cara menyisipkan link aktif didalam gambar"