Cara Membuat Artikel di Instant Articles Facebook Agar Tidak Error

Zona Blog | Seperti yang telah dijelaskan sebelumnya, bahwa facebook selaku media sosial terbesar di dunia, secara resmi telah meluncurkan sebuah program yang bernama Instant Articles yang berfungsi untuk merender sebuah laman website, atau page tertentu.

Hasil dari render tersebut diakui lebih joz, dan lebih cepat daripada saat seseorang langsung mengunjungi situs utama.

Sejatinya program tersebut merupakan hasil analisa Facebook setelah membaca pengguna facebook mayoritas memanfaatkan handphone, daripada menggunakan PC maupun Laptop.

Layaknya google dengan teknologi AMP nya, yang berupaya memudahkan masyarakat mengunjungi sebuah laman dengan lebih cepat, begitu juga dengan facebook.

Instant Articles diyakini mampu memberikan pengalaman dan sensasi berbeda, baik kepada pengunjung laman ataupun kepada pemilik laman.

Oleh sebab itu, seorang blogger dirasa wajib mengetahui program persembahan facebook tersebut, sebagai bentuk usaha memperbanyak pengunjung.

Nah, bagi sahabat yang belum mengetahui cara mendaftarkan blog pada teknologi baru dari facebook itu, sebaiknya segera mencoba melakukan pendaftaran Instant Articles sekarang juga.

Sementara dalam tulisan ini, kami ingin membagikan tutorial untuk membuat artikel instan sesuai dengan peraturan facebook.

Cara Membuat Postingan Instant Articles

Sebelum menjelaskan lebih jauh, perlu diketahui setidaknya ada beberapa item dasar dalam sebuah postingan yang berlaku di Instant Articles milik facebook ini. Yakni

  1. Teks / Tulisan Artikel
  2. Penambahan Gambar atau Media
  3. Sisipan Sosial

Cara Membuat Teks / Artikel

Facebook memiliki peraturan tersendiri untuk menerima dan mempersilahkan sebuah artikel layak dipublish melalui Instant Articles ini.

Tentu saja, ketentua tersebut erat kaitannya dengan algoritma dan teknik penulisan khusus berbasis HTML.

Nah, secara umum Facebook mengharuskan tulisan / teks/ artikel mengikuti panduan HTML yang telah ditetapkan. Adapaun bentuknya sebagai berikut:

<html>

<head>
<meta charset=”utf-8″>
<link rel=”canonical” href=”http://urllinktulisan.com/example1″>
<link rel=”stylesheet” title=”default” href=”#”>
<title>Judul utama Artikel</title>
<meta property=”fb:article_style” content=”Test Article Style”>
</head>
<body>
<article>

<!– Judul Tulisan Artikel Disini –>
<p> Paragraf Pertama. </p>
<p> Paragraf Kedua. </p>

<footer>
<ul class=”op-related-articles”>
<li><a href=”http://instantarticles.fb.com”></a></li>
<li><a href=”http://instantarticles.fb.com”></a></li>
</ul>

<!– Credits for your article –>
<aside>Diisi dengan penjelasan singkat tentang artikel atau informasi tentang kandungan topik</aside>

<!– Copyright details for your article –>
<small>Isi dengan status kepemilikan</small>

</footer>
</article>
</body>
</html>

Cara Pasang Gambar / Media

Tidak jauh berbeda dengan cara membuat teks, Facebook juga peraturan saat kita akan memasukkan gambar atau media lainnya.

Secara umum, untuk menampilkan gambar pada tulisan di Instant Articles, maka harus ada dua kode pengapit link gambar. yaitu kode <figure>——-</figure>

Contoh :

<figure>
<img src=”http://linkgambarkamu.com/path/to/img.jpg” />
</figure>

Jika ingin membuat kata keterangan, dapat menggunakan kode berikut:

<figure>
<img src=”http://linkgambarkamu.com/path/to/img.jpg” />
<figcaption>Tulis Keterangan Gambar</figcaption>
</figure>

Sementara untuk menambah video youtube, kalian bisa menggunakan kode HTML berikut ini:

<figure class=”op-interactive”>
<iframe width=”560″ height=”315″ src=”https://www.linkemebedyoutube”></iframe>
</figure>

Cara Memasang Sisipan Sosial

Selain bisa menambahkan media, baik gambar maupun video, facebook juga menyediakan cara untuk menyisipkan gadget media sosial tertentu, misalnya ingin memasukkan gadget facebook, maka kalian bisa gunakan kode HTMl berikut ini:

<figure class=”op-interactive”>
<iframe>
<!– Masukkan Kode Facebook di sini. Anda juga harus menyertakankode berisi “JavaScript SDK” dan beberapa bagian penting yang pada posting Tag” untuk lebih jelasnya silahkan baca di https://developers.facebook.com/docs/plugins/embedded-posts#add-code-manually –>
</iframe>
</figure>

Untuk menyisipkan kode Twitter:

<figure class=”op-interactive”>
<iframe>
<!– Sertakan Twitter menempelkan kode di sini. Kode embed Anda akan terlihat seperti <blockquote class=”twitter-tweet” … –>
</iframe>
</figure>

Untuk Menyisipkan Kode Instagram:

<figure class=”op-interactive”>
<iframe>
<!– Termasuk Instagram menempelkan kode di sini. Kode embed Anda akan terlihat seperti: <blockquote class=”instagram-media” … –>
</iframe>
</figure>

Daru penjelasan semua diatas, dapat disimpulkan bahwa facebook ingin memberikan pengalaman tersendiri bagi para pengunjungnya melalui program Instant Articles, dan tentu saja, agar program itu bisa berajalan dengan baik, ada aturan-aturan tersendiri, mulai dari membuat tulisan, menyisipkan gambar/ video, ataupun menyispikan link tautan media sosial.

Nah, demikian informasi tentang cara Membuat Artikel di Instant Articles Facebook dan jika masih ada error, jangan sungkan-sungkan untuk bertanya di kolom komentar di bawah ini. Happy Blogging.

 

Mungkin Anda juga menyukai

1 Respon

  1. darg berkata:

    Maaf mas mau tanya, klo yang otomatis tanpa ribet ada g?, widget atau apalah. soalnya bnyk postingan yg harus diterbitkan. klo edit manual satu-satu menyita waktu juga soalnya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *