Google AMP คือ
Accelerated Mobile Pages (AMP) คือหน้าเว็บที่ออกแบบขึ้นตามข้อกำหนดโอเพนซอร์ส ระบบจะแคชหน้า AMP ที่ตรวจสอบความถูกต้องแล้วในแคช AMP ของ Google ซึ่งช่วยให้
แสดงหน้าได้เร็วขึ้นอีก
แสดงหน้าได้เร็วขึ้นอีก
มีแพลตฟอร์มจำนวนมากสนับสนุนรูปแบบ AMP ซึ่งรวมถึง Google Search หากหน้าเว็บที่แสดงในผลการค้นหาของ Google มี AMP ในเวอร์ชันที่ใช้งานได้ การค้นหาอาจนำผู้ใช้
อุปกรณ์เคลื่อนที่ไปยัง AMP ที่แคชไว้
อุปกรณ์เคลื่อนที่ไปยัง AMP ที่แคชไว้
หลักเกณฑ์ทั้งหมดของเราสำหรับการจัดทำเว็บไซต์ที่เหมาะกับการใช้งานบน Google จะนำไปใช้กับ AMP ด้วยเช่นกัน เอกสารนี้ครอบคลุมคำแนะนำเพิ่มเติมเพื่อช่วยให้คุณและผู้ใช้
ใช้ประโยชน์จาก AMP ได้ ข้อสรุปมีดังนี้
ใช้ประโยชน์จาก AMP ได้ ข้อสรุปมีดังนี้
การออกแบบ: สร้างหน้าเว็บตามข้อกำหนด AMP
การค้นพบ: ทำให้ผู้ใช้ค้นพบ AMP ของคุณได้
การตรวจสอบความถูกต้อง: ทดสอบว่าหน้าเขียนขึ้นในรูปแบบ AMP HTML ที่ถูกต้อง
ข้อมูลที่มีโครงสร้าง: มาร์กอัปเนื้อหาที่มีข้อมูลที่มีโครงสร้าง
สถานะ: ตรวจสอบรายงาน AMP ใน Search Console เพื่อดูข้อผิดพลาด
การค้นพบ: ทำให้ผู้ใช้ค้นพบ AMP ของคุณได้
การตรวจสอบความถูกต้อง: ทดสอบว่าหน้าเขียนขึ้นในรูปแบบ AMP HTML ที่ถูกต้อง
ข้อมูลที่มีโครงสร้าง: มาร์กอัปเนื้อหาที่มีข้อมูลที่มีโครงสร้าง
สถานะ: ตรวจสอบรายงาน AMP ใน Search Console เพื่อดูข้อผิดพลาด
การออกแบบ
AMP ของคุณควรเป็นไปตามข้อกำหนด AMP HTML หากคุณเพิ่งเริ่มต้นใช้งาน โปรดเรียนรู้วิธีสร้างหน้า AMP HTML หน้าแรกของคุณ
AMP ของคุณควรเป็นไปตามข้อกำหนด AMP HTML หากคุณเพิ่งเริ่มต้นใช้งาน โปรดเรียนรู้วิธีสร้างหน้า AMP HTML หน้าแรกของคุณ
การค้นพบ
หากสงสัยว่า Google จะพบหน้า AMP ของคุณได้อย่างไร Google จะจัดทำดัชนีหน้า AMP หากหน้าอื่นๆ ลิงก์ไปหรืออ้างถึงหน้าดังกล่าว
หากสงสัยว่า Google จะพบหน้า AMP ของคุณได้อย่างไร Google จะจัดทำดัชนีหน้า AMP หากหน้าอื่นๆ ลิงก์ไปหรืออ้างถึงหน้าดังกล่าว
หากหน้าของคุณมีทั้งเวอร์ชัน AMP และไม่ใช่ AMP ให้ใส่ลิงก์ต่อไปนี้
ในหน้าที่ไม่ใช่ AMP ให้อ้างถึงเวอร์ชัน AMP ของหน้านั้นดังต่อไปนี้ เพื่อให้ Google และแพลตฟอร์มอื่นๆ ทราบ
<link rel=”amphtml” href=”https://www.example.com/url/to/amp-version.html” />
ในหน้า AMP ให้เพิ่มข้อความต่อไปนี้เพื่ออ้างถึงเวอร์ชันตามรูปแบบบัญญัติที่ไม่ใช่ AMP
<link rel=”canonical” href=”https://www.example.com/url/to/regular-html-version.html” />
สำหรับหน้า AMP ที่ใช้งานแบบเดี่ยวๆ (ไม่มีเวอร์ชันที่ไม่ใช่ AMP) หน้า AMP นั้นควรระบุตัวเองเป็นเวอร์ชันตามรูปแบบบัญญัติดังนี้
<link rel=”canonical” href=”https://www.example.com/url/to/amp-document.html” />
จะมีการจัดทำดัชนีหน้า AMP แบบใช้งานเดี่ยวๆ ด้วยหากระบบค้นพบ โปรดตรวจสอบว่าหน้า AMP แบบใช้งานเดี่ยวๆ มีการลิงก์จากหน้าที่จัดทำดัชนีไว้หน้าอื่นๆ หรือแสดงอยู่ใน
แผนผังไซต์ของคุณ
แผนผังไซต์ของคุณ
โปรดตรวจสอบว่า AMP ของคุณใช้งานได้ เพื่อให้หน้าต่างๆ แสดงผลได้ตามที่ผู้ใช้คาดหวังและสามารถใส่ลงในคุณลักษณะที่เกี่ยวข้องกับ AMP ได้ หน้าที่มี AMP ที่ใช้งานไม่ได้จะ
ไม่มีสิทธิ์ใช้งานคุณลักษณะการค้นหาบางอย่าง
ไม่มีสิทธิ์ใช้งานคุณลักษณะการค้นหาบางอย่าง
ข้อมูลที่มีโครงสร้าง
มาร์กอัปข้อมูลที่มีโครงสร้างช่วยให้ Google แสดงเนื้อหาในผลการค้นหาได้เด่นชัดยิ่งขึ้น ตัวอย่างเช่น บทความเกี่ยวกับ AMP ที่มีคุณสมบัติมาร์กอัปที่เหมาะสมอาจแสดงอยู่ในภาพ
เรียงสลับ (การสาธิตบนอุปกรณ์เคลื่อนที่)
มาร์กอัปข้อมูลที่มีโครงสร้างช่วยให้ Google แสดงเนื้อหาในผลการค้นหาได้เด่นชัดยิ่งขึ้น ตัวอย่างเช่น บทความเกี่ยวกับ AMP ที่มีคุณสมบัติมาร์กอัปที่เหมาะสมอาจแสดงอยู่ในภาพ
เรียงสลับ (การสาธิตบนอุปกรณ์เคลื่อนที่)
อย่าลืมทดสอบข้อมูลที่มีโครงสร้าง และปฏิบัติตามนโยบายเกี่ยวกับข้อมูลที่มีโครงสร้าง
สถานะ
Google Search Console จะมีรายงานสถานะของ AMP ซึ่งแสดงรายการหน้า AMP บนเว็บไซต์ของคุณที่จัดทำดัชนีสำเร็จและข้อผิดพลาดเกี่ยวกับ AMP โดยเฉพาะที่ตรวจพบ
Google Search Console จะมีรายงานสถานะของ AMP ซึ่งแสดงรายการหน้า AMP บนเว็บไซต์ของคุณที่จัดทำดัชนีสำเร็จและข้อผิดพลาดเกี่ยวกับ AMP โดยเฉพาะที่ตรวจพบ
AMP HTML
<!doctype html>
<html >
<head>
<meta charset=”utf-8″>
<link rel=”canonical” href=”hello-world.html”>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s
steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 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>
</head>
<body>Hello World!</body>
</html>
<html >
<head>
<meta charset=”utf-8″>
<link rel=”canonical” href=”hello-world.html”>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s
steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 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>
</head>
<body>Hello World!</body>
</html>
อนาคตของ AMP HTML
ก็ต้องคอยติดตามข่าวสารจาก Google อย่างใกล้ชิดเลยนะครับว่า อนาคตของ AMP HTML นั้นจะเป็นอย่างไร ถึงแม้ว่าจะมีเว็บยักษ์ใหญ่หลายราย ที่เริ่มทำเวอร์ชั่น AMP HTML ไป
บ้างแล้ว แต่ก็มีบางกระแสที่ไม่ค่อยเห็นด้วยกับไอเดียนี้เท่าไร เพราะเค้ามองว่ามันเป็นการจำกัดกันเกินไป จนลดความเป็น web ลงนั่นเองครับ
ก็ต้องคอยติดตามข่าวสารจาก Google อย่างใกล้ชิดเลยนะครับว่า อนาคตของ AMP HTML นั้นจะเป็นอย่างไร ถึงแม้ว่าจะมีเว็บยักษ์ใหญ่หลายราย ที่เริ่มทำเวอร์ชั่น AMP HTML ไป
บ้างแล้ว แต่ก็มีบางกระแสที่ไม่ค่อยเห็นด้วยกับไอเดียนี้เท่าไร เพราะเค้ามองว่ามันเป็นการจำกัดกันเกินไป จนลดความเป็น web ลงนั่นเองครับ
แต่ส่วนตัวผมอยากให้เราศึกษาเอาไว้บ้างนะครับ อาจยังไม่ถึงกับต้องรีบปรับตามทันที แต่อย่างน้อย ขอให้เราเข้าใจหลักการของมันสักนิดนึงก็ยังดี พอถึงเวลาที่ต้องทำจริงๆ เราจะได้
ไม่เสียเวลามากฮะ แล้วอีกอย่างก็คือ ถึงแม้ว่าเราจะไม่ได้ใช้ AMP HTML ในตอนนี้ แต่เราก็สามารถเอาเทคนิคของมันมาปรับใช้กับเว็บของเราได้นะครับ ผมว่าถ้าปรับจูนดีๆ เราก็สา
มารถทำเว็บของเราให้โหลดได้เร็วไม่แพ้เว็บที่ใช้ AMP HTML เลยล่ะครับ
ไม่เสียเวลามากฮะ แล้วอีกอย่างก็คือ ถึงแม้ว่าเราจะไม่ได้ใช้ AMP HTML ในตอนนี้ แต่เราก็สามารถเอาเทคนิคของมันมาปรับใช้กับเว็บของเราได้นะครับ ผมว่าถ้าปรับจูนดีๆ เราก็สา
มารถทำเว็บของเราให้โหลดได้เร็วไม่แพ้เว็บที่ใช้ AMP HTML เลยล่ะครับ
Link Tutorial AMP >> https://www.ampproject.org/docs/get_started/create
สนใจเรียนคอร์สเรียนออนไลน์ การทำ SEO ให้ติดหน้าแรก อย่างถาวร สายขาว Click >>> https://goo.gl/4kb3K7
หรือเข้าไปที่เว็บรวมคอร์สเรียนออนไลน์ www.ulearn360.com
ความคิดเห็น
แสดงความคิดเห็น