Cẩm nang khắc phục lỗi xác thực AMP với Semrush

AMP (Accelerated Mobile Pages) tiếp tục chiếm lĩnh kết quả tìm kiếm trên mobile toàn cầu. Định dạng này do Google giới thiệu vào tháng 2 năm 2016, giúp cải thiện trải nghiệm người dùng và mang đến nhiều cơ hội quảng bá cho quản trị viên web. Google Carousel và featured snippet dựa trên AMP là những lợi thế bạn không thể bỏ qua nếu thực sự am hiểu về SEO.

Tuy nhiên, hiện vẫn chưa có công cụ nào trên thị trường có thể giải quyết những mối bận tâm chính của các quản trị viên web đang sử dụng định dạng này:

1. Có thể theo dõi tình trạng website bất cứ lúc nào

2. Xem kết quả của tất cả các lần kiểm tra AMP trong cùng một báo cáo

3. Xem các vấn đề trên tất cả các trang cùng lúc

SEMrush ra đời để thay đổi tình hình. Nhằm đáp ứng nhu cầu luôn thay đổi của người dùng, chúng tôi đã phát triển các giải pháp độc đáo giúp phát hiện mọi vấn đề liên quan đến AMP trên website của bạn, từ đó hỗ trợ bạn ưu tiên khắc phục và lựa chọn kỹ thuật tối ưu phù hợp — theo cách mà không công cụ nào khác làm được.

Ngay cả khi bạn chưa quyết định triển khai AMP, chúng tôi biết cách giúp bạn đi đúng hướng.

Theo dõi các trang AMP

Bạn quan tâm đến hiệu suất của các trang AMP? Website chưa có trang AMP? Dù thế nào, tính năng nhận diện AMP mới được triển khai trong SEMrush Position Tracking sẽ rất hữu ích với bạn.

Biểu tượng AMP trong công cụ Position Tracking cho biết những keyword bạn đang theo dõi có URL AMP nào xếp hạng trong kết quả tìm kiếm Google. Nhấp vào biểu tượng để lọc báo cáo*.

*Để xem các trang AMP trong mục Rankings Overview, bạn cần nhắm mục tiêu đến thiết bị di động trong chiến dịch Position Tracking.

Sau đó, công cụ sẽ đưa bạn đến tab hiển thị thông tin sau:

• 
  Thứ hạng của các trang AMP theo keyword mục tiêu
• 
  SERP cụ thể cho những keyword này
• 
  Trang AMP được hiển thị là của bạn hay của đối thủ

Dựa trên toàn bộ dữ liệu này, bạn có thể quyết định liệu mình có cần AMP hay không, hoặc cân nhắc thay đổi chiến lược tối ưu.

Tuy nhiên, nếu bạn có thể cấu hình tất cả các trang để đáp ứng AMP HTML Specification, hẳn bạn đã không tìm đọc bài viết này.

May mắn là Semrush Site Audit hiện đã có tính năng kiểm tra AMP, giúp bạn nắm được tình trạng AMP trên website bất cứ lúc nào.

AMP audit bao gồm hơn 40 lần kiểm tra; kết quả được tổng hợp thành 3 nhóm mà hẳn bạn đã khá quen thuộc:

1. Lỗi HTML

2. Lỗi về kiểu dáng và bố cục

3. Lỗi về template

Dưới đây là ví dụ về cách hiển thị lỗi xác thực AMP

Vậy hãy cùng tìm hiểu kỹ hơn về các lỗi xác thực AMP và cách khắc phục.

A - Điều chỉnh HTML

Để bổ sung các thuộc tính AMP mới vào HTML, những người tạo ra định dạng này đã phải thực sự giới hạn một số thành phần HTML. Nhiều quản trị viên web chưa quen với những giới hạn này, vì vậy lỗi HTML là loại lỗi phổ biến nhất trong các vấn đề về AMP. Đáng tiếc, đây là những lỗi đặc biệt nghiêm trọng vì chúng khiến trang của bạn mất hết các lợi ích AMP mà bạn muốn tận dụng.

Chẳng hạn, khi kiểm tra các thẻ và thuộc tính, bạn phải xem kỹ danh sách dài những mục được cho phép, đồng thời xử lý lượng thông tin khổng lồ về những mục bị cấm. Ngoài ra, các thẻ dành riêng cho AMP và những thành phần tùy chỉnh khác khiến công việc của quản trị viên web thêm phức tạp, đặc biệt nếu website có quy mô lớn.

Dưới đây là một số trường hợp thực tế.

Có một thẻ ‘script’ bị cấm ở dòng 1 trong mã của trang. Điều này có thể cho thấy họ đã sử dụng JavaScript tùy chỉnh hoặc triển khai một thành phần AMP không đúng cách.

Vì việc sử dụng ‘script’ có thể làm chậm đáng kể tốc độ tải trang, AMP Specification cấm dùng thẻ này, trừ khi loại script là application/ld+json hoặc đó là thẻ script bắt buộc để tải AMP runtime/các thành phần mở rộng.

SEMrush khuyên bạn nên xóa thẻ này.

Dưới đây là một ví dụ khác.

Chúng tôi phát hiện giao thức URL không hợp lệ ở dòng 58. Thẻ ‘img’ có giao thức ‘http’ được đặt làm ‘src’. Vì vậy, hình ảnh của bạn không hiển thị.

Như bạn có thể đoán, bạn nên đổi giao thức sang một giao thức hợp lệ. Với hình ảnh, điều này thường có nghĩa là thay 'http' bằng 'https'.

B - Chỉnh sửa kiểu dáng và bố cục

Kiểu dáng và bố cục của trang AMP chỉ nhằm mục đích giúp trang tải nhanh; đó là lý do chúng được kiểm soát chặt chẽ. Lỗi về kiểu dáng và bố cục không phổ biến như lỗi HTML, nhưng nếu bỏ qua chúng, bạn có nguy cơ khiến trang hoàn toàn biến mất khỏi SERP.

Kiểu dáng AMP dựa trên CSS, nhưng ở đây bạn cũng gặp phải vấn đề về các kiểu dáng bị giới hạn hoặc cấm, cùng quy định không cho phép sử dụng stylesheet bên ngoài.

Ngoài ra, mỗi thẻ được hiển thị đều phải có thuộc tính height và width để trang có thể cuộn dễ dàng. Bạn nghĩ cần bao nhiêu giờ để thêm các thuộc tính này theo cách thủ công? Rồi sau đó mới phát hiện rằng việc đó không cần thiết vì AMP validator tự giả định các giá trị cho một số bố cục. Chẳng phải tập trung vào những yếu tố chắc chắn ảnh hưởng đến hiệu suất trang sẽ dễ hơn sao?

Thiếu thuộc tính height trong thẻ 'amp-frame'

Các vấn đề khác có thể liên quan đến việc sử dụng thuộc tính HTML thông thường thay vì thuộc tính AMP tùy chỉnh, hoặc chỉ đơn giản là một vài lỗi không thường gặp trong đường dẫn.

Trong báo cáo AMP Pages With Style and Layout Issues, không có mẹo khắc phục nào vì nguyên nhân của vấn đề thường xuất phát từ chính bản chất của vấn đề đó.

C - Xóa cú pháp templating không được hỗ trợ

Trong định dạng AMP, nội dung động có thể được hiển thị bằng các template được xác định trong tài liệu AMP, nhưng chúng phải nằm bên trong các thẻ được thiết kế riêng. Trình xác thực AMP kiểm tra cú pháp của ngôn ngữ templating để bảo vệ tài liệu AMP khỏi mọi loại lỗ hổng thường thấy trên web.

Một thuộc tính trong thẻ được đặt thành URL chứa cú pháp Mustache chưa được escape

Trên thực tế, các vấn đề về templating hiếm khi xảy ra và khuyến nghị duy nhất bạn có thể nhận được ở đây là escape template bị cấm hoặc phần riêng của template đó.

Như bạn thấy, SEMrush đã làm được điều kỳ diệu, giúp bạn có thể:

• 
  Tìm và khắc phục các lỗi nghiêm trọng trước khi Google thông báo cho bạn
• 
  Xem chính xác dòng code có lỗi
• 
  Nhận ngay các mẹo khắc phục hữu ích

Chúng tôi hiểu rằng việc nắm rõ tình trạng website và cập nhật các xu hướng SEO mới nhất là thách thức thường trực với hầu hết quản trị viên web, khiến họ phải xoay xở với nhiều công cụ và ứng dụng cùng lúc. Đó là lý do chúng tôi cung cấp SEO audit như một giải pháp toàn diện, hữu ích cho tất cả mọi người, từ chủ agency SEO đến nhà phát triển web nội bộ.