Membuat Tombol Shering Social Media di Website

Media social menjadi kewajiban dan kebutuhan didalam mempromosikan konten di website yang kita miliki, dan media sosial memiliki peran penting didalam meningkatkan trafik kunjungan di website kita.
Ada banyak media sosial saat ini yang bisa kita masukan di dalam website, disini saya mencoba membuat tutorial tombol shering ke media social, adapun media social yang saya gunakan facebook, twitter, dan Whatsap.
Berikut langkah awal didalam membuat tombol social media shering di website.
Pertama kita buat sebuah halaman artikel yang akan kita taruh tombol shering dan kita masukan kode meta property seperti pada contoh di bawah title seperti berikut :
<!DOCTYPE html>
<html>
<head>
<title> Tips Cara Import Database MySQL Ukuran Besar</title>
<meta property="og:url" content="http://ilmuweb.net/tips-cara-import-database-mysql-ukuran-besar/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Tips Cara Import Database MySQL Ukuran Besar" />
<meta property="og:description" content="Secara default apabila kita akan import database ke MySQL ukuranya dibatasi hanya 2 Mb, apabila kita akan import database ke MySQL dengan ukuran database yang lebih besar dari 2Mb maka akan menampilkan pesan eror dikarenakan melebihi dari batas yang di tentukan." />
<meta property="og:image" content="http://ilmuweb.net/wp-content/uploads/2018/06/database-image-980x450.jpeg"/>
</head>
<body>
</body>
</html>
Pada contoh diatas saya menggunakan web ilmuweb sebagai contoh, dimana kita perhatikan penjelasan berikut :
Kita perhatikan pada meta property yang pertama kita isi halaman link artikel yang akan kita shering meta property=”og:url” content=” isi alamat link artikel” />
Pada meta property kedua kita masukan jenis website <meta property=”og:type” content=”isi tipe website” />
Kemudian pada meta property ketiga meta property=”og:title” content=” isi Judul artikel” /> kita isi judul artikel
Meta property ke empat <meta property=”og:description” content=” isi Artikel” />
Meta property ke lima <meta property=”og:image” content=”isi alamat gambar di website” />
Selanjutnya masukan kita cari gambar media sosial dan masukan kode shering gambar dari Facebook, Twitter, dan Whatsapp dibagian bawah artilkel sebagai berikut :
<a href="http://www.facebook.com/share.php?u=http://ilmuweb.net/tips-cara-import-database-mysql-ukuran-besar/ http://ilmuweb.net/wp-content/uploads/2018/06/database-image-980x450.jpeg" target="_blank">
<img title="Sharing Berita ke Facebook" src="images/fb.jpg" alt="" width="45" height="45" />
</a>
<a href="http://twitter.com/intent/tweet?url=http://ilmuweb.net/tips-cara-import-database-mysql-ukuran-besar/" target="_blank">
<img class="alignleft size-full wp-image-664" title="Shering Berita di Twitter" src="images/twitter.png" alt="" width="45" height="45" />
</a>
<a href="whatsapp://send?text=http://ilmuweb.net/tips-cara-import-database-mysql-ukuran-besar/"> <img src='images/wa.jpg' title="Untuk Shering Berita ke WA Klik Langsung Menggunakan Smartphone Anda" width='45' height='45' > </a>
Untuk menguji dapat menggunakan debugger pada Facebook, apakah skrip kita berjalan dengan baik alamat menguji disini Facebook Debugger

Kemudian kita masukan alamat link website kita, apabila telah muncul gambar dari artikel yang kita shering maka skrip yang kita buat telah berjalan dengan baik.

Hasilnya seperti berikut untuk tampilan shering di fanpage :

Sekian tutorial cara membuat tombol shering social media, semoga bermanfaat.