Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Menyempurnakan konten AMP untuk Google Penelusuran
Anda dapat menyempurnakan konten AMP untuk Google
Penelusuran dengan membuat halaman AMP dasar, menambahkan data terstruktur, memantau halaman, dan
berlatih menggunakan codelab.
Membuat halaman AMP dasar
-
Buat halaman AMP pertama Anda.
-
Ikuti panduan Google Penelusuran untuk halaman AMP.
-
Jadikan konten Anda
dapat ditemukan dengan menautkan halaman.
Untuk crawling dan pengindeksan, Google Penelusuran mengharuskan halaman AMP tertaut ke
halaman kanonis. Halaman
kanonis dapat berupa halaman versi non-AMP, atau bahkan halaman AMP itu sendiri. Buka
postingan blog developer yang berjudul
What's in an AMP URL?
untuk informasi selengkapnya.
-
Pastikan pengguna dapat melihat konten yang sama dan melakukan tindakan yang sama di halaman AMP seperti di
halaman kanonis yang terkait, jika memungkinkan.
-
Gunakan Alat Pengujian AMP untuk memastikan bahwa halaman Anda
memenuhi persyaratan Google Penelusuran sebagai dokumen HTML AMP yang valid.
-
Gunakan
markup data terstruktur yang sama baik di
halaman kanonis maupun AMP.
-
Terapkan praktik terbaik umum untuk konten:
- Pastikan file robots.txt tidak
memblokir halaman AMP Anda.
Gunakan tag
meta
robots,
data-nosnippet
, dan X-Robots-Tag
jika sesuai.
-
Ikuti panduan
hreflang untuk URL bahasa dan wilayah.
Untuk contoh khusus AMP, buka
Internasionalisasi.
Membuat halaman AMP menggunakan CMS
Jika menayangkan konten web melalui Sistem Pengelolaan Konten (CMS), Anda dapat
menggunakan plugin CMS yang sudah ada (seperti untuk WordPress, Drupal, atau Joomla) atau mengimplementasikan
fungsionalitas kustom dalam CMS untuk menghasilkan konten AMP. Jika Anda ingin
menyesuaikan CMS, ikuti panduan berikut selain Membuat halaman AMP dasar:
- Pertimbangkan bagaimana file HTML AMP akan sesuai dengan skema jalur URL situs Anda. Jika Anda membuat halaman AMP
selain halaman non-AMP kanonis, sebaiknya pilih salah satu skema URL berikut:
- https://www.example.com/myarticle/amp
- https://www.example.com/myarticle.amp.html
- Buat template markup data terstruktur. Berikut ini beberapa panduannya:
- Buat template berdasarkan persyaratan untuk jenis konten
yang Anda tayangkan.
- Lihat contoh metadata Project AMP untuk mengetahui contoh template resep, artikel, video, dan ulasan.
Pengoptimalan untuk hasil kaya
Anda dapat menggunakan data terstruktur untuk meningkatkan kualitas tampilan halaman di hasil penelusuran. Halaman AMP dengan
data terstruktur dapat muncul sebagai hasil kaya,
seperti carousel Cerita populer atau carousel host.
- Terapkan data terstruktur.
- Pastikan data terstruktur Anda diurai dengan benar menggunakan Pengujian Hasil Kaya.
- Verifikasi AMP lengkap untuk Google Penelusuran menggunakan Alat Pengujian AMP.
Memantau dan menyempurnakan halaman
Periksa semua halaman AMP Anda secara berkala dengan memantau laporan berikut:
- Laporan status AMP: Deteksi masalah
template situs dan penerapan seluruh situs lainnya yang dapat memengaruhi sejumlah besar halaman
AMP Anda.
- Laporan status hasil kaya:
Identifikasi masalah terkait data terstruktur Anda dan peluang untuk menyediakan data
terstruktur tambahan.
Jika ingin segera memperbarui Google AMP Cache untuk menayangkan
konten versi terbaru, lihat Memperbarui Konten
AMP.
Jika ingin berhenti menayangkan halaman AMP di hasil Google Penelusuran, ikuti panduan Menghapus AMP dari hasil Google Penelusuran.
Berlatih menggunakan codelab
Berikut beberapa codelab untuk latihan membuat halaman AMP untuk Google Penelusuran:
- Pelajari cara membuat halaman AMP dengan Codelab
dasar-dasar AMP.
- Tambahkan fitur seperti analisis, penyematan video, integrasi media sosial, dan
carousel gambar ke halaman AMP dengan Codelab konsep lanjutan.
- Melalui codelab ini, Anda dapat membuat halaman AMP kanonis yang menarik dan interaktif serta berisi banyak fitur
AMP dan komponen yang diperluas.
- Gunakan komponen AMP untuk menciptakan pengalaman PWA
dengan Codelab AMP+PWA.
Resource
Setelah Anda membuat halaman AMP, berikut beberapa referensi untuk mempelajari lebih lanjut integrasi produk Google
lainnya untuk AMP:
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-04 UTC.
[null,null,["Terakhir diperbarui pada 2025-08-04 UTC."],[[["\u003cp\u003eEnhance your website's visibility on Google Search by creating AMP pages that load quickly and provide a seamless user experience.\u003c/p\u003e\n"],["\u003cp\u003eOptimize your AMP pages for rich results using structured data to improve their appearance and prominence in search results.\u003c/p\u003e\n"],["\u003cp\u003eRegularly monitor your AMP pages using Google Search Console reports to identify and resolve any issues, ensuring optimal performance.\u003c/p\u003e\n"],["\u003cp\u003eLeverage codelabs and resources to learn best practices and further enhance your AMP pages with advanced features and integrations.\u003c/p\u003e\n"],["\u003cp\u003eExplore Google's product integrations for AMP to monetize your content, track user engagement, and optimize marketing initiatives.\u003c/p\u003e\n"]]],["To enhance AMP content for Google Search, create a basic AMP page, ensuring it links to a canonical page and uses consistent structured data. Optimize for rich results by implementing structured data and validating it with testing tools. Monitor pages for errors with status reports. Practice building AMP pages using codelabs. Ensure content is accessible to users and search engines. Use resources to learn how to integrate AMP with ads, monetization, and analytics.\n"],null,["# Enhance AMP Content for Google Search | Google Search Central\n\nEnhance AMP content for Google Search\n=====================================\n\n\nYou can enhance your [AMP](/amp) content for Google\nSearch by creating a basic AMP page, adding structured data, monitoring your pages, and\npracticing with codelabs.\n\nCreate a basic AMP page\n-----------------------\n\n1. [Create your first AMP page](https://www.ampproject.org/docs/get_started/create).\n2. Follow the [Google Search guidelines for AMP pages](/search/docs/crawling-indexing/amp).\n3. Make your content [discoverable by linking your pages](https://www.ampproject.org/docs/guides/discovery). For crawling and indexing, Google Search requires that an AMP page links to a [canonical page](/search/docs/crawling-indexing/consolidate-duplicate-urls). The canonical page can be either a non-AMP version of the page or it can be the AMP page itself. For more information, see the [What's in an AMP URL?](https://developers.googleblog.com/2017/02/whats-in-amp-url.html) developer blog post.\n4. Ensure that users can experience the same content and complete the same actions on AMP pages as on the corresponding canonical pages, where possible.\n5. Use the [AMP Test Tool](https://search.google.com/test/amp) to ensure that your page meets the Google Search requirements for a valid AMP HTML document.\n6. Use the same [structured data markup](/search/docs/appearance/structured-data/intro-structured-data) across both the canonical and AMP pages.\n7. Apply common content best practices:\n 1. Make sure that your [robots.txt file](/search/docs/crawling-indexing/robots/robots_txt) doesn't block your AMP page. Use [robots `meta` tags,\n `data-nosnippet`, and `X-Robots-Tag`](/search/docs/crawling-indexing/robots-meta-tag) where appropriate.\n 2. Follow the guidelines for [hreflang for language and regional URLs](/search/docs/specialty/international/localized-versions). For AMP specific examples, see [Internationalization](https://amp.dev/documentation/examples/guides/internationalization/).\n\nCreate an AMP page using a CMS\n------------------------------\n\nIf you serve your web content through a Content Management System (CMS), you can\nuse an existing CMS plugin (such as for [WordPress](https://wordpress.org/plugins/amp/), [Drupal](https://www.drupal.org/project/amp), or Joomla) or implement\ncustom functionality in your CMS to generate AMP content. If you intend to\ncustomize your CMS, follow these guidelines in addition to [Create a basic AMP page](#create-basic-amp):\n\n- Consider how AMP HTML files will fit your site's URL path scheme. If you're generating an AMP page in addition to a canonical non-AMP page, we recommend choosing one of the following URL schemes:\n - https://www.example.com/myarticle/amp\n - https://www.example.com/myarticle.amp.html\n- Develop a structured data markup template. Here are some guidelines:\n - Construct the template based on the requirements for the type of content you are publishing.\n - Refer to [AMP Project metadata examples](https://github.com/ampproject/amphtml/tree/main/examples/metadata-examples) for sample templates for recipes, articles, videos, and reviews.\n\nOptimize for rich results\n-------------------------\n\n\nYou can use structured data to enhance the appearance of your page in search results. AMP pages with\nstructured data can appear as a [rich result](/search/docs/appearance/structured-data/search-gallery),\nlike the Top stories carousel or host carousel.\n\n1. [Implement structured data](/search/docs/appearance/structured-data/intro-structured-data).\n2. Verify that your structured data parses correctly by using the [Rich Results Test](https://search.google.com/test/rich-results).\n3. Verify your complete AMP for Google Search by using the [AMP Test Tool](https://search.google.com/test/amp).\n\nMonitor and improve your pages\n------------------------------\n\n\nPeriodically check all of your AMP pages by monitoring the following reports:\n\n- [AMP status report](https://search.google.com/search-console/amp): Catch site templating and other site-wide implementation issues that can affect large numbers of your AMP pages.\n- [Rich result status reports](https://support.google.com/webmasters/answer/7552505): Identify problems with your structured data and opportunities to provide additional structured data.\n\n\nIf you need to immediately update the Google AMP Cache to serve the latest\nversion of your content, refer to [Update AMP\nContent](/amp/cache/update-ping).\n\nIf you need to stop serving your AMP pages from Google Search results, follow [Remove AMP from Google Search results](/search/docs/crawling-indexing/amp/remove-amp).\n\nPractice with codelabs\n----------------------\n\n\nHere are some codelabs to practice building AMP pages for Google Search:\n\n- Learn how to build AMP pages with the [AMP\n foundations codelab.](https://codelabs.developers.google.com/codelabs/accelerated-mobile-pages-foundations/)\n- Add features like analytics, video embedding, social media integration, and image carousels to your AMP pages with the [Advanced concepts codelab.](https://codelabs.developers.google.com/codelabs/accelerated-mobile-pages-advanced/#0)\n- Build a [beautiful, interactive, and canonical AMP pages codelab](/codelabs/amp-beautiful-interactive-canonical#0) that incorporates many AMP features and extended components.\n- Use AMP components to build a [PWA](/web/progressive-web-apps) experience with the [AMP+PWA codelab](https://amp.dev/documentation/guides-and-tutorials/integrate/integrate-with-apps/).\n\nResources\n---------\n\nNow that you've created your AMP pages, here are some resources for learning more about other Google\nproduct integrations for AMP:\n\n- Learn how to [Create AMP ad\n units.](https://support.google.com/adsense/answer/7183212)\n- Learn how to [monetize your AMP pages](https://support.google.com/dfp_premium/topic/7178122).\n- Use [Google Tag\n Manager](https://support.google.com/tagmanager/answer/9205783) to optimize and measure marketing initiatives.\n- Add [analytics to your AMP pages](/analytics/devguides/collection/amp-analytics) to track user interactions with built-in Google Analytics support."]]