Cara Menulis Artikel Valid Amp Di Blogger
Cara Membuat Postingan Blogger Valid AMP
Halo sobat blogger kali ini saya akan membahasa tutorial untuk mengedit postingan blogger supaya valid AMP HTML,seperti yang kalian tahu bahwa semenjak diluncurkan algoritma Mobile First Index pada pertengahan 2018 semakin memperbesar kabar bahwa Google lebih mengutamakan kontan dari situs yang sudah support fitur AMP (Accelerated Mobile Page).
Sesuai namanya,Algoritma Mobile First Index mengutamakan situs dengan kecepatan yang ramah untuk pengguna mobile sanggup lebih cepat terindeks di mesin pencari dan mempunyai posisi teratas yang lebih mudah. Oleh alasannya ialah itu mulai banyak para Publisher yang memakai Template Blogger Valid AMP di situs mereka. Karena fitur AMP akan memanfaatkan cache dari google untuk menyimpan file/data dari situs yang sudah mendukung AMP. Sehingga akan lebih cepat dibuka oleh pengguna yang mengakses Search Engine Google melalui perangkat mobile.
Namun untuk platform Blogger sendiri penggunaan AMP tidak semudah Wordpress Self-Host atau sejenisnya,anda harus mengedit postingan sesuai kaidah/aturan dalam Penerapan Accelerated Mobile Page. Oleh alasannya ialah itu,disini saya akan membagikan tutorial untuk menulis artikel di blogger biar valid di Template Blog AMP.
Cara Menulis Postingan/Artikel Blogger yang Valid AMP
Sebelum anda berguru lebih lanjut perihal menulis artikel yang benar biar valid AMP,anda harus memastikan apakah ketika ini anda memulai sebuah blog gres dan belum ada postingan atau anda sudah mempunyai blog yang sebelumnya HTML5 dan ketika ini gres memakai AMP HTML. Karena jikalau anda sebelumnya pengguna template HTML5 maka postingan artikel blog anda harus mengedit artikel tersebut supaya Valid.
( Jika anda memulai sebuah blog baru/belum ada postingan sama sekali maka lewati tutorial berikut dan eksklusif menuju tutorial menulis artikel biar valid AMP di bawah)
Bila anda sudah mempunyai postingan maka perlu melaksanakan Clear Format tersebut terlebih dahulu,caranya klik CTRL + A untuk Blok Semua goresan pena di positngan tersebut kemudian klik tombol Clear Format menyerupai di gambar berikut :
Bila sudah dilahkan anda rapikan postingan tersebut,lalu kita lanjut ke tutorial menulis artikel blogger biar postingan valid AMP .
Cara Edit Artikel supaya Postingan Blog Valid AMP 100%
Berikut ini pengaturan-pengaturan yang harus kau lakukan untuk mengedit artikel blog biar sanggup valid AMP :
a. Cara Memasang Gambar AMP di Luar Postingan / Gambar Utama
Yang pertama ialah cara mengatur gambar di Luar Postingan,maksudnya ialah gambar yang akan tampil sebagai thumbnail di Hompage,Related Post dan Popular Post atau juga thumbnail yang akan muncul ketika postingan artikel kita di share ke Sosial Media menyerupai Facebook,Twitter dll.
Berikut ini isyarat untuk memasang Gambar Utama atau Thumbnail Post :
<noscript><img alt="Cara Menulis Artikel Valid AMP di Blogger Cara Menulis Artikel Valid AMP di Blogger" width="600" height="338" src="https://ALAMAT GAMBAR.jpg" title="Cara Menulis Artikel Valid AMP di Blogger" /></noscript>
Di dalam isyarat tersebut ada beberapa keterangan yang saya tandai dengan BOLD/TEBAL,silahkan anda ganti dan sesuaikan dengan keterangan gambar anda.
Contoh :
- Keterangan-Gambar = anda ganti dengan Keterangan Gambar menyerupai ketika anda memasukkan IMG ALT.
- Judul-Gambar = anda ganti dengan Judul/Nama Gambar Tersebut.
- Width = angka 600 membuktikan ukuran lebar gambar dalam satuan Pixel.silahkan diubahsuaikan dengan lebar gambar anda.
- Height = angka 338 membuktikan ukuran tinggi gambar dalam satuan Pixel,silahkan diubahsuaikan dengan tinggi gambar anda.
- https://ALAMAT GAMBAR.jpg = Silahkan anda ganti dengan URL/Link dari gambar anda
Demo gambarnya nanti menyerupai berikut :
b. Cara Memasang Gambar di Dalam Postingan biar Valid AMP
Nah kalau ini ialah cara mengedit gambar yang di dalam postingan biar valid AMP,pasti anda biasanya menulis sebuah artikel yang membutuhkan banyak gambar di dalamnya,sehingga anda harus memakai isyarat berikut untuk menciptakan postingan anda Valid AMP.
<amp-img alt="Cara Menulis Artikel Valid AMP di Blogger Cara Menulis Artikel Valid AMP di Blogger" height="300" layout="responsive" src="https://ALAMATGAMBAR.jpg" width="430"></amp-img>
Untuk keterangan yang saya tandai dengan Bold/Tebal silahkan anda ganti menyerupai pada tutorial nomor 1,mulai dari deskripsi gambar,ukuran lebar dan tinggi dari gambar anda juga Link URL gambarnya.
Berikut ini referensi pemasangan gambar yang Valid AMP :
c. Cara Memasang Video YouTube Responsive yang Valid AMP
Selanjutnya ialah cara embed video dari youtube ke blogger yang sudah memakai template AMP,bila pada template yang masih HTM5 biasanya anda perlu mengedit/menambahkan banyak script isyarat ke dalam susunan template. Namun tidak dengan AMP. Untuk lebih jelasnya silahkan ikuti tutorial berikut :
- Pengecekan Script AMP Youtube
Pertama-tama anda cari isyarat berikut/atau yang menyerupai di dalam HTML Template anda terlebih dahulu :
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
Bila belum silahkan pasang script diatas sempurna sesudah isyarat <head> di template blog anda. Bila sudah ada maka eksklusif saja menuju cara pemasangan video youtube ke blogger.
- Kode Untuk Memasang Video YouTube Responsive di AMP Blogger
Pertama anda masuk ke postingan yang akan anda tambahkan video dari YouTube,ubah mode editor dari Compose jadi HTML. Lalu gunakan script berikut :
<amp-youtube data-videoid="i7wveOu5hkQ" height="270" layout="responsive" width="480"></amp-youtube>
Nah pada isyarat diatas ada bab yang saya tandai Bold/Tebal silahkan anda ganti dengan ID dari Video YouTube anda. Untuk mendapat ID Video silahkan anda buka YouTube kemudian tonton videonya dan anda lihat di bab terakhir URLnya menyerupai pada gambar berikut :
Bila berhasil nanti tampilan videonya akan menyerupai berikut :
d. Menggunakan Tombol Fungsi di Dashboard Blogger
Tapi untuk fungsi Alightment sejauh ini kebanyakan blogger menyampaikan untuk tidak memakai fungsi tersebut,sehingga bila anda menulis artikel maka biarkan saja biar goresan pena anda tetap memakai Rata Kiri secara otomatis.
Namun anda juga sanggup menciptakan goresan pena Rata Tengah dengan dukungan isyarat berikut :
<div class='center'>Kata-kata Anda</div>
Silahkan anda ganti yang sudah saya tandai dengan BOLD/Tebal dengan kata-kata yang anda mau.
Untuk fungsi lain anda tidak perlu menambah isyarat apapun,berikut ini demonya :
- Bold
- Italic
- Underline
-Strike
- Tulisan Warna
- Background Warna
- Link
- Bullet List
- Numbered List
Penutup
Itulah cara Cara Menulis Artikel Valid AMP di Blogger,semoga sanggup membantu anda dalam mengedit postingan blog biar Valid AMP. Karena menyerupai yang anda semua tahu bahwa sekarang Google sudah semakin gencar mempromosikan Fitur ini. Baiklah cukup sekian goresan pena saya kali ini,semoga sanggup membantu anda dalam menerapkan AMP HTML Blogger.
Sumber https://www.dirga.id/
