Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Membuat dan Mempersiapkan Artikel Instan Facebook Untuk Blogger

Hampir 85% pengguna web saat ini adalah pengguna web/ situs dari versi seluler atau mobile.

Karena itu, sebagai seorang blogger kita tidak boleh mengesampingkan masalah ini, terutama dalam hal render atau loading blog didalam versi mobile/ seluler.

Di postingan kali ini saya akan berbagi Cara Membuat dan Mempersiapkan Artikel Instan Facebook Untuk Blogger, yang mana merupakan versi mobil dari laman web/ blog yang dihosting dari facebook.

Cara Membuat dan Mempersiapkan Artikel Instan Facebook Untuk Blogger


Jika seorang blogger tidak mengikut perkembangan yang ada, maka pengunjung blog akan semakin berkurang, dan tentu saja menyebabkan penghasilan kita dari blog pun semakin menurun.

Google telah memperkenalkan Accelerated Mobile Pages (AMP), apple dengan Apple News nya dan sekarang Facebook telah memperkenalkan dan menggunakan Instant Articles untuk memecahkan pemuatan halaman blog/ situs di versi seluler. 


Cara Membuat dan Mempersiapkan Artikel Instan Facebook Untuk Blogger


Apa yang ditawarkan oleh facebook ini sangat menarik, selain dapat mempercepat render web di versi mobile atau seluler, kita juga dapat mendapatkan uang atau penghasilan dari Instan Artikel Facebook tadi.

Ini tentu saja sangat menguntungkan, dan sangat disayangkan jika kita melewatkan kesempatan ini. Karena implementasi halaman blog/ situs dengan Artikel Instan Facebook sangat berbeda.

Artikel Instan hanyalah versi mobile dari halaman web, yang memuat dengan cepat karena dihosting oleh Facebook sendiri.

Untuk memulai membuat dan mempersiapkan Instan Artikel Facebook, ada baiknya anda membaca terlebih dahulu Cara Daftar dan Setting Instan Artikel Facebook untuk Blogger.

Berikut ini Cara Membuat Instan Artikel Facebook untuk Blogger dan menyiapkannya untuk ditinjau Facebook.

Langkah 1. 

Anda harus memiliki halaman fan page facebook dulu, sebelum anda mendaftarkan Artikel Instan Facebook.

Jika belum, silahkan anda daftar disini Halaman Fan Page Facebook.

Setelah itu, silahkan anda daftar ke Artikel Instan Facebook disini Instan Artikel Facebook

Langkah selengkapnya silahkan lihat di Cara Daftar dan Setting Instan Artikel Facebook untuk Blogger.


Langkah ke 2 

Dalam hal ini, saya anggap anda telah berhasil membuat Halaman Fan Page Facebook dan Daftar di Instan Artikel Facebook.

Langkah selanjutnya adalah :


  • Buka halaman fan page facebook anda, lalu ke "Alat Penerbitan" kemudian ke "Artikel Instan" ->>"Konfigurasi".(No.1, 2, 3)
  • Anda akan dihadapi ke halaman "Penyiapan Awal".
  • Langkah pertama adalah "Menyiapkan Artikel Instan Anda"
  • Hubungkan dan Autorisasi Situs Web/ Blog anda terlebih dahulu
  • Klik "Autorisasi Situs Anda" dan anda akan diarahkan ke "Hubungkan Situs Anda" (No. 4)
Persiapan Membuat Artikel Instan Facebook

  • Untuk menghubungkan situs Anda, tambahkan tag meta di bawah tag <head> pada HTML situs web Anda, lalu masukkan URL situs Anda di kolom berikut ini. 
Claim Situs Artikel Instan

  • Silahkan anda menuju ke Blog Anda, dan Copy serta Paste "meta properti" seperti gambar diatas lalu letakkan di bawah <head>.
Copy Paste Meta Properti Facebook

  • Save
  • Lalu kembali lagi ke Halaman Fan Page Facebook anda "Alat Penerbitan" ->> Hubungkan Situs Anda->> masukkan URL situs/ blog anda kemudian klik "Claim URL"
  • Setelah berhasil maka akan muncul URL situs web/ blog yang telah diclaim tadi.

Langkah ke 3

Langkah ini adalah menambahkan link RSS Feed blog Anda ke Instan Artikel Facebook, sehingga secara otomatis dapat mengambil informasi tentang artikel saat dipublikasikan di situs Anda.

Umpan RSS Pengembang

Dalam langkah ini yang anda isi adalah Umpan RSS Pengembang, sehingga artikel anda di Blog akan masuk secara otomatis ke dalam "Artikel Pengembang" - Instan Artikel Facebook.

https://namawebmu.blogspot.com/feeds/posts/default?alt=rss.

Selesai di tahap ini, anda telah berhasil menghubungkan artikel yang ada di blog dengan Artikel Instan Facebook anda.


Langkah ke 4

Langkah berikutnya adalah menyiapkan artikel instan yang akan kita ajukan untuk ditinjau oleh Tim Facebook sebelum diterbitkan.

Dalam Artikel Pengembang, anda bisa memilih artikel mana yang akan anda ajukan untuk di tinjau oleh facebook.

Minimal anda harus membuat 5 artikel sebelum anda bisa mengajukan untuk ditinjau.

Artikel Pengembang Instan Artikel Facebook

Untuk mengedit artikel agar sesuai dengan format yang diminta oleh Facebook Instan Artikel, silahkan anda pilih edit dengan mengklik Nomor 5 seperti gambar diatas.

Contoh Artikel Instan Belum Sesui dengan Format dari Facebook


Agar sesuai dengan format facebook, maka anda harus mengedit ulang artikel yang ada di "Artikel Pengembang" sesuai dengan format dari Facebook, yakni :

1. Artikel Instan digambarkan dengan dokumen HTML yang menggunakan konversi markup standar. Pada level artikel, serangkaian opsi konfigurasi dapat ditetapkan di markup untuk menyesuaikan cara penyajian artikel.

Catatan : 

URL yang ditentukan di markup Artikel Instan Anda digunakan untuk mengasosiasikan versi Artikel Instan dari Artikel Anda dengan versi web. 

Pengaitan ini penting karena membantu menentukan versi artikel mana untuk disajikan kepada pembaca berdasarkan platform mereka.


Untuk memastikan Artikel Instan Anda akan dikaitkan dengan benar dengan artikel web:
  • Gunakan URL kanonikal yang sama di berbagai situs web dan situs seluler. Jika Anda menggunakan domain yang berbeda untuk situs web dan situs seluler, pastikan untuk menetapkan URL kanonikal halaman seluler untuk URL halaman desktop.
  • Jangan melampirkan hash atau parameter pencarian ke URL kanonikal yang digunakan baik di Artikel Instan Anda atau artikel versi web.

rel cannonical
Ini adalah Url Kanonikal dari situs web kita

Url Kanonikal dari situs web kita dari Umpan RSS Feed di Artikel Pengembang sudah otomatis dibuat oleh Instan Artikel Facebook, jadi disini kita tidak perlu melakukan perubahan apa-apa, kecuali jika ingin menambah : Penulis, Penempatan iklan, dll.

2. Dalam Instan Artikel Facebook hanya mendukung Heading dan Judul <h1> dan <h2>. 

3. Jadi jika terdapat Heading <h3> dalam artikel instan anda, digantikan dengan <h2> dan ditutup juga dengan </h2> ketika membuat Artikel Instan.

4. Teks isi (konten) di Artikel Instan harus dalam bentuk paragraf dan dibungkus dengan tag <p> dan ditutup dengan </p> dalam setiap paragraf artikel/ konten artikel Instan anda, di dalam bagian <article> dokumen HTML Anda.

5. Jika anda ingin menyertakan Gambar dalam Artikel Instan Anda, yang harus anda perhatikan adalah Gambar ditentukan menggunakan elemen HTML5 <figure> standar, yang membungkus elemen <img> dan anotasi terkait. Elemen <figure> yang mewakili gambar harus disertakan sendiri dalam isi artikel.

6. Elemen gambar tidak boleh berada dalam elemen paragraf artinya elemen <Figure> <img> tidak boleh berada dalam tag <p> ditutup dengan tag </p>.

Catatan : 
Resolusi yang disarankan adalah 2048x2048 piksel. Jangan gunakan mode aspect-fit atau fullscreen pada gambar dengan resolusi lebih kecil dari 1024x1024 piksel. Gambar dapat berukuran hingga 8MB.

7. Contoh menempatkan elemen gambar dalam HTML :

<p> isi konten/ artikel </p>


<figure>

  <img src="http://alamaturlgambar.com/path/to/img.jpg" />

  <figcaption>tag keterangan gambar</figcaption>

</figure>



<p> isi konten/ artikel </p>

8. Sedangkan untuk menambahkan URL hyperlink/ internal link dalam Artikel Instan Facebook, elemennya bisa dimasukkan didalam tag <p>:

Contoh : 

<p> isi artikel konten <a href="https://alamaturllink.com/2017/10/06-contoh-internal-link-artikel-instan-facebook.html" target="_blank">Contoh Internal link Artikel Instan Facebook</a></p>

9. Untuk lengkapnya cara penempatan elemen-elemen didalam HTML Artikel Instan Facebook seperti, Qoute, Video, Footer, Header, Peta, dll dapat anda lihat di : https://developers.facebook.com/docs/instant-articles/reference

10. Berikut Contoh Artikel Instan Facebook yang telah jadi sebagai referensi buat anda :


Setelah semua sesuai dengan format yang diminta, anda bisa mengajukan ke facebook untuk ditinjau, minimal 5 artikel, dengan cara :

1. Copy semua artikel yang telah diedit agar sesuai dengan format yang diminta dari "Artikel Pengembang".

2. Pergi ke "Artikel Produksi" lalu "Buat" untuk membuat artikel yang akan diajukan untuk ditinjau facebook.

artikel produksi arikel instan facebook

3. Lalu Tempel Artikel Instan yang telah dibuat di "Artikel Pengembang" tadi disini.

Membuat Artikel Produksi Artikel Instan FB
4. Terakhir, sebelum mengajukan 5 (minimal) Artikel Instan untuk ditinjau oleh Facebook, anda harus mengupload logo dari situs web/ blog anda di tab "GAYA".

Anda dapat menggunakan "GAYA" Default atau membuat gaya sendiri. Logo yang di upload ukurannya yakni : 690px lebar kali 132px tinggi, dengan format PNG.

Untuk tampilan gaya lainnya seperti ukuran font, jenis font dan lain-lain anda dapat berkreasi menurut gaya anda sendiri.

Untuk selanjutnya tentang bagaimana cara setting facebook instant article, serta apa itu facebook instant article, dapat anda lihat di Cara Daftar dan Setting Instan Artikel Facebook untuk Blogger.

Demikianlah sedikit dari saya cara membuat dan mempersiapkan Artikel Instan Facebook untuk Blogger.

Semoga bermanfaat, terimakasih.



TENTANG KAMI : Situs yang didedikasikan sebagai tempat untuk belajar Soal CPNS, Psikotes dan Blogging. Informasi terkini tentang Drakor terbaru, Loker, Lifestyle dan Teknologi. Terus ikuti kami untuk update artikel terbaru, atau ikuti kami di Facebook dan Twitter.


Deddy's
Deddy's Seorang abdi negara yang aktif menulis blog dikala libur
Follow me: @deddy