October 13, 2016

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 AMP và Webmaster 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 smarphone 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

Plugin AMP chính chủ WordPress tại đây, việc cài và kích hoạt như những Plugin bình thường khác
Plugin PageFrog vẫn cài như bình thường nhé.
Glue for Yoast SEO and 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

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.

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

Bạn và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.

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 đó thay link của bạn vào nhớ chừa lại chữ /amp nhé.

Thay link xong chọn Validate nếu kết quả trả về là Pass là thành công còn Fail là thất bại nhé.

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.

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’.

– 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

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.

Nguồn – Đình Tỉnh –