Hey Gwener's, What's Up!
Menampilkan gambar tentu dapat memberikan daya tarik tersendiri pada artikel yang kita buat. Karena selain konten yang berkualitas gambar juga lebih dapat mempermudah pembaca dalam memberikan intisari dari artikel tersebut. Seperti Cara membuat konten berkualitas menggunakan gambar

Namun terkadang terlalu banyak gambar justru akan membuat sebuah halaman tersebut sulit diamati. Apalagi jika kita sering melakukan share artikel melalui social media seperti Facebook, Google+ dan lainnya. Gambar yan seharusnya menjadi konten artikel bisa saja terganti oleh gambar lain seperti gambar photo profile atau photo komentar dari orang lain yang diberikan pada halaman tersebut.

Javascript

Untuk mengatasi masalah seperti ini kita dapat mengganti script IMG untuk HTML dengan menggunakan DIV. Sehingga ketika search engine ataupun website lain tidak akan mendeteksi script tersebut sebagai img sehingga bisa dipastikan hanya img yang berada pada konten saja yang akan terbaca sebagai image yang digunakan.

Maksudnya adalah kita akan mengganti element div tersebut dengan img ketika halaman artikel telah berhasil dirender (load). Agar ini bisa terwujud kita akan membutuhkan javascript untuk membuatnya. Javascript akan memngubah elemen div dengan logika tertentu.

Agar image yang ingin ditampilkan dapat dikenali maka kita perlu medeskripsikan url image tersebut pada elemen div tersebut. Cara yang paling mudah adalah menggunakan attribute class. Pada atribute ini kita akan meletakan class image dengan space untuk menempatkan url gambar yang akan ditampilkan. Untuk jelasnya perhatikan code berikut

Script div diatas bisa sobat letakkan dimana saja sesuai posisi gambar yang ingin ditampilkan misalnya gambar profile pada colom komentar. Sehingga kita situs media social membaca laman tersebut tidak akan mendeteksi gambar profile sebagai gambar konten yang kita tampilkan.

Terakhir, script Javascript diatas sobat letakkan dibagian akhir template sebelum tag body pada template blog atau website sobat. Dengan cara diatas dipastikan semua image yang ditampilkan dengan cara ini tidak akan terdeteksi oleh mesin pencari maupun media social yang menyediakan fitur share artikel ataupun link. Terakhir baca juga, Manfaat media sosial untuk blog