จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เพิ่มประสิทธิภาพเนื้อหา AMP สำหรับ Google Search
คุณสามารถเพิ่มประสิทธิภาพเนื้อหา AMP สำหรับ Google Search ด้วยการสร้างหน้า AMP พื้นฐาน เพิ่ม Structured Data คอยตรวจสอบหน้า และฝึกฝนการทำงานผ่าน Codelab
สร้างหน้า AMP พื้นฐาน
-
สร้างหน้า AMP ครั้งแรก
-
ปฏิบัติตามหลักเกณฑ์ของ Google Search สำหรับหน้า AMP
-
ทำให้ระบบค้นพบเนื้อหาได้ด้วยการลิงก์หน้า
ในการทำการ Crawl และการจัดทำดัชนี Google Search กำหนดให้หน้า AMP ลิงก์ไปยังหน้า Canonical หน้า Canonical เป็นได้ทั้งเวอร์ชันที่ไม่ใช่ AMP หรือจะเป็นหน้า AMP เลยก็ได้ หากต้องการข้อมูลเพิ่มเติม โปรดอ่านบล็อกโพสต์มีอะไรอยู่ใน URL ของ AMP บ้าง
ซึ่งเป็นบล็อกโพสต์นักพัฒนาซอฟต์แวร์
-
เนื้อหาและการดำเนินการในหน้า AMP ที่ผู้ใช้เห็นและทำได้จะต้องเหมือนกับในหน้า Canonical ที่ตรงกับหน้า AMP นั้นๆ เมื่อเป็นไปได้
-
ใช้เครื่องมือทดสอบ AMP เพื่อตรวจสอบว่าหน้าเว็บของคุณเป็นไปตามข้อกำหนดของ Google Search สำหรับเอกสาร AMP HTML ที่ถูกต้อง
- ใช้มาร์กอัป Structured Data เดียวกันทั้งในหน้า Canonical และ AMP
-
ทำตามแนวทางปฏิบัติแนะนำทั่วไปสำหรับเนื้อหา ดังนี้
- ตรวจสอบว่าไฟล์ robots.txt ไม่ได้บล็อกหน้า AMP
ใช้แท็ก
meta
ของ robots, แท็ก data-nosnippet
และ X-Robots-Tag
ตามความเหมาะสม
-
ทำตามหลักเกณฑ์ของ hreflang สำหรับ URL ระบุภาษาและภูมิภาค และดูตัวอย่าง AMP ได้ในการทำให้เป็นสากล
สร้างหน้า AMP โดยใช้ CMS
หากแสดงเนื้อหาเว็บผ่านระบบจัดการเนื้อหา (CMS) คุณจะใช้ปลั๊กอิน CMS ที่มีอยู่ (เช่น WordPress, Drupal หรือ Joomla) หรือใช้ฟังก์ชันที่กำหนดเองใน CMS เพื่อสร้างเนื้อหา AMP ก็ได้ หากต้องการปรับแต่ง CMS ให้ทำตามหลักเกณฑ์ด้านล่างนี้เพิ่มเติมจากการสร้างหน้า AMP พื้นฐาน
- พิจารณาว่าไฟล์ AMP HTML จะตรงกับสกีมเส้นทาง URL ของเว็บไซต์หรือไม่ หากกำลังสร้างหน้า AMP เพิ่มเติมจากหน้า Canonical ที่ไม่ใช่ AMP ขอแนะนำให้คุณเลือกสกีม URL รายการใดรายการหนึ่งต่อไปนี้
- https://www.example.com/myarticle/amp
- https://www.example.com/myarticle.amp.html
- สร้างเทมเพลตมาร์กอัป Structured Data โดยทำตามหลักเกณฑ์ต่อไปนี้
- สร้างเทมเพลตโดยอิงจากข้อกำหนดสำหรับประเภทของเนื้อหาที่คุณกำลังเผยแพร่
- อ้างอิงตัวอย่างข้อมูลเมตาโครงการ AMP เพื่อดูเทมเพลตตัวอย่างสำหรับสูตรอาหาร บทความ วิดีโอ และรีวิว
เพิ่มประสิทธิภาพสําหรับผลการค้นหาที่เป็นริชมีเดีย
คุณสามารถใช้ Structured Data เพื่อเพิ่มประสิทธิภาพลักษณะที่ปรากฏของหน้าในผลการค้นหา หน้า AMP ที่มี Structured Data จะปรากฏเป็นผลการค้นหาที่เป็นริชมีเดีย เช่น ภาพสไลด์เรื่องเด่นหรือภาพสไลด์ของโฮสต์
- นำ Structured Data ไปใช้
- ตรวจสอบว่า Structured Data แยกวิเคราะห์ได้อย่างถูกต้องโดยใช้การทดสอบผลการค้นหาที่เป็นริชมีเดีย
- ตรวจสอบ AMP ที่เสร็จสมบูรณ์สำหรับ Google Search โดยใช้เครื่องมือทดสอบ AMP
ตรวจสอบและปรับปรุงหน้า
ตรวจสอบหน้า AMP เป็นระยะโดยดูจากรายงานต่อไปนี้
หากคุณจำเป็นต้องอัปเดตแคช AMP ของ Google โดยทันทีเพื่อแสดงเนื้อหาเวอร์ชันล่าสุด โปรดดูอัปเดตเนื้อหา AMP
หากต้องการหยุดแสดงหน้า AMP ในผลการค้นหาของ Google Search โปรดทำตามวิธีนำ AMP ออกจากผลการค้นหาของ Google Search
ฝึกการทำงานผ่าน Codelab
ลองดู Codelab ด้านล่างเพื่อฝึกสร้างหน้า AMP สำหรับ Google Search
แหล่งข้อมูล
หลังจากที่คุณสร้างหน้า AMP แล้ว ลองดูแหล่งข้อมูลต่อไปนี้เพิ่มเติมเกี่ยวกับการผสานรวมผลิตภัณฑ์อื่นๆ ของ Google สำหรับ AMP
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-08-04 UTC
[null,null,["อัปเดตล่าสุด 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."]]