Saya pribadi sebenarnya tidak begitu suka dengan Iframe. Dan ternyata memang beberapa blogger lain pun juga ada yang berpendapat sama. Anda tahu kan apa itu Iframe? Jadi, sebenarnya iframe ini adalah salah satu dari jenis tag HTML yang bisa digunakan untuk menampilkan halaman lain pada situs/blog kita dalam berupa jendela atau frame. 🙂
Contoh paling sering itu adalah YouTube. Untuk menampilkan video yang sudah kita upload di youtube.com itu, biasanya kalau kita mau pasang videonya di blog kita bisa memasangnya dengan menggunakan metode Iframe ini.
Ada lagi misal contoh Anda mau pasang widget Like Fanspage Facebook. Itu juga menggunakan Iframe. Terus apalagi? Formulir komentar di blogspot juga masih pakai Iframe. Komentar Disquss juga dengan metode iframe. Soundcloud juga. Dan masih banyak lagi saya rasa yang lainnya. Yang pada intinya kita bisa garis bawahi bahwa iframe itu biasanya sering digunakan untuk menampilkan konten dari 3rd Party atau pihak ketiga.
Sekarang Anda saya yakin sudah mulai paham dengan Iframe ini. Iyaa kan? Coba angguk-angguk dulu kalau paham. Hahahah.. 😀
Biar lebih paham saya kasih contoh. Misal Anda mau pasang iframe biasanya kode HTML yang digunakan seperti ini :
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/192369645&color=777777&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
Saya pakai contoh memasang iframe SoundCloud saja yaa, biar sekalian promosi. Siapa tahu Anda suka dengerin suara saya yang tak seberapa bagus kalau nyanyi. Jadi nanti Anda tinggal follow saya kalau suka. 🙂
Dari kode Iframe diatas maka nanti hasilnya seperti ini :
Kalau dari WordPress, sebenarnya saya bisa pakai shortcode untuk lebih mudah. Tapi iyaa sama saja nanti hasil yang keluar juga jadi Iframe.
*****
Oke, saya rasa cukup perkenalan dengan Iframe. Sekarang kita lanjut ke pokok pembahasan sesuai judul diatas.
Apa Manfaatnya Memasang Iframe Pada WordPress atau Blog?
Sebelum bicara alasan kenapa saya tidak suka Iframe, baiknya saya bicarakan hal positif dari iframe ini dulu. Jadi sebenarnya penggunaan iframe ini tidak salah yaa. Anda bisa pakai iframe kalau memang Anda rasa itu penting. Seperti misal untuk contoh kasus tulisan saya hari ini. Supaya Anda bisa paham mengenai iframe maka saya gunakan contoh memasang iframe pada wordpress seperti yang sudah Anda lihat diatas.
Atau manfaat lainnya adalah untuk memperkaya konten blog Anda. Karna biasanya kalau kita posting dengan tambahan Video, Pdf, Presentasi Slide, atau yang lainnya itu kan bisa membuat pengunjung lebih mudah mencerna informasi yang ingin kita sampaikan. Dan katanya, juga bagus untuk penilaian Google SERP.
Dan sejauh ini yang menurut saya masuk akal untuk dijadikan pengecualian saya harus pasang iframe di blog Chaidir.Web.ID, iyaa hanya satu alasan itu saja. 🙂
Jika Anda pengguna blogspot, Anda pasti tahu kan widget Followers atau Google Friend Connect ?
Itu juga menggunakan Iframe. Dan bagi saya itu tidak begitu penting. Sama seperti misalnya widget Fanspage Facebook. Seperti yang Anda lihat, saya tidak menggunakan embel-embel itu di blog ini. Karna efeknya adalah seluruh halaman postingan saya jadinya nanti pasti mengandung iframe. Karna letaknya itu kan biasanya di sidebar.
Kecuali kalau dengan Anda pasang iframe Facebook atau Follower itu, dalam sehari Anda bisa dapat banyak likers atau followers. Saya rasa itu baru cukup fair untuk dijadikan alasan pengeculian yang kedua. 😀
Oh yaa, saya sampai lupa. Perlu Anda tahu bahwa Google Adsense dan Komentar Jetpack WordPress juga menggunakan Iframe. 😀
Untuk Adsense, saya kira bisa lah dijadikan pengeculian kedua. Karna memang ada hasilnya untuk monetasi situs kita. Sedangkan kalau untuk komentar jetpack wordpress itu, saya rasa gak perlu.
*****
Apa Dampak Buruknya Memasang Iframe pada Blog atau Website Anda?
Ada beberapa hal yang membuat saya jadi agak malas pakai Iframe. Diantaranya akan coba saya bahas di bawah ini.
1. Memasang Iframe Membuat Loading Blog Jadi Berat
Seperti point pertama yang saya jelaskan diawal. Bahwa Iframe ini kan dia fungsinya untuk memuat konten dari pihak ketiga atau dengan kata lain memasang iframe berarti Anda sedang menampilkan halaman website lain pada blog atau postingan artikel Anda. Jadinya wajar kalau dengan adanya iframe ini, akan menambah beban loading atau ukuran dari tampilan blog Anda.
Bagi saya pribadi, akses loading cepat dan ringan suatu situs itu adalah salah satu dari prioritas yang harus diutamakan. Sangat penting! Karna sudah pasti pengunjung akan bosan kalau harus nunggu loading lama-lama. Bisa-bisa belum lagi konten muncul situs kita udah ditutup duluan, dan pengunjung Anda kabur ke situs saya. Heheh.. 😀
Makanya, untuk Adsense pun kalau terlalu over juga gak bagus. Tapi untungnya iyaa, Adsense ini bisa dibuat dengan metode Asynchronous Load.
Mungkin nanti di postingan berikutnya akan saya kasih tahu cara menangkal atau mengatasi masalah Iframe ini. Prinsipnya kita harus buat iframe di-load paling akhir.
2. Memasang Iframe Tidak Bagus untuk SEO
Ada beberapa pendapat kalau memasang iframe itu gak begitu bagus untuk SEO. Entah benar atau tidak saya belum coba telusuri lebih jauh. Tapi kalau dipikir masuk akal juga. Karna memang sudah pasti iframe ini mengandung konten dari luar situs kita. Bisa jadi disana ada link external juga. Dan setiap kali kita me-loading situs pihak ketiga dengan iframe itu sama saja dengan kita memberikan hits kepada mereka.
Artinya itu sama aja sih dengan Anda sedang membuka situs lain disaat yang bersamaan. Disisi mereka mungkin ada untungnya, karna pihak ketiga tetap dapat trafik dari Anda. Tapi malah disisi kita bisa jadi malah gak dapat untung.
Dan seharusnya konten yang ada di dalam iframe tidak dinilai sebagai konten situs Anda. Melainkan iyaa tetap milik dari situs pihak ketiga tersebut.
Seperti misal situs chkme.com pun juga lebih menyarankan Anda agar tidak menggunakan iframe untuk bisa mendapat skor SEO yang lebih tinggi. Tapi saya gak tahu iyaa kadang-kadang bisa juga katanya chkme.com itu situs Anda tidak mengadung iframe, tapi kalau di-cek langsung dari browser padahal ada. 🙂
3. Memasang Iframe Tidak Bisa Menggunakan CSS
Hal terakhir yang saya tidak suka dari Iframe ini adalah tidak bisa diatur tampilannya menggunakan CSS pada situs kita.
Kenapa kok gak bisa? Kembali lagi ke point penjelasan diawal tadi. Karna konten yang ada di dalam iframe sudah punya style CSS-nya sendiri. Kita tidak bisa atur tampilan konten dari situs pihak ketiga tersebut saat menggunakan iframe.
Entah saya yang masih belum tahu caranya atau mungkin saya rasa memang tidak bisa.
Jadi misal kan seperti yang saya bilang form komentar blogspot dan form komentar jetpack wordpress, itu mau dibuat kayak gimana juga susah. Modelnya iyaa gitu-gitu aja. Mau dirubah warnanya jadi sesuai dengan tampilan template juga gak bisa. Karna saya suka desain web, makanya saya jadi gak suka dengan Iframe. 😀
*****
Terus apalagi yaa?
Saya kok jadi lupa mau bahas apa, soalnya ini tadi nulis sambilan dengan yang lain. Hahaha.. Yaudah lah pokoknya kayak gitu lah.
Kesimpulannya, saya tidak katakan bahwa Anda salah kalau pasang Iframe di blog Anda. Tapi saya sarankan, Anda harus pertimbangkan apakah Anda sebaiknya menggunakan Iframe itu atau tidak. Atau kalau memang terpaksa harus ada Iframe iyaudah biarin aja gak papah. Kalau sekiranya gak penting, lebih baik gak usah.
Jadi, mudah-mudahan Anda bisa dapat sesuatu dari artikel saya hari ini. Dan sekiranya Anda suka dengan artikel-artikel saya, saya akan sangat senang sekali jika Anda mau subscribe Chaidir.Web.ID via email atau like Fanspage Facebook saya, atau sekedar share artikel ini melalui media social.
Atau Anda bisa saling diskusi melalui kolom komentar di bawah ini. Atau… apalagi? 😀
Salam Semangat dan Sampai Jumpa!!
Sumber Gambar: Loading
agus
gadung giri
Terus terang saya masih agak bingung dengan iframe. Saya beberapa postingan memakai embedded dari Flickr untuk hemat hosting, apakah kurang bagus juga?
·ahmadnorhady
kelebihan iframe bisa pada saat kita menggunakan vps/localhost sendiri, contoh misal table yg telah kita style sendiri, ternyata pada saat di upload di page wordpress tidak sesuai harapan tampilan yg kita inginkan, dengan vps/localhost tinggal kirim saja data table kita, terus nanti nya panggil menggunakan iframe, sekedar berbagi sedikit 😀
·ujang herman
lebih ringan dan baik mana kalau menampilkan file video yang upload ke media atau menggunakan script iframe dan videonya disimpan di drive?
·Chaidir
Tergantung server-nya mas. Kalau mas pakai hosting yang servernya bagus, tentu lebih ringan jika ditaruh di media.
Tapi kalau mas masih pakai shared hosting dengan bandwith dan space yang kecil, lebih hemat kalau pakai drive luar. Masalah iframe-nya kan bisa diatasi dengan script, jadi saat awal load halaman iframe-nya gak langsung ikut dimuat.
·ujang suherman
sebesar apa lambat loding apa antara menggunakan iframe video dengan menyimpan file langsung upload filenya
·Chaidir
Relatif Mas, bergantung dari kualitas server webnya. Pada intinya iframe kan memuat halaman dari web lain, jadinya lambat. Tapi kalau video dimuat dari web sendiri pun, kalau servernya lemot yaa bisa lambat juga.. Heheh
·daris
sy setuju dengan pendapatnya ujang. you know lahhh
·bangpreman
i frame pake css bos, cara lihat nya buka alamat iframe nya trus pake ctrl + u . ..
·Jefry Dewangga
😀 Berkaitan dengan loading blog lagi, alhamdulillah aku udah menemukan cara yang tepat untuk mengembed video Youtube tanpa mengurangi kecepatan loading blog. Prinsipnya adalah dengan memanggil terlebih dahulu thumbnail video sebagai gambar biasa, kemudian jika gambar tersebut di klik akan di replace dengan kode embed dari Youtube. Insya Allah entar aku share di blogku. hehehe
Mungkin untuk iframe lain bisa menggunakan cara ini,
<div id=”frameContainer”></div>
<style>
#frameContainer {
background:white url(‘http://www.mytreedb.com/uploads/mytreedb/loader/ajax_loader_blue_32.gif’) no-repeat 50% 50%;
margin:30px;
}
#frameContainer iframe {
display:block;
padding:5%;
border:none !important;
}
</style>
<!– Script di bawah ini membutuhkan jQuery agar dapat dijalankan –>
<script>
$(window).bind(“load”, function() {
$(‘#frameContainer’).html(”);
});
</script>
Untuk hasilnya bisa dilihat di sini: http://jsfiddle.net/jefryd/jUaG4/374/
·Chaidir
Waah ini keren, dapat masukan tips dari Mas Jefry. 😀
·Mudah2an bisa menjawab pertanyaan pengunjung yang belum sempat saya jawab lewat tulisan ini yaa..
NALHACKER
Saudara Chaidir, terima kasih untuk infonya. Sedikit tanggapan, memasang Iframe itu sangat memperbagus tampilan blog, selain itu konten third party yang dimuat Iframe tersebut akan menambah nilai suatu blog. Akan tetapi, berdampak pada SEO jika tidak dioptimasi, oleh karena itu untuk mengatasi masalah SEO akibat penggunaan Iframe seperti Youtube, silahkan lihat tulisan saya http://www.nalhacker.com/2015/06/cara-mengatasi-masalah-seo-iframe.html
Terima Kasih
·Chaidir
Mas Nalhacker ini salah satu contoh visitor yang saya yakin ndak baca artikel saya semuanya sampe habis. Yang penting komentar dan ninggalin link doang. 😀
·sabda awal
aku dengerin soundcloudnya sampai habis bg, wahahhaa, lebih fokus ke suaranya, kerenn bisa nyanyi,,,,(y)
·Chaidir
Hahaha.. 😀
·Suaranya acak-acakan gitu bg.
Habib Asyrafy
Saya benar-benar menunggu artikel yang membahas cara mengatur urutan load, supaya si iframe terakhir
·Nice post Dir!
Chaidir
Siip.. nanti bakal di post lanjutannya. 🙂
·