Hướng dẫn cài Google AMP cho WordPress thành công 100%

Google AMP được Google cập nhật chính thức vào 24/02/2016, hiện tại Google AMP đã chính thức hiển thị ở Việt Nam. Vậy làm sao để có thể cài đặt AMP thành công cho WordPress và cách kiểm tra AMP như thế nào cùng một số lỗi hay gặp phải nếu cài AMP sẽ được làm rỏ trong bài hôm nay.

Google AMP là gì?

Google AMP là viết tắt của từ Accelerated Pages Mobile hiểu đơn giản là trang tăng tốc dành cho điện thoại di động, Google đã cập nhật tính năng Google AMPWebmaster Tool và khuyên Webmaster nên cài đặt. Google luôn hướng tới người dùng nên luôn mong muốn tạo ra một sản phẩm tối ưu nhất trên thiết bị di động khi mà ngày nay smartphone truy cập website ngang ngữa máy tính.

Xem thêm: Google AMP là gì?

Hướng dẫn cài Google AMP WordPress

Như bạn đã biết WordPress là mã nguồn mở và có rất nhiều Plugin hỗ trợ quá trình làm Web, lần này cũng không ngoại lệ khi Google Update AMP thì các lập trình viên đã tạo ra các Plugin giúp bạn làm điều nay. Chỉ cần cài 3 Plugin sau đây bạn hoàn toàn có thể cài thành công tính năng AMP cho WordPress.

Bước 1: Cài các Plugin hỗ trợ AMP

Say khi cài xong 3 Plugin trên bạn tiến hành kích hoạt như bình thường nhé.

Bước 2: Cấu hình Plugin

Truy cập vào Mobile Formats ở đây bạn có thể cài đặt những thông số khi khách truy cập vào giao diện AMP của Website bạn như:

  • Logo
  • Quảng cáo
  • Font chữ, màu chữ
  • Chèn code Google Analytics
  • Và nhiều tính năng khác

Cài đặt Google AMP cho WordPress

Tiếp theo bạn vào SEO -> AMP để kích hoạt AMP cho bài viết, cho trang hoặc cả 2 như hình dưới.

Kích hoạt Google AMP WordPress

Xong vậy bạn đã cài đặt thành công để kiểm tra bạn làm như sau:

Bạn bào link web của bạn và /amp xem nó có ra không như link bên dưới là thành công

http://www.dinhtinh.com/chia-se-marketing-online-tai-le-ra-mat-te-bao-goc-dr-cell.html/amp

Có thể bạn thành công ở bước trên nhưng chưa chắc bạn đã có thể hiện thị AMP khi Google cập nhật lại Website, bạn tiến hành kiểm tra tiếp theo. Vào 1 bài viết trên web cần kiểm tra bật SeoQuake lên và xem như hình bên dưới.

Kiểm tra Google AMP SeoQuake

Nếu hiển thị dấu tick xanh như hình là thành công,

Còn cách cuối cùng là chính xác nhất bạn vào thẳng trang chính chủ Google tại đây sau đó nhập link bài viết của bạn vào nhớ có chữ /amp nhé.

Ví dụ:

http://www.dinhtinh.com/chia-se-marketing-online-tai-le-ra-mat-te-bao-goc-dr-cell.html/amp

 

Hướng dẫn khắc phục lỗi khi cài AMP cho WordPress

Mình đã thử cài sau 2 ngày thì trong Webmaster Tool báo về lỗi như hình bên dưới, mình sẽ hướng dẫn các bạn fix luôn trong lần đầu thực hiện để không phải nhận thông báo lỗi nữa tốn thời gian.

Google báo lỗi AMP trong Webmaster Tool
Google báo lỗi AMP trong Webmaster Tool

Chi tiết lỗi đó là như sau:
– Thuộc tính ‘vocab’ có thể không xuất hiện trong thẻ ‘div’.
– Thuộc tính ‘property’ có thể không xuất hiện trong thẻ ‘span’.
– Thuộc tính ‘property’ có thể không xuất hiện trong thẻ ‘div’.
or
– The attribute ‘property’ may not appear in tag ‘span’.
– The attribute ‘property’ may not appear in tag ‘div’.
– The attribute ‘property’ may not appear in tag ‘div’
– The attribute ‘vocab’ may not appear in tag ‘div’.

Nguyên nhân dẫn đến lỗi này là do chúng ta cài Plugin kk Star Ratings nên dẫn đến lỗi và sau đây là các khắc phục lỗi Google AMP trên.

Bước 1: Bạn vào Plugin s và tắt hết kk Star Rating trong phần placement như hình

Tắt Plugin kk Star Ratings
Tắt Plugin kk Star Ratings

Bước 2: Các bạn coppy đoạn code này
<?php if(function_exists(“kk_star_ratings”)) : echo kk_star_ratings($pid); endif; ?>

Hoặc bạn vào kk Star Ratings -> Help cũng thấy code này

</div><!– #content –>

Và dán vào sau thẻ: Trong file giao diện theme: single.php
Chúc bạn thành công, nếu có thắc mắc gì bạn vui lòng comment bên dưới mình sẽ giải đáp.

Đình Tỉnh

Bài viết: Hướng dẫn cài Google AMP cho WordPress thành công 100%

Vui lòng ghi nguồn khi sao chép

Hướng dẫn cài Google AMP cho WordPress thành công 100%
4.91 (98.18%) 11 đánh giá