Home  ›  Amp HTML  ›  Info

Apa itu ⚡ AMP Google AMP & SEO 2023

Asalamualaikumsobat semuanya sudah lama vakum gak cuap-cuap,kali ini kita bahas tentang Apa itu AMP dalam SEO? (Apa itu ⚡ AMP Google AMP & SEO 2023). AMP adalah singkatan dari Accelerated- Mobile- Pages yaitu framework HTML open-source yang membuat versi sangat ringan dari halaman web pada umumnya, karena semua elemen HTML telah ditiadakan, CSS, dan JavaScript yang tidak perlu juga dihilangkan.

Apa tujuan dari AMP itu? .Tujuan dari AMP adalah sengaja dibuat untuk meningkatkan kecepatan peramban atau pemuatan halaman web secara keseluruhan dan memberikan pengalaman pengguna yang lebih baik di perangkat seluler dan yang lainya.

Pada tahun 2015 Halaman AMP diperkenalkan oleh Google dengan dukungan berbagai platform utama seperti WordPress, Twitter, LinkedIn, dll.Dan juga telah dirancang untuk membantu penerbit situs web mengirimkan konten mereka ke pengguna seluler dengan lebih ringan dan cepat.

Bagaimana cara berfungsi dan kerja AMP?

AMP berfungsi sebagai versi alternatif dari halaman web kanonis atau utama , dengan batasan teknis yang membuat ukuran halaman AMP jauh lebih kecil sehingga lebih cepat dimuat

Halaman AMP terdiri dari 3 komponen utama, adalah HTML AMP, JavaScript AMP dan Cache AMP:

1. HTML AMP

HTML AMP adalah dokumen terbatas yang hanya dapat berisi sekumpulan tag dan atribut (atau elemen lain) terbatas untuk membuat halaman web AMP lebih enteng dan cepat dimuat.

Catatan: Setiap dokumen HTML AMP harus berisi:
  • <!doctype html> – it tells web browsers about the version of the HTML document. 
  • <html amp> or <html ⚡> tag – they inform search engines that the given page is the AMP version.
  • <head> and <body> tags – they define the content of the web page (e.g. <title> and meta tags, headings, text, links, images, etc.). 
  • <meta charset="utf-8"> tag – it specifies the character encoding of the AMP web page.
  • <script async data-src="https://cdn.ampproject.org/v0.js"><script> tag – it adds extensions to the base library.
  • <link rel="canonical" href="URL"> tag – it points to the regular (canonical) version of the page (or to the AMP version itself if there is no regular version). 
  • <meta name="viewport" content="width=device-width"> tag – it instructs web browsers how to display the AMP page on various devices. 
  • The AMP boilerplate code (head > style[amp-boilerplate] and noscript > style[amp-boilerplate]) – they are necessary elements that have to be present in the <head> section of the AMP web page.

Praktik SEO terbaik AMP

#1 Buat URL AMP yang SEO-friendly

Halaman AMP harus memiliki skema URL uniknya sendiri dengan variabel "amp" di suatu tempat di dalamnya.

Ada beberapa cara untuk menyusun URL AMP Anda:

 a) AMP sebagai parameter: https://www.example.com/example-url/?amp=1
 b) AMP in the subdomain: https://amp.example.com/example-url/
 c) AMP as front-end language: https://www.example.com/example-url.amp.html
 d) AMP in the subfolder: https://www.example.com/example-url/amp

Meskipun semua opsi di atas berfungsi, Google merekomendasikan untuk menggunakan 2 opsi terakhir.

#2 Canonicalize halaman AMP Anda

Versi AMP dan non-AMP dari halaman web yang sama harus saling menunjuk dengan tag yang tepat di bagian HTML mereka.

Secara umum, Anda mungkin ingin memiliki versi – AMP dan non-AMP – dari halaman yang sama tersedia untuk pengguna (dan mesin telusur) dan menampilkannya sesuai dengan perangkat yang dimiliki pengguna (mis. versi non-AMP untuk desktop dan AMP versi untuk perangkat seluler). Untuk melakukannya, Anda harus memberi tahu Google bahwa ada 2 versi dari halaman yang sama dengan menerapkan tag berikut:

  • Untuk versi non-AMP – tambahkan tag khusus ini ke <head> bagian, dengan URL yang mengarah ke halaman versi AMP:
<link rel="amphtml" href="https://www.example.com/example-url/amp">
  • Untuk versi AMP – tambahkan tag kanonis ke dalam <head>< /code>, dengan URL yang mengarah ke halaman utama versi non-AMP:
 <link rel="canonical" href="https://www.example.com/example-url/">

Ini akan memungkinkan Google untuk memahami hubungan antara URL AMP dan non-AMP dan menghindari potensi masalah duplikat konten.

#3 Pastikan paritas di halaman

Versi AMP dan non-AMP dari halaman yang sama harus identik satu sama lain atau memiliki “paritas” yang sangat dekat dalam hal konten dan elemen halaman.

Untuk melakukannya, halaman web AMP harus sama dengan versi kanonis asli di beberapa area seperti:

Amp HTML, Info

You Might Also Like:

Next Post
Previous Post
Disqus Comments