AMP là gì?
AMP viết tắt của Accelerated Mobile Pages là trang tăng tốc dành cho thiết bị di động của mỗi website. Dự án mã nguồn mở này được khởi xướng bởi Google. Nội dung của trang AMP được tải nhanh gần như ngay lập tức mà không bị vỡ giao diện trên thiết bị di động, ngay cả khi internet nhà bạn yếu hay chậm do cáp quang bị cá mập cắn.
Trên thực tế, tốc độ tải trang ảnh hưởng rất lớn đến cảm xúc của người dùng. Vì thế, khi nội dung website của bạn được tải nhanh chóng sẽ làm tăng trải nghiệm khách hàng, tăng lượng truy cập và khách hàng quay trở lại.
AMP tăng tốc độ tải trang như thế nào?
AMP tăng tốc độ load của trang web dựa vào 3 yếu tố cơ bản là : AMP HTML, AMP JS và GOOGLE AMP CACHE. Dù đa số thẻ AMP là chính các thẻ HTML thông thường nhưng cũng có mở rộng các thẻ HTML riêng - chính các thẻ AMP riêng này để cho trình duyệt hiểu và giúp website tải nhanh hơn, tương tự với AMP JS.
Còn về AMP Cache: Các trang AMP đều được lưu trong bộ nhớ cache của Google để tải gần ngay như lập tức. Các nền tảng như Google sử dụng bộ nhớ cache AMP này để cho phép tải nhanh nội dung. Google AMP Cache là mạng phân phối nội dung dựa trên proxy để phân phối tất cả các tài liệu AMP hợp lệ. Nó tìm nạp các trang HTML AMP, lưu trữ chúng và tự động cải thiện hiệu suất trang. Khi sử dụng Google AMP Cache, tài liệu, tất cả các tệp JS và tất cả các hình ảnh được tải từ cùng một nguồn đang sử dụng HTTP 2.0 để đạt hiệu quả tối đa.
AMP hiển thị trên Google Search như thế nào?
Nếu bạn search bằng thiết bị di động, những website có Google AMP sẽ xuất hiện trên kết quả tìm kiếm Google với biểu tượng tia sét và dòng chữ AMP bên cạnh đường link như hình bên dưới:
Vì sao cần AMP cho website?
Nếu bạn nghĩ rằng website của mình dùng kỹ thuật Responsive hay Mobile-first là đã đủ thì có thể bạn đã nhầm. AMP giúp tăng tốc độ tải trang nhanh hơn nhiều lần so với các kỹ thuật thông thường trên trang web không có AMP. Theo thông tin đáng tin cậy, các website sử dụng AMP sẽ được ưu tiên tăng thứ hạng trong kết quả tìm kiếm của Google trên thiết bị di động do hỗ trợ người dùng tốt hơn.
Thêm nữa, bất kỳ ai cũng muốn nhận được kết quả nhanh nhất khi cần tìm kiếm thông tin, nên tốc độ tải trang nhanh gần như lập tức giúp tăng trải nghiệm của người dùng hơn đồng nghĩa với trải nghiệm người dùng tốt hơn, họ sẽ có thiện cảm về trang web. Nhờ đó, bạn chính là người hưởng lợi bởi lượt truy cập tăng mạnh.
Ngoài ra, khi website của bạn có AMP sẽ được khách hàng đánh giá trang web đó chuyên nghiệp và ứng dụng công nghệ tốt hơn.
Cách tạo phiên bản AMP cho website như thế nào?
- <html ⚡> hoặc <html amp lang="vi"> : Để xác định nội dung có định dạng AMP.
- <script async src="https://cdn.ampproject.org/v0.js"></script> : Thẻ script bắt buộc.
- <style amp-boilerplate> : Thẻ style bắt buộc. Chú ý thẻ style này không được xuống hàng mà để 1 hàng duy nhất như vậy.
- <link rel="canonical" href="https://minhchien.xyz"> : Thẻ canonical link bắt buộc. Chú ý thay đường dẫn trong href về trang chính.
Bên cạnh đó, cần sử dụng chính xác các thẻ đặc biệt của AMP được liệt kê tại https://amp.dev/documentation/examples/. Ở đây là một số thẻ cơ bản như:
- Thẻ img được thay thế bằng <amp-img>
- Tương tự video sẽ là <amp-video>
- audio sẽ là <amp-audio>
- iframe sẽ là <amp-iframe>
- Các thẻ bị cấm gồm: frame, frameset, object, param, applet, embed, script
Các đường dẫn đến trang AMP được lưu trữ hoàn toàn độc lập. Ví dụ như Minh Chiến XYZ là https://minhchien.xyz/ thì trang AMP sẽ là https://amp.minhchien.xyz/, hoặc
https://minhchien.xyz/amp/. Một lưu ý trước khi tạo trang AMP là website của bạn nên sử dụng giao thức HTTPS thay vì HTTP thông thường, vì nếu không sẽ bị giới hạn một số chức năng đấy.
Cách kiểm tra trang AMP đúng chuẩn hay chưa
Trong quá trình xây dựng, chỉ cần lập trình viên mắc một lỗi nhỏ cũng có thể khiến trang AMP không được index, bởi Google cho rằng đó là trang AMP không hợp lệ. Để khắc phục, hiện nay có rất nhiều công cụ giúp bạn tìm ra lỗi dễ dàng và sửa chữa, ngay cả khi bạn đang thuê người thiết kế thì bạn cũng có thể biết được trang AMP mình nhận được có thật sự đạt yêu cầu hay không.
Cách 1: Công cụ kiểm tra AMP của chính Google là Google Console hay Google Webmaster
Bạn vào https://www.google.com/webmasters/ và nếu website bạn có chỉ định AMP sẽ có tab AMP như hình bên dưới. Khi click vào đó, bạn sẽ biết được trang web có bao nhiêu url đạt chuẩn AMP và được index (màu xanh), bao nhiêu url đang gặp vấn đề cần khắc phục (màu đỏ).
Bạn cũng có thể truy cập vào
https://search.google.com/test/amp - đây là một công cụ kiểm tra tính hợp lệ của trang AMP miễn phí được Google cung cấp. Chỉ cần dán URL mà bạn cần kiểm tra vào và click “Test URL”. Nếu trang AMP của bạn hợp lệ thì hệ thống sẽ trả về thông báo “Valid AMP” màu xanh lá cây như bên dưới.
Cách 2: Công cụ Web Interface https://validator.ampproject.org
Truy cập địa chỉ trên và paste đường dẫn AMP bạn cần kiểm tra vào, nếu bạn thấy báo PASS là an tâm, code AMP của bạn đã chuẩn. Còn FAIL thì phải Alo ngay cho lập trình viên để khắc phục.
Cách 3: Sử dụng trình duyệt Chrome: gõ link thêm "#development=1" vào đường link cần kiểm tra và ấn F12 chọn Tab Console
Cách này đơn giản hơn, bạn chỉ cần sử dụng trình duyệt Chrome, truy cập địa chỉ cần kiểm tra, thêm "#development=1" vào cuối URL và ấn Enter sau đó ấn F12 và cuối cùng xem kết quả tại tab Console.
Làm sao Google biết để lập chỉ mục (index) trang AMP của bạn?
Bạn đang tự hỏi Google sẽ tìm trang AMP của bạn như thế nào? Google sẽ lập chỉ mục các trang AMP nếu các trang khác liên kết đến chúng hoặc khám phá ra chúng. Có trường hợp thường xảy ra:
Trường hợp 1: Bạn xây dựng trang AMP độc lập
Nếu trang của bạn có cả phiên bản AMP và không AMP, hãy thêm các liên kết sau:
- Trên bất kỳ trang không phải AMP nào, tham chiếu đến phiên bản AMP của trang để cho Google và các nền tảng khác biết về nó:
<link rel="amphtml" href=" https://tên_miền.com/đường_dẫn_tới_trang_amp.html " />
- Trên trang AMP, thêm văn bản sau để tham chiếu đến phiên bản chuẩn không phải AMP của nó:
<link rel="canonical" href=" https://tên_miền.com/đường_dẫn_tới_trang_chuẩn.html " />
Trường hợp 2: Bạn xây dựng trang AMP đồng thời là trang chính
Đối với các trang AMP độc lập (những trang không có phiên bản nào khác ngoài AMP), trang AMP phải chỉ định chính nó làm phiên bản chuẩn bằng thẻ:
<link rel="canonical" href=" https://tên_miền.com/đường_dẫn_tới_trang_amp.html " />
Các trang AMP độc lập cũng sẽ được lập chỉ mục nếu các bots Google có thể tìm thấy chúng. Hãy đảm bảo rằng các trang AMP độc lập được liên kết với các trang được lập chỉ mục khác hoặc được liệt kê trong sơ đồ trang web (sitemap.xml) của bạn.
Các bước để website của bạn xuất hiện trên Google Search
- Bước 1: Đã tạo site chuẩn AMP (hợp lệ - tuân thủ các đặc tả về AMP) như trên.
- Bước 2: Người dùng phải xem cùng một nội dung và thực hiện cùng một hành động trên các trang AMP như trên trang chuẩn không phải AMP tương ứng.
- Bước 3: Sử dụng công cụ kiểm tra AMP và đảm bảo không còn lỗi nào xảy ra (nếu có đừng ngại post lỗi trong comment dưới bài này nhé), hoặc Ib đường dẫn cho mình sẽ hướng dẫn cụ thể.
- Bước 4: Nếu có thêm các dữ liệu cấu trúc vào trang AMP thì cũng đảm bảo tuân theo chính sách về dữ liệu có cấu trúc của Google.
- Bước 5: Chắc chắn là file robots.txt không chặn trang AMP.
Các bạn có thể đọc thêm và xem thêm các theme về amp địa chỉ sau cách làm đầy đủ tại https://amp.dev.
Đến đây sau khi bạn đã hiểu AMP là gì cũng như vai trò của AMP với website rồi đấy. Theo bạn, có nên ứng dụng AMP cho website của mình ngay hôm nay hay không? Ngoài ra bạn đang gặp lỗi về AMP đừng ngại comment dưới bài này mình sẽ check thường xuyên và trả lời cũng như hướng dẫn các bạn các chỉnh sửa. Chúc thành công!
Những câu hỏi thường gặp khi xây dựng trang AMP
Các trang AMP chỉ hoạt động trên thiết bị di động phải không?
Không. Vì các trang AMP có thể xem được trên bất kỳ loại thiết bị nào. Một sai lầm của nhiều người khi thiết kế AMP là làm chúng quá đơn điệu, không có điểm nhấn. Vậy nên, phương pháp hay nhất là hãy tạo các trang AMP của bạn với thiết kế đáp ứng tốt cho trải nghiệm của người dùng mà vẫn mang tính thẩm mỹ cao. Tôi thấy trang https://banhcanhcaloconu.com/amp/ được thiết kế đúng chuẩn AMP nhưng lại không quá đơn điệu, giao diện ưa nhìn.
Những ai có thể làm AMP cho website của bạn?
Nếu bạn dùng mã nguồn mở có thể chỉ cần cài thêm Addon là được, nhưng website bạn lập trình riêng thì bạn phải liên hệ lại bạn lập trình cũ để xây dựng thêm phiên bản AMP là tốt nhất. Ngoài ra bạn cũng có thể liên hệ một lập trình viên khác nhưng phải cung cấp được CSDL của bạn cho họ.
AMP ảnh hưởng đến SEO như thế nào?
Google khám phá và lập chỉ mục các trang AMP để cung cấp trải nghiệm truy cập website nhanh chóng và đáng tin cậy hơn cho người dùng. Tuy AMP không phải là một yếu tố xếp hạng nhưng website có cài đặt Google AMP sẽ tải trang nhanh hơn.
Để lập chỉ mục, Google sẽ áp dụng cùng một mức tiêu chuẩn cho tất cả các URL. Nghĩa là bất kể trang có sử dụng công nghệ nào, website có tốc độ tải nhanh sẽ được đánh giá cao hơn. Do đó, nhờ lợi thế về tốc độ tải, các trang AMP sẽ được Google đánh giá và xếp thứ hạng cao hơn trên thiết bị di động. Điều này rất có lợi vì xu hướng phát triển mới của Google có chiều hướng thiên về thiết bị di động nhiều hơn.
Nếu đã có AMP thì website có cần phải thân thiện với thiết bị di động không?
Câu trả lời là Có. Nên nhớ, khi sử dụng trang AMP, hãy đảm bảo trang AMP đó đáp ứng tiêu chí Google mobile-friendly. AMP có thể chưa là tiêu chí xếp hạng của Google, nhưng thân thiện với thiết bị di động là yếu tố quan trọng khi lập chỉ mục. Nếu trang của bạn vừa có AMP vừa đáp ứng mobile-friendly, trang sẽ được Google mobile-first index. Đây là thuật toán xếp hạng mới của Google, nó sẽ ưu tiên index cho những trang tối ưu tốt trên thiết bị di động.
AMP hiển thị như thế nào trên máy tính để bàn?
Các trang AMP hiển thị như nhau trên cả màn hình di động và màn hình máy tính để bàn. Nếu AMP hỗ trợ tất cả chức năng mà bạn cần, thì bạn có thể xem xét tạo trang web của bạn dưới dạng các trang AMP độc lập hỗ trợ cả khách truy cập trên máy tính để bàn và thiết bị di động đối với cùng một trang. Tuy nhiên AMP trên máy tính để bàn sẽ không có các tính năng liên quan đến tìm kiếm trong kết quả của Google Tìm kiếm.
Tại sao trang AMP của tôi không có lỗi nhưng không xuất hiện trên kết quả tìm kiếm?
Đừng lo lắng, đó chỉ là điều bình thường. Tôi đã từng gặp phải tình trạng này ở những dự án đầu tay, khi đó web của tôi không index trang AMP hoặc index rất chậm. Những bạn lập trình theo mã nguồn riêng thường bị quên thẻ amphtml trên trang chính. Ý nghĩa như thế nào thì mời bạn kéo lên trên để xem lại.
Ngoài ra, hãy sử dụng các công cụ nêu trên để kiểm tra hoặc dùng cú pháp site:url có AMP của bạn, nếu có xuất hiện thì bạn phải chờ khi thứ hạng của bạn tốt hơn kết quả của trang khác nhé.