Apa saja Pertanyaan SEO Online Anda?

Jika anda memiliki pertanyaan, Portal SEO atau Forum SEO untuk Tips SEO atau Tutorial SEO sebagai Forum Portal TIps Tutorial SEO Online anda.

Panduan Lengkap Google AMP 2021

Tips-Cara-Optimasi-SEO-Google-AMP-Portal-SEO-Online

Apakah Anda siap untuk SEO Google AMP? Google telah mengumumkan akan menampilkan Google AMP dalam hasil pencarian untuk 10 link biru.

Google AMP adalah versi sangat ringan dari halaman web yang telah menghilangkan banyak elemen yang menyebabkan halaman web biasa ditampilkan dengan lambat, seperti banyak cookie, Javascript pihak ketiga, dan jaringan iklan yang lambat dimuat.

Ini menghasilkan laman yang memuat secepat kilat, yang sangat bagus bagi mereka yang memiliki koneksi lambat atau hanya tidak ingin menunggu laman biasa yang lebih berat untuk dimuat.

Google AMP mendapat sambutan yang cukup positif baik dari pemilik situs maupun dari pengguna. Ini jauh lebih cepat dan lebih efisien untuk pencari, terutama pada perangkat seluler yang cenderung lebih lambat dalam hal koneksi.

Semua yang Perlu Anda Ketahui tentang SEO Google AMP

SEO-Google-AMP-Portal-SEO-Online

Sejak diluncurkan, Proyek AMP dikelilingi oleh kontroversi.

Ini menjanjikan kecepatan halaman yang cepat dan visibilitas tambahan di halaman hasil Google tetapi menuntut penyerahan ke bentuk HTML yang dipreteli.

Pada dasarnya, menempatkan situs web Anda dalam paket agar lebih menarik bagi pengguna.

Meskipun ada studi kasus yang cemerlang, bagi banyak orang, penerapannya serampangan dan hasilnya membingungkan.

Meskipun framework AMP melampaui halaman AMP Web Stories (alias, Cerita AMP), Email AMP, dan Iklan AMP, semuanya masih dalam tahap awal.

Apakah Google AMP?

Google-AMP-Portal-SEO-Online

Artikel ini menjelaskan apa itu AMP, melihat mengapa dan bagaimana itu dikembangkan, mengeksplorasi manfaatnya untuk berbagai kelompok pemangku kepentingan dan menjelaskan cara mempercepat situs web Anda untuk AMP.

AMP adalah singkatan dari “Accelerated Mobile Pages”. Ini adalah Kerangka Sumber Terbuka yang diluncurkan sebagai inisiatif bersama oleh Google yang dirancang untuk mempercepat waktu muat bagi pengguna internet seluler. dan beberapa perusahaan teknologi dan penerbitan lainnya.

Dengan Google AMP, dimungkinkan untuk membuat situs web seluler sederhana yang memuat hampir secara instan.

Fitur karakteristik AMP adalah elemen JavaScript dan CSS yang dikurangi, dan penggunaan Jaringan Pengiriman Konten.

Ini adalah “kerangka kerja HTML sumber terbuka yang memberikan cara langsung untuk membuat laman web yang cepat, lancar dimuat, dan memprioritaskan pengalaman pengguna di atas segalanya.”

Untuk sebagian besar situs, ini melibatkan pembuatan salinan AMP yang dipreteli dan dioptimalkan untuk seluler dari konten halaman HTML5 yang ada.

Jika alternatif AMP seperti itu tersedia, pengguna akan melihat versi Google AMP, melalui halaman kanonis.

Tidak jauh berbeda dengan Artikel Instan Facebook atau Apple News, yang juga memiliki tujuan agar konten seluler lebih cepat dan lebih mudah dikonsumsi.

Perbedaan utama antara format-format tersebut?

AMP mendukung distribusi konten di web terbuka tanpa melalui aplikasi khusus platform.

Mengapa AMP?

Jumlah penelusuran yang dilakukan dari perangkat seluler telah melampaui desktop.

Kerangka Kerja Sumber Terbuka yang dijuluki “Accelerated Mobile Pages” (AMP) dibuat dengan satu tujuan utama: untuk membuat waktu muat yang cepat bagi pengguna seluler.

Ini adalah reaksi terhadap meningkatnya permintaan akan waktu muat yang singkat – masalah yang telah berulang kali diangkat oleh penerbit dan perusahaan.

Inisiatif diluncurkan dengan tujuan membangun sistem yang akan menguntungkan semua pemangku kepentingan. Pengiklan, penerbit, dan pengguna semuanya harus mendapatkan keuntungan dari AMP.

Mengapa AMP adalah ide yang bagus

Dalam dekade terakhir, ponsel cerdas telah melampaui PC desktop di banyak industri dan negara, menjadi perangkat utama yang digunakan orang untuk online.

Kami menggunakan ponsel kami untuk mencari restoran terdekat, kami berbelanja di ponsel kami atau kami membaca berita di ponsel kami di kereta untuk bekerja.

Sangat penting bagi pengguna seluler agar situs web dimuat dengan cepat. Pemotongan waktu loading dikatakan berada pada tiga detik.

Jika situs web membutuhkan waktu lebih lama untuk dimuat, sebagian besar pengguna internet seluler akan terpental dan meninggalkan halaman.

AMP adalah ide yang bagus karena dirancang khusus untuk membuat situs web yang memuat secepat mungkin di perangkat seluler.

AMP dan Indeks yang Memprioritaskan Seluler

AMP hanyalah salah satu pendekatan untuk mengoptimalkan situs web untuk perangkat seluler.

Kesadaran akan pentingnya pengoptimalan seluler – tidak hanya di antara komunitas SEO – telah berkembang, terutama sejak Pembaruan Google pada tahun 2015 yang secara khusus ditujukan untuk mendorong kesesuaian untuk seluler situs web.

Mesin pencari Google sejak itu melangkah lebih jauh ke pendekatan yang mengutamakan seluler dengan pengumumannya bahwa indeks selulernya – pada titik tertentu – akan menjadi indeks utama untuk hasil pencarian Google. Ini hanya akan meningkatkan pentingnya AMP.

Selain AMP, ada strategi pengoptimalan seluler lainnya, termasuk Desain Web Responsif, atau penggunaan URL seluler terpisah dengan Aplikasi Web Progresif.

Keuntungan Halaman AMP

Menurut sebuah studi tahun 2020, traffic seluler telah tumbuh 504% dalam konsumsi media harian sejak 2011.

Dengan semakin banyaknya konsumen yang menggunakan ponsel mereka untuk mengakses konten, lebih penting dari sebelumnya untuk mengoptimalkan pengalaman seluler — tidak hanya untuk pembaca Anda, tapi untuk SEO Anda;

Google dapat mendeteksi halaman yang memuat dengan lambat atau yang memiliki rasio pentalan tinggi, dan akan memberi peringkat halaman tersebut lebih rendah dalam hasil pencarian.

Kami tahu bahwa pengoptimalan seluler penting untuk strategi konten dan SEO Anda, dan Google AMP adalah teknologi yang dirancang untuk membantu, tetapi apakah Google AMP adalah alat terbaik untuk melakukannya untuk situs web bisnis Anda, khususnya, bergantung pada industri Anda, ukuran bisnis, model bisnis, strategi konten, dan lainnya. Jadi dalam posting ini, saya akan membahas:

Terlepas dari apakah Google AMP akhirnya tepat untuk Anda, Anda akan keluar dari posting ini dengan pengetahuan SEO yang Anda butuhkan untuk merasa yakin tentang SEO situs dan kinerja seluler Anda.

Ada banyak potensi keuntungan AMP bergantung pada situs Anda – termasuk konsumsi data yang lebih sedikit, kinerja server yang lebih baik, CDN gratis, dan keterlihatan iklan yang lebih tinggi.

Tapi saya ingin fokus pada dua manfaat AMP yang paling umum disadari untuk SEO.

Apakah AMP penting?

Sebelum kita membahas pro dan kontra dari Google AMP, penting untuk dicatat bahwa meskipun AMP dapat membantu SEO Anda,

AMP tidak selalu penting untuk SEO dalam beberapa kasus, dan manfaatnya lebih berlaku untuk beberapa bisnis daripada yang lain.

Selanjutnya, kami akan mempelajari lebih dalam tentang pro dan kontra AMP, tetapi pertama-tama mari kita berikan beberapa poin utama yang dapat membantu Anda menyesuaikan diri dengan AMP yang berkaitan dengan bisnis Anda:

  • AMP diadopsi secara luas oleh situs penerbit yang memiliki volume artikel berita atau posting blog yang tinggi. Jika sebagian besar halaman situs Anda bukanlah artikel, AMP mungkin tidak diperlukan untuk bisnis Anda.
  • Jika Anda menerbitkan artikel dalam jumlah besar tetapi sudah menggunakan CDN (jaringan pengiriman konten), platform ini sering kali dilengkapi dengan fitur pengoptimalan kinerja seperti hosting gambar, cache file, dan pemuatan lambat (yang berarti teks dimuat terlebih dahulu, sebelum gambar-gambar).
  • Halaman AMP lebih rapi dan sederhana bagi pembaca, tetapi seringkali karena fungsi JavaScript dan plugin tertentu tidak diprioritaskan atau disembunyikan. Jika Anda mengandalkan alat pihak ketiga untuk menangkap prospek dan pelacakan audiens, Anda sebaiknya menguji untuk memastikan halaman AMP Anda berfungsi dan menangkap informasi yang sama seperti halaman biasa.
  • AMP sendiri bukanlah faktor peringkat Google. Ini dapat membantu meningkatkan aspek laman web Anda yang menjadi faktor dalam algoritme Google (terutama dengan Core Web Vitals menjadi faktor peringkat pada tahun 2021), tetapi ini bukan satu-satunya cara untuk mengoptimalkan pengalaman dan kinerja situs Anda.
  • Jika Anda sudah memiliki versi seluler situs atau ukuran pengoptimalan seluler (seperti kode CSS yang dikonsolidasikan atau diperkecil), AMP mungkin tidak diperlukan dan bahkan dapat mempersulit kinerja dan pelaporan.

Meskipun AMP dapat membantu SEO Anda, AMP tidak selalu penting untuk SEO, dan manfaatnya lebih dapat diterapkan pada beberapa bisnis daripada yang lain.

Jadi intinya adalah, mengoptimalkan kecepatan halaman dan pengalaman seluler sangat penting untuk SEO, dan Google AMP hanyalah salah satu cara untuk mencapainya. Baca terus untuk mempelajari tentang cara kerjanya dan apakah itu solusi yang tepat untuk bisnis Anda.

Apa manfaat Google AMP?

Terlepas dari kecepatan pemuatan yang lebih cepat dan pengalaman yang lebih baik bagi konsumen konten, AMP menawarkan beberapa manfaat untuk bisnis dengan strategi konten dan SEO:

Meningkatkan keterlibatan situs web

Konten AMP yang ringan cocok dengan pengguna seluler yang memiliki koneksi internet yang kurang stabil.

Selain itu, penurunan waktu buka halaman meningkatkan pengalaman pengguna dengan cara yang meningkatkan peluang pengunjung untuk bertahan di situs Anda lebih lama.

Peningkatan peringkat dan lalu lintas

Selain itu, dengan waktu muat halaman menjadi faktor peringkat Google, AMP diprioritaskan dalam algoritme penelusuran Google, sehingga memengaruhi peringkat.

Pada dasarnya, jika dua situs bersaing ketat, yang lebih cepat menang.

Tingkat bouncing yang lebih rendah

Dengan halaman Anda memuat lebih cepat, pengunjung biasanya tetap berada di dalam situs.

Sebuah studi Google pernah menemukan bahwa 53% kunjungan situs web ditinggalkan jika situs seluler membutuhkan waktu lebih dari 23 detik untuk dimuat.

Selain itu, penayang yang menerapkan AMP berpotensi mendapatkan 2x peningkatan waktu yang dihabiskan di halaman. Dan lebih banyak waktu di situs web Anda dapat berarti lebih banyak konversi dari konten Anda.

Meningkatkan tampilan iklan

Dengan Google AMP, HTML dikodekan sedemikian rupa sehingga meningkatkan kegunaan spanduk dan gambar secara keseluruhan.

Ini menghasilkan tingkat keterlihatan iklan yang lebih tinggi, membantu penerbit meningkatkan peluang untuk memonetisasi konten mereka.

Rasio klik-tayang yang lebih tinggi

Manfaat utama Google AMP adalah ditampilkan di daftar Top Stories (atau carousel) di SERP seluler Google — yang muncul di atas semua hasil penelusuran.

Pembaca sangat mungkin memilih halaman AMP tersebut terlebih dahulu, yang menyebabkan peningkatan rasio klik-tayang.

Kekurangan AMP

Meskipun Google AMP dapat membantu meningkatkan peringkat Anda serta pengalaman dan kinerja konten Anda bagi pembaca seluler,

Google AMP memiliki kekurangan dan peringatan yang harus Anda pertimbangkan ketika memutuskan apakah akan menerapkan AMP untuk situs Anda:

  1. Pertama-tama, mengadopsi halaman AMP berarti mengorbankan sejumlah besar elemen UX di halaman Anda. Pada intinya, HTML AMP memprioritaskan efisiensi daripada kreativitas, jadi jika visual yang menarik adalah bagian besar dari pengalaman web Anda, ini mungkin bukan untuk Anda.
  2. Selain gambar terbatas di halaman AMP, Anda juga hanya akan diizinkan untuk satu iklan per halaman. Kerangka kerja yang membatasi ini juga tidak mendukung iklan yang mengganggu seperti iklan yang dapat dibuang, sementara iklan yang dijual langsung bisa jadi sulit untuk diterapkan.
  3. Dari perspektif pemasaran, biayanya dua kali lipat dari perayapan untuk satu konten, bagian dari dorongan Google untuk memastikan keseimbangan. Bagi banyak penayang, hal ini terbukti mendorong tayangan, tetapi belum tentu metrik keterlibatan. Ini karena carousel Berita Utama yang mendorong pengguna untuk membaca dari sumber lain.
  4. Dengan nada yang sama, Google AMP Viewer cenderung mengurangi identitas merek karena domain Google ditampilkan di bilah alamat. Meskipun ada perbaikan untuk menampilkan situs sebenarnya di bagian atas halaman AMP, tindakan ini menghabiskan ruang berharga di paro atas. Anda juga mungkin tidak mendapatkan nuansa merek yang sama dengan halaman Google AMP vs halaman standar
  5. Selain itu, AMP hanya berfungsi jika pengguna mengklik versi AMP halaman web (bukan versi kanonis). Dan sementara penelitian menemukan bahwa Library AMP dapat mengurangi jumlah permintaan server untuk mengambil dokumen sebanyak 77%, versi AMP tidak selalu disajikan jika tidak diterapkan dengan benar.
  6. Meskipun Google AMP telah ada selama empat tahun, AMP masih relatif dalam tahap awal.

Berikut adalah beberapa detail akhir tentang Google AMP yang harus dipertimbangkan saat memutuskan apakah akan menerapkannya di situs Anda.

  1. Anda perlu menggunakan versi CSS yang efisien.
  2. Anda hanya diizinkan untuk menggunakan library JavaScript yang disediakan Google AMP, dan karena Anda tidak memegang kendali, Anda dapat mengalami pemuatan lambat (mungkin satu-satunya kelemahan AMP).
  3. Situs AMP harus divalidasi dengan benar jika ingin berfungsi setiap saat.
  4. Halaman plugin AMP tidak mengizinkan formulir.
  5. Font khusus perlu dimuat secara khusus untuk pengalaman yang lebih baik.
  6. Anda perlu mendeklarasikan tinggi dan lebar gambar.
  7. Anda memerlukan ekstensi yang disetujui AMP jika ingin konten video ada di halaman Anda.

Terakhir, AMP memprioritaskan kecepatan dan keterbacaan, bukan kemudahan dibagikan. Jadi karena tombol berbagi sosial Anda dibuat menggunakan JavaScript, tombol tersebut mungkin tidak ditampilkan dengan benar.

Dari Perspektif Pengembang

  1. Secara desain, ini adalah kerangka kerja yang membatasi dan kemungkinan akan selalu demikian untuk memberikan kecepatan yang dijanjikan.
  2. Ini merupakan beban tambahan untuk diterapkan dan selanjutnya tetap valid dengan standar AMP yang terus berkembang. Plugin dapat memberikan permulaan, tetapi jarang bekerja dengan sempurna di luar kotak.
  3. Ini menciptakan hutang teknis karena halaman AMP dan kanonis dari kode harus tetap sinkron kecuali Anda menggunakan semuanya dalam AMP native.
  4. Kecepatan cahaya tidak dijamin tanpa Cache AMP. Untuk sumber yang menautkan ke halaman AMP tanpa menggunakan Cache AMP (misalnya, Twitter), diperlukan pengoptimalan performa tambahan untuk kecepatan optimal.

Dari Perspektif Penjualan

  1. Kehadiran inventory AMP saja menciptakan kompleksitas seolah-olah Anda menerapkan praktik terbaik dengan unit iklan terpisah untuk pelaporan yang akurat, Anda harus menggandakan unit iklan untuk dikelola.
  2. Kerangka kerja membatasi fitur iklan. Khususnya, Google AMP tidak mendukung iklan “mengganggu”, seperti pengantara atau yang dapat diperluas, dan iklan yang dijual langsung bisa jadi rumit untuk diterapkan.

Dari Perspektif Pemasar

  1. Biayanya dua kali lipat dari perayapan untuk satu konten karena Google ingin memastikan keseimbangan.
  2. Bagi banyak publisher, ini mendorong tayangan tetapi belum tentu metrik keterlibatan karena fungsi ‘gesek’ korsel berita utama mendorong pengguna untuk membaca lebih banyak dari sumber lain.
  3. Ini merupakan beban ekstra untuk dioptimalkan. Seperti laman biasa, hanya karena ditayangkan bukan berarti itu ramah SEO. Anda perlu bermitra dengan tim pengembangan Anda untuk mendapatkan hasil maksimal dari AMP.
  4. Google AMP Viewer meleburkan identitas merek karena domain Google, bukan penerbitnya, yang ditampilkan di bilah alamat. Ini bisa agak membingungkan bagi pengguna yang telah dilatih bahwa URL di bilah alamat memiliki arti penting. Perbaikan menampilkan situs sebenarnya di bagian atas halaman AMP membutuhkan ruang berharga di paro atas.

Anatomi halaman Google AMP

Untuk memahami bagaimana Google AMP meningkatkan SEO dan strategi pemasaran konten Anda, yang terbaik adalah memahami tiga komponen inti halaman AMP.

HTML AMP

HTML AMP berbeda dari HTML biasa (atau HTML5) karena dilengkapi dengan properti yang berfokus pada seluler dan tag khusus.

HTML AMP menjamin karakteristik performa dasar tertentu — yang berarti konten dimuat lebih cepat di perangkat pengguna.

Ini berarti konsumsi yang lebih cepat oleh pembaca dan pengalaman pengguna yang lebih baik secara keseluruhan, yang dapat memengaruhi rasio konversi dan metrik SEO / pemasaran konten seperti rasio pentalan (disebutkan di atas) dan waktu di situs. (Konsumsi lebih cepat berarti pembaca dapat membaca lebih banyak artikel dalam waktu yang lebih singkat).

JavaScript AMP

JavaScript AMP memungkinkan halaman AMP untuk memberikan manfaat inti dari halaman biasa secara lebih efisien kepada pembaca.

Library JavaScript AMP menggunakan praktik teratas AMP seperti inline CSS dan pemicu font — yang memastikan perenderan halaman AMP yang lebih cepat untuk pembaca.

Hal ini juga memungkinkan untuk teknik peningkatan performa, seperti prakalkulasi tata letak setiap elemen halaman sebelum sumber daya dimuat, dan menonaktifkan pemilih CSS yang lambat — semuanya penting untuk pengalaman pembaca.

Cache AMP

Cache AMP dibuat untuk hanya menyajikan halaman yang valid dan memungkinkannya dimuat sebelumnya dengan aman dan efisien.

Artinya, halaman yang dikonfirmasi (yang akan kita bahas nanti) dijamin berfungsi, menghilangkan ketergantungan pada faktor eksternal yang dapat memperlambat halaman.

Berdasarkan pengelompokan di bawah ini, Anda dapat melihat bahwa dengan mengurangi pengelolaan tag kode HTML dan hanya memuat elemen halaman yang sesuai untuk pengguna seluler, versi AMP dari sebuah halaman dirender lebih cepat.

Sebagai catatan Critchlow, jika Anda memiliki versi AMP, dalam kode sumber, Anda akan menetapkannya dengan tautan HTML rel AMP.

Misalnya, jika Anda meletakkan / amp di akhir artikel berita apa pun di situs Media Berita Online.com (bahkan di desktop) bahkan Situs Slot Online sekarang telah menggunakan AMP agar cepat di akses,

Anda akan melihat HTML AMP. Itu ditautkan dalam tampilan dengan tautan HTML AMP di kode sumber

Panduan Optimasi Halaman Google AMP

Pengadopsi AMP tidak selalu mengalami peningkatan hasil.

Jika bukan itu masalahnya, ada dua kemungkinan alasan.

  • Ada yang tidak sesuai, kita akan membahasnya di bagian selanjutnya.
  • Atau tidak diterapkan secara menyeluruh dan benar. AMP tidak sesederhana plugin dan permainan.

Jadi apa yang terlibat dari perspektif SEO untuk mencapai peningkatan visibilitas dengan AMP?

Selain menyatakan bahwa halaman AMP harus dapat di-crawl dan diindeks dengan jelas, berikut adalah tindakan pengoptimalan teratas.

Pastikan Dapat Ditemukan

Tambahkan informasi tentang halaman AMP ke halaman non-AMP dan sebaliknya, dalam bentuk rel = “amphtml” (di AMP) dan versi rel = “canonical” (di non-AMP) sebagai tag <link> di <head>.

URL AMP yang SEO-Friendly

Ada banyak cara untuk menyampaikan bahwa URL adalah AMP.

  • Parameter:? Amp
  • Subdomain: amp.domain.tld
  • Bahasa front-end: domain / folder / article.amp.html
  • Subfolder: domain / folder / artikel / amp

Opsi subfolder umumnya paling ramah-SEO dan fleksibel.

Opsi ini bersama dengan bahasa front-end juga satu-satunya yang direkomendasikan oleh Google.

Antarmuka Pengguna yang Konsisten

Meskipun mungkin perlu ada variasi kecil karena pembatasan AMP, antarmuka pengguna dan skema desain harus serupa secara material saat melihat versi AMP vs kanonis dari halaman yang sama.

Fungsional Penuh

Personalisasi dan elemen interaktif seperti menu navigasi, ikon berbagi media sosial, konten terkait, formulir, login, dan – ya – bahkan iklan, harus bekerja dengan cara yang sama seperti versi kanonik.

Verifikasi Paritas Elemen SEO

Kode di balik layar, seperti hreflang, H1, teks gambar alt, dan terutama data terstruktur yang valid tidak hanya boleh ada, tetapi juga di halaman kanonis dan AMP karena ketidakkonsistenan dapat menghalangi visibilitas SEO.

Logo Friendly Google AMP

Logo yang digunakan harus memenuhi pedoman AMP, jika tidak maka akan ditampilkan dengan buruk atau tidak ditampilkan sama sekali di carousel berita utama.

Jangan Tambahkan URL AMP ke Peta Situs XML (Kecuali Anda Native AMP)

Hanya URL kanonis yang termasuk dalam peta situs XML.

Rel = ”amphtml” memberikan sinyal yang cukup bagi Google untuk menemukan halaman AMP.

Jika halaman AMP yang disandingkan dengan benar diindeks oleh Google, itu akan menjadi versi yang disajikan kepada pengguna.

Ini bukanlah usaha kecil dan membuat banyak pemasar bertanya-tanya, apakah Google AMP sepadan dengan usahanya?

Panduan Google AMP Optimasi SEO

Tentu saja, jika Anda memiliki situs WordPress, cara termudah untuk mulai menerapkan Google AMP adalah dengan menggunakan plugin AMP resmi dari WordPress dan Google.

Jika Anda ingin memiliki kontrol lebih terhadap tampilan halaman AMP atau mengumpulkan analitik dengan lebih mudah, Anda dapat mencoba plugin gratis lainnya seperti Plugin WeeblrAMP atau Plugin AMP untuk WP.

Namun, tidak semua bisnis menggunakan WordPress, dan plugin memiliki batasannya.

Jadi saya akan memandu Anda melalui langkah-langkah yang dapat Anda ambil untuk menerapkan teknologi AMP ke dalam strategi pemasaran konten Anda tanpa plugin.

Langkah # 1: Buat template halaman AMP Anda

Langkah pertama yang perlu Anda lakukan untuk menerapkan Google AMP untuk postingan blog Anda dan konten berkualitas tinggi lainnya adalah membuat template halaman AMP dari awal.

Untuk membuat template halaman AMP, Anda harus memulai halaman HTML AMP dengan <! Doctype html> di bagian atas halaman, dan mengidentifikasi halaman sebagai konten AMP dengan menambahkan simbol petir (?) Di tag HTML seperti ini <html?>.

<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8" />
    <title>My AMP Page</title>
    <link rel="canonical" href="self.html" />
    <meta name="viewport" content="width=device-width" />
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) s 1 normal both;animation:-amp-start 8s steps(1,end) s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-base-carousel" src="https://cdn.ampproject.org/v0/amp-base-carousel-0.1.js"></script>
    <style amp-custom>
      h1 {
        margin: 1rem;
      }
       body {
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <h1 id="hello">Hello AMPHTML World!</h1>
    <amp-base-carousel loop="true"  width="600" height="400" layout="responsive">
        <amp-img src="https://source.unsplash.com/Ji_G7Bu1MoM/600x400" width="600" height="400" layout="responsive"></amp-img>
        <amp-img src="https://source.unsplash.com/4yCXNMLP9g8/600x400" width="600" height="400" layout="responsive"></amp-img>
        <amp-img src="https://source.unsplash.com/QrgRXH81DXk/600x400" width="600" height="400" layout="responsive"></amp-img>
        <amp-img src="https://source.unsplash.com/8QJSi37vhms/600x400" width="600" height="400" layout="responsive"></amp-img>
    </amp-base-carousel>
    <button on="tap:hello.hide">
      Goodbye AMPHTML World!
    </button>
  </body>
</html>

Berikut adalah tag yang akan disertakan dalam dokumen HTML AMP Anda:

  • <head> dan <body>
  • <meta charset = ”utf-8”> sebagai anak pertama dari tag <head> Anda
  • <script async src = ”https://cdn.ampproject.org/v0.js”> </script> di dalam tag <head> Anda untuk menyertakan dan memuat pustaka JavaScript AMP
  • <link rel = ”canonical” href = ”$ SOME_URL”> di dalam tag <head> Anda
  • <meta name = ”viewport” content = ”width = device-width, minimum-scale = 1, initial-scale = 1”> di dalam tag <head> Anda
  • Kode boilerplate AMP di tag <head> Anda

Tag ini adalah tag yang dapat Anda ubah dalam kode halaman itu sendiri:

  • link href = ”hello-world.html”
  • Konten di dalam body section <body> Hello World! </body>

Setelah mengetahui cara membuat template halaman AMP untuk blog, Anda mungkin ingin mempelajari semua tag HTML yang dapat digunakan untuk halaman AMP Anda.

Sayangnya, ada beberapa tag HTML yang tidak dapat Anda gunakan untuk halaman AMP. Ini termasuk:

  • <frame>
  • <frameset>
  • <object>
  • <param>
  • <applet>
  • <embed>
  • <base>
  • <elemen masukan>

Langkah # 2: Pratinjau dan validasi halaman Google AMP Anda

Untuk melihat pratinjau halaman AMP, Anda perlu membuka halaman langsung di browser web dari sistem file Anda, atau menggunakan server web lokal, seperti Apache 2.

Untuk memastikan halaman AMP Anda valid, di sisi lain, yang harus Anda lakukan adalah membuka halaman Anda di browser web, menambahkan “# development = 1” ke URL, lalu buka konsol Chrome DevTools untuk memeriksa validasi kesalahan.

Validasi-Google-AMP-Test-Portal-SEO-Online

Source : Portal SEO Online validasi AMP di AMP Test Google

 

Validasi-Google-AMP-AMPProject-Portal-SEO-Online

Source : Portal SEO Online validasi AMP di AMPProject.org

 

Bruce Day merekomendasikan pengujian satu hingga dua jenis halaman dari situs Anda di Google AMP terlebih dahulu.

Idealnya, Anda juga harus menyertakan beberapa halaman yang memberi peringkat sehingga Anda dapat melihat apakah Google menyajikan versi AMP dalam hasil pencarian seluler.

Perlu diperhatikan bahwa Google memerlukan waktu beberapa hari untuk menemukan, memeriksa, dan mengindeks versi AMP dari sebuah halaman.

Selain itu, Anda harus membiarkan peluncuran tersebut berjalan setidaknya selama sebulan (lebih lama jika Anda mampu melakukannya).

Hal ini memungkinkan Anda membangun cukup data untuk memastikan bahwa peluncuran AMP di seluruh situs sepadan.

Langkah # 3: Lacak kinerja

Seperti apa pun dalam pemasaran digital, Anda perlu melacak performa halaman AMP Anda.

Tidak hanya untuk melihat bagaimana Anda dibandingkan dengan pesaing Anda, tetapi juga untuk melihat apakah kinerja Anda selaras dengan tujuan Anda.

Anda dapat menggunakan alat internal untuk melakukan ini, seperti Google Analytics, atau salah satu dari berbagai alat B2B pihak ketiga.

Ada sejumlah vendor analitik yang menyediakan fitur bawaan untuk analitik AMP.

Hal penting lainnya yang perlu diperhatikan termasuk menggunakan URL kanonis dan variabel lain untuk menentukan apa yang harus direkam.

Ini penting untuk mengidentifikasi fluktuasi lalu lintas yang disebabkan oleh Google AMP.

Selain itu, atribut extraUrlParams di amp-analytics menambahkan parameter string kueri ke URL kanonis (seperti “type = amp”).

Ini memudahkan untuk membedakan halaman AMP dari halaman web normal di analytics. Ini memungkinkan Anda membandingkan total traffic pada halaman sebelum dan setelah peluncuran AMP.

Kesimpulan

Penerimaan AMP dan hasil studi kasus sangat beragam.

Yang jelas adalah banyak penayang telah menikmati penempatan eksklusif AMP di carousel berita utama.

Namun karena fitur ini terbuka bagi mereka yang memenuhi persyaratan pengalaman halaman, kemungkinan manfaat AMP untuk visibilitas akan jauh berkurang.

Sedemikian rupa, mungkin sulit untuk memperdebatkan kasus untuk itu.

Sehingga menyisakan kita dengan kecepatan – yang akan menjadi lebih penting karena Core Web Vitals menjadi panduan faktor ranking SEO.

Seperti yang telah Anda pelajari, Google AMP adalah cara yang bagus untuk mempercepat halaman web, yang pada akhirnya memberikan UX yang lebih baik dalam pengiriman konten Anda, terutama untuk pengguna seluler.

Jika, berdasarkan model bisnis Anda dan kriteria di atas, dianggap tepat untuk bisnis Anda, pastikan untuk mempertimbangkan pertimbangan di atas dan mengikuti langkah-langkah penerapannya.

Ini mungkin membutuhkan waktu, tetapi memiliki konten yang berkinerja lebih baik memberikan keuntungan jangka panjang.

Demikian artikel tentang Panduan Lengkap Google AMP 2021Portal SEO Online : Forum Portal Tips Tutorial SEO Online Terlengkap dan Terupdate

Tags:  , , , , ,