มีบางสิ่งที่น่าผิดหวังมากกว่าการเยี่ยมชมเว็บไซต์เพียงเพื่อจะพบว่าหน้าแรกของ เว็บไซต์ใช้เวลานานใน การโหลด ^{(homepage takes ages to load)}ที่แย่กว่านั้นคือเมื่อรูปภาพมีคุณภาพต่ำและเลย์เอาต์ไม่ได้รับการปรับให้เหมาะสม

อันที่จริง ผลการศึกษาของ Google^{(Google study)}พบว่า 53 เปอร์เซ็นต์ของผู้คนออกจากไซต์ที่ไม่สามารถโหลดได้ภายในสามวินาทีหรือน้อยกว่า ซึ่งนำไปสู่อัตราตีกลับที่สูงและรายได้ที่ลดลง

เพื่อจัดการกับปัญหาเหล่านี้Googleได้สร้างAccelerated Mobile Pages ( AMP ) AMPไม่เพียงแต่ช่วยเร่งเวลาในการโหลดเว็บไซต์ของคุณ แต่ยังช่วยให้คุณออกแบบเว็บไซต์ที่น่าสนใจ^{(design a compelling site)}ประสบการณ์มือถือที่น่าตื่นเต้น และเพิ่มอัตราการคลิกผ่าน ( CTR ) โดยเฉลี่ย

ในคู่มือนี้ เราจะอธิบายว่าทำไมGoogle AMPถึงเป็นรูปแบบที่ Google นิยมสำหรับเพจบนมือถือ และวิธีใช้งานAMPสำหรับWordPress

Google AMP คืออะไร?^{(What Is Google AMP?)}

Google AMPคือเฟรมเวิร์กคอมโพเนนต์ของเว็บที่เปิดตัวในเดือนตุลาคม 2015^{(October 2015)}เพื่อช่วยสร้างและสร้างเว็บไซต์ที่เน้นผู้ใช้เป็นหลัก ความคิดริเริ่มสำหรับอุปกรณ์เคลื่อนที่ได้รับการออกแบบมาเพื่อเพิ่มความเร็วให้กับเว็บโดยให้บริการหน้าเว็บของคุณในเวอร์ชันที่แยกส่วน

บริษัทขนาดใหญ่หลายแห่ง เช่นWordPress , Pinterest , Washington PostและRedditได้นำAMP มาใช้ และพบว่ามีผู้เข้าชมที่ไม่ซ้ำรายเดือนเพิ่ม^{(increase in monthly unique visitors)}ขึ้น

เมื่อหน้าเว็บของคุณแสดงต่อผู้ใช้อุปกรณ์เคลื่อนที่ผ่านAMPในGoogle หน้าเว็บ จะดูเรียบง่ายและเรียบง่าย จึงบรรลุเป้าหมาย ของ AMPในด้านประสบการณ์ที่รวดเร็ว ไดนามิก และความสามารถในการใช้งานที่ดีขึ้นของ AMP

คุณต้องการ AMP บนเว็บไซต์ WordPress ของคุณหรือไม่?^{(Do You Need AMP on Your WordPress Site?)}

AMPนั้นเร็ว แต่ก็ไม่ใช่วิธีเดียวที่จะทำให้หน้าเว็บโหลดเร็วขึ้นหรือเพิ่มความเร็วไซต์ของ^{(increase your site speed)}คุณ

มีกรณีศึกษามากมายที่แสดงให้เห็น ผลกระทบเชิงบวกของ AMPต่อผู้เผยแพร่โฆษณา ธุรกิจ และอุตสาหกรรมอื่นๆ แต่ก็มีกรณีศึกษาที่ล้มเหลวมากมายเช่นกัน ซึ่งหมายความว่าไม่มีการตัดสินใจที่ชัดเจนว่าAMPมีไว้สำหรับทุกไซต์หรือไม่

สิ่งที่สำคัญที่สุดคือความสำเร็จของAMPขึ้นอยู่กับปัจจัยการตัดสินใจบางอย่าง ตัวอย่างเช่น หากผู้ใช้ของคุณมาจากเดสก์ท็อปเป็นหลักAMPไม่เหมาะสำหรับคุณเพราะ หน้า AMPไม่ได้แสดงด้วยฟีเจอร์ที่หลากหลายบนเดสก์ท็อป และไม่ได้แสดงจากแคช AMP^{(AMP Cache)}ดังนั้นผู้ใช้อาจไม่ได้รับผลประโยชน์เหล่านี้

กฎทอง คือแนะนำ AMPสำหรับผู้จัดพิมพ์ที่ใช้งานเว็บไซต์ข่าวและบล็อกเป็นหลัก สิ่งอื่นๆ เช่น เว็บไซต์พอร์ตโฟลิโอหรือหน้า Landing Page ไม่จำเป็นต้องมีAMP

นอกจากนี้ หากหน้าที่ไม่ใช่AMP ของคุณ สามารถโหลดได้ภายในหรือต่ำกว่ามาตรฐาน 2.5 วินาที คุณอาจไม่จำเป็นต้องติดตั้งหรือบำรุงรักษาAMP

วิธีใช้งาน AMP บนไซต์ WordPress^{(How to Implement AMP on a WordPress Site)}

การสร้าง หน้าเว็บเวอร์ชัน AMPบนWordPressอาจดูเหมือนเป็นงานที่มีแต่นักพัฒนาเท่านั้นที่สามารถจัดการได้ แต่ด้วยความรู้เพียงเล็กน้อยและคำแนะนำบางประการ คุณก็สามารถทำได้ด้วยตัวเอง

Googleมีขั้นตอนเวิร์กโฟลว์ที่จะแนะนำคุณเมื่อคุณสร้าง หน้า AMPรวมและเพิ่มประสิทธิภาพหน้าตั้งค่าการติดตามการวิเคราะห์^{(set up analytics tracking)}แล้วออกแบบหน้าให้ตรงกับความต้องการของเว็บไซต์ของคุณ

ในการเริ่มต้นGoogleจะให้รหัสเทมเพลตแก่คุณ ซึ่งคุณสามารถคัดลอกและบันทึกเป็นส่วนขยาย .html แล้วเพิ่มมาร์กอัปที่จำเป็น การดำเนินการนี้จะเปลี่ยนหน้าให้เป็นเอกสารAMP HTML ที่ใช้งานได้^{(AMP HTML)}

ก่อนที่คุณจะเผยแพร่ คุณสามารถรวมรูปภาพ แก้ไขเค้าโครงเพิ่มประสิทธิภาพหน้าสำหรับ SEO^{(optimize the page for SEO)}ดูตัวอย่าง และจบหน้าโดยใช้คำแนะนำที่ให้ไว้ในแถบด้านข้าง

หากต้องการ คุณสามารถทดลองกับAMPได้ที่ หน้าแรกของ amp.devก่อนที่จะลองใช้บนเว็บไซต์WordPress ของคุณเอง^(WordPress)

วิธีการติดตั้ง Google AMP บน WordPress^{(How to Install Google AMP on WordPress)}

การตั้งค่าและติดตั้งGoogle AMP ด้วยตนเอง บน เว็บไซต์ WordPress ของคุณ นั้นซับซ้อน อย่างไรก็ตาม คุณสามารถใช้ปลั๊กอินต่างๆ เช่น ปลั๊กอินAMP อย่างเป็นทางการสำหรับ WordPress^{(official AMP plugin for WordPress)} , AMP สำหรับ WP^{(AMP for WP)}หรือAMP WPเพื่อทำให้กระบวนการนี้ง่ายขึ้น

สำหรับคู่มือนี้ เราจะแสดงวิธีตั้งค่าและติดตั้งAMPบน เว็บไซต์ WordPressโดยใช้ปลั๊กอินWordPress AMP อย่างเป็นทางการ^{(WordPress AMP)}

วิธีใช้ปลั๊กอิน WordPress AMP เพื่อติดตั้ง AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. ในการเริ่มต้น ให้ติดตั้งและเปิดใช้งาน ปลั๊กอิน WordPress AMPบนไซต์WordPress ของคุณ ^(WordPress)ไปที่ แดชบอร์ด ของWordPressเลือกPlugins > Add New

1. พิมพ์ปลั๊กอิน^(plugin)AMP ในช่องค้นหา แล้วเลือกติดตั้ง^{(Install Now)}ทันที เพื่อติดตั้งปลั๊กอิน

หมายเหตุ^(Note) : หากคุณใช้WordPress.comคุณต้องอัปเกรดเป็นแผนธุรกิจ เพื่อ ^(Business)ติดตั้งปลั๊กอินใด^{(install any plugins)}ๆ

1. ไปที่Plugins > Installed Pluginsค้นหาAMPและเลือกลิงค์Activate เพื่อเปิดใช้งานปลั๊กอิน ^{(Activate )}AMPและทำให้มันทำงานบนเว็บไซต์ของคุณ

1. เมื่อ คุณเปิดใช้งานปลั๊กอินแล้ว ให้ปรับการตั้งค่าเพื่อปรับแต่งหน้าAMP ในการกำหนดค่าปลั๊กอิน ให้ไปที่AMP > Settingsและใช้วิซาร์ดเพื่อกำหนดการตั้งค่าหน้าAMP ของคุณ^(AMP)

1. เลือก ปุ่ม เผยแพร่^{(Publish )}เมื่อคุณปรับการตั้งค่าเสร็จแล้ว ผู้เข้าชมจะไม่สามารถมองเห็นเว็บไซต์ของคุณหรือGoogle ค้นพบ ได้ แต่คุณสามารถเลือกได้ว่าต้องการให้หน้า โพสต์ หรือทั้งสองแสดงบนเว็บไซต์AMP ของคุณ ^(AMP)ในการดำเนินการนี้ ให้ไปที่AMP > Settings > Advanced Settings, และยกเลิกการเลือก ช่องทำเครื่องหมาย เทมเพลตที่รองรับ^{(Supported Templates)}เพื่อดูตัวเลือกเพิ่มเติม

1. เลือกตัวเลือก^(options) ที่ คุณต้องการแล้วเลือกบันทึกการ^{(Save Changes)}เปลี่ยนแปลง

1. คุณยังสามารถรวมYoast SEOเข้ากับ การตั้งค่า AMPได้  โดยไปที่Plugins > Add Newแล้วค้นหาYoast SEO & AMP
2. เลือกติดตั้ง^{(Install Now)} ทันที และเปิดใช้งาน^(Activate)ปลั๊กอิน เมื่อเปิดใช้งานแล้ว ให้ไปที่SEOและเลือกAMPเพื่อรับตัวเลือกการปรับแต่งเพิ่มเติมสำหรับเพจของคุณ จากนั้นเลือกบันทึกการ^{(Save Changes)}เปลี่ยนแปลง 
3. ก่อนเผยแพร่ ให้ดูตัวอย่าง เว็บไซต์ AMPโดยเพิ่มamp ต่อท้าย ^(amp)URLของโพสต์หรือหน้าที่คุณต้องการ ตัวอย่างเช่น คุณสามารถไปที่ https://yourwebsite.com/blog-post-title/amp/

วิธีตรวจสอบ WordPress AMP^{(How to Validate WordPress AMP)}

เมื่อ ติดตั้ง AMPบน ไซต์ WordPress ของคุณ แล้ว ขั้นตอนต่อไปคือการทดสอบว่าทำงานได้อย่างถูกต้อง ไม่เพียงเท่านั้น แต่การตรวจสอบยังช่วยให้มั่นใจว่าแพลตฟอร์มที่รองรับสามารถเข้าถึงและลิงก์ไปยังเว็บไซต์ของคุณได้ และคุณจะพบข้อผิดพลาด^{(errors for troubleshooting)}AMP สำหรับการแก้ ปัญหา

คุณสามารถตรวจสอบWordPress AMPด้วยตนเองหรือใช้เครื่องมือทดสอบ AMP ของ^{(Google’s AMP Testing tool)} Google

วิธีตรวจสอบ WordPress AMP ด้วยตนเอง^{(How to Validate WordPress AMP Manually)}

1. ในการดำเนินการนี้ ให้เปิด หน้า AMPแล้วเพิ่ม#development=1ต่อท้ายURLสำหรับหน้าเว็บที่คุณกำลังตรวจสอบ

1. ไปที่เบราว์เซอร์ของคุณและเปิดคอนโซลเครื่องมือสำหรับนักพัฒนา^{(developer tools console)}ซอฟต์แวร์ หากคุณกำลังใช้Firefoxให้เลือก เมนู > นักพัฒนา เว็บmenu > Web Developer > Web Consoleหากมีข้อผิดพลาดใน หน้า AMPจะมีการไฮไลต์เป็นสีแดง

ข้อผิดพลาดในการตรวจสอบความถูกต้องอาจเกิดจากรหัสที่ไม่ถูกต้อง คำนำหน้าไม่ถูกต้อง หรือแท็กที่ไม่ได้รับอนุญาต แต่คุณจะเห็นคำอธิบายสาเหตุข้างข้อผิดพลาด

วิธีตรวจสอบ WordPress AMP โดยใช้เครื่องมือทดสอบ AMP ของ Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. เปิด หน้า เครื่องมือทดสอบ AMP ของ Google^{(Google AMP Testing tool)}ป้อนURLของเว็บไซต์ โพสต์ หรือหน้า จากนั้นเลือกTest URL ^{(Test URL)}คุณยังสามารถวางโค้ดของไซต์และเลือกทดสอบURL^{(Test URL)}

1. Googlebot จะวิเคราะห์ เว็บไซต์ของคุณ และหากถูกต้อง คุณจะเห็นตัวอย่างว่า หน้า AMP ของคุณ จะปรากฏบนGoogle SERP^{(Google SERPs)}ได้อย่างไร

ด้วย เครื่องมือ ทดสอบ AMP ของ Google^{(Google AMP Testing)}คุณสามารถระบุ ข้อผิดพลาด AMPและดูโค้ดที่ก่อให้เกิดปัญหาบนไซต์ของคุณได้ คุณยังสามารถเลือก ปุ่ม แชร์^(Share)เพื่อแชร์การวิเคราะห์กับเพื่อนร่วมงานของคุณ

คุณยังสามารถใช้ เครื่องมือ ตรวจสอบ AMP ของ Google^{(Google AMP Validator)}เพื่อให้แน่ใจว่าโค้ดของคุณตรวจสอบได้ หรือใช้ส่วนขยาย Chrome AMP^{(Chrome AMP extension)}ซึ่งตรวจสอบความถูกต้องของหน้าเว็บด้วย และแสดงคำเตือนหรือข้อผิดพลาดใดๆ

AMP ขึ้นไซต์ WordPress ของคุณ^{(AMP up Your WordPress Site)}

Google AMPเป็นการเปลี่ยนแปลงครั้งสำคัญสำหรับไซต์ใดๆ โดยเฉพาะอย่างยิ่งหากคุณมีการเข้าชมบนอุปกรณ์เคลื่อนที่จำนวนมากอยู่แล้ว หากคุณใช้งานเว็บไซต์ที่มีเนื้อหาที่เป็นข่าว การติดตั้งAMPทันทีอาจเป็นเรื่องที่สมเหตุสมผล แต่สำหรับธุรกิจอื่นๆ คุณอาจส่งผลเสียต่อ Conversion ของคุณหากผิดพลาด

เราแนะนำให้ทดสอบAMPในหน้าที่มีการเข้าชมสูง 2-3 หน้าเพื่อดูว่าคุณได้ผลลัพธ์ที่เป็นบวกหรือลบก่อนตัดสินใจใช้ทั่วทั้งไซต์

คุณได้ลองใช้AMPบนไซต์WordPress ของคุณหรือไม่ ^(WordPress)คุณมีคำแนะนำอื่นๆ เกี่ยวกับการใช้AMPสำหรับWordPressหรือไม่ แบ่งปันกับเราในความคิดเห็น

What Is AMP for WordPress and How To Install It

Few things are more frustrating than viѕіting a website only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• วิธีย้าย WordPress site จากโฮสต์หนึ่งไปยังอีก

• วิธีการติดตั้งและการตั้งค่าบน WordPress Microsoft Azure

• วิธีการรันอย่างรวดเร็ว WordPress บน Microsoft Azure

• วิธีการกำหนดค่า Privacy ใน WordPress และทำไมจึงเป็นสิ่งสำคัญ

• วิธีการติดตั้ง WordPress บน Google Cloud Platform

• วิธีเพิ่มความเร็วไซต์ WordPress ใน 11 ขั้นตอน

• วิธีป้องกันหน้าด้วยรหัสผ่านบนเว็บไซต์ WordPress ของคุณ

• 3 ปลั๊กอิน SEO ที่ดีที่สุดสำหรับ WordPress

• วิธีการเพิ่มแถบด้านข้างลอยใน Wordpress

• วิธีเปลี่ยน URL เข้าสู่ระบบ WordPress ของคุณเพื่อความปลอดภัยที่ดีขึ้น

• วิธีดำเนินการทดสอบแบบแยกส่วนอย่างมีประสิทธิภาพใน WordPress

• วิธีสร้างป๊อปอัปคูปองของคุณเองใน WordPress

• 11 สุดยอดปลั๊กอิน WordPress Podcast

• 7 เคล็ดลับ WordPress สำหรับเว็บไซต์ที่เป็นมิตรกับมือถือ

• วิธีลบร่องรอยของปลั๊กอิน WordPress ทั้งหมด

• 8 ฟรี Premium WordPress รูปแบบการติดตั้ง

• วิธีสร้างบล็อก Wix ที่ดีพอๆ กับ WordPress

• รีวิวหนังสือ: สร้างเว็บไซต์ของคุณเอง: คู่มือการ์ตูนสำหรับ HTML, CSS และ Wordpress

• การสร้าง Child Theme ใน WordPress

• Must Have WordPress Yoast SEO Settings 2021