Cara Membuat Semua Artikel Blog Valid AMP - Cari Aja Disini

Cara Membuat Semua Artikel Blog Valid AMP



Pada artikel sebelumnya saya sudah menjelasakan bagaimana cara memasang Google AMP di blog, bagi kamu yang belum membaca postingannya, harap membaca terlebih dahulu agar dapat mengikuti tutorial membuat semua artikel blog valid AMP ini. Karena cara ini akan berhasil jika kamu telah memasang Google AMP di blog.

Baca Dahulu: Cara Memasang AMP Di Blogger Beserta Manfaatnya

Kenapa semua artikel harus di edit agar valid AMP?

Alasan utama harus mengedit semua artikel blog adalah untuk menyesuaikan struktur artikel berdasarkan aturan AMP HTML. Karena Google AMP tidak memperbolehkan adanya javascript dan style di dalam artikel, contohnya seperti style warna font, peletakan posisi teks dan lain sebagainya.

Untuk blogger cara yang harus dilakukan adalah mengedit artikel satu persatu, berbeda dengan wordpress yang sudah support AMP sehingga langsung otomatis menyesuaikan tanpa mengedit manual.

Tentunya ini akan memakan banyak waktu tergantung dari banyaknya artikel blog kalian. Adapun apa yang harus di edit antara lain ialah merubah semua tag image di artikel menjadi amp-image, dan menghilangkan semua jenis style.

Cara mengedit artikel agar valid AMP

1. Buka blogger kalian

2. Selanjutnya pilih artikel yang mau di edit

3. Kemudian hapus pemformatan agar membuat penulisan artikel menjadi default, caranya blok semua artikel (CTRL + A) kemudian klik remove formatting

Cara Membuat Semua Artikel Blog Valid AMP

4. Kemudian pada compose, klik HTML

5. Pastekan kode di bawah ini, untuk menampilkan gambar thumbnail artikel blog dan masukan url gambar kamu

<noscript><img alt="Selena Gomez Artist Beautiful in the World?" width="680" height="382" src="https://cariajadisini.com.jpg" title="Cara Edit Artikel Valid AMP" /></noscript>

6. Kemudian untuk menampilkan gambar di dalam artikel gunakan kode berikut, masukan url gambar kamu dan hapus kode img sebelumnya

<amp-img alt="Cara Edit Artikel Valid AMP " height="300" layout="responsive" src="https://cariajadisini.com.jpg" width="430"></amp-img>

7. Jika di dalam artikel terdapat video youtube, gunakan kode beriku dan hapus kode sebelumnya.

<amp-youtube data-videoid="masukan id video youtube" height="270" layout="responsive" width="480"></amp-youtube>

8. Untuk menggunakan tulisan justify, center, right atau left pastekan kode css berikut di template blog. Caranya template - edit HTML letakkan di css amp-custom blog

.tengah {text-align:center}

Untuk pemanggilannya kalian cukup tambahkan kode berikut di artikel kalian

<div class='tengah'>Tulisan kalian </div>

Kesimpulan

Baca Juga: Download Template Blogger AMP Responsive dan SEO Friendly

Nah itu tadi penjelasan mengenai cara mengedit semua artikel agar valid AMP, mengedit satu persatu artikel pasti akan sedikit melelahkan apalagi memiliki artikel yang sudah banyak. Namun ini namanya perjuangan, nasib publisher blogger memang tidak se-spesial publisher wordpress yang selalu di beri kemudahan dan update.

Jangan lupa bagikan artikel ini ya!

Berikan pendapatmu tentang artikel ini
Notification
Ini adalah popup notifikasi.
Done