Giới thiệu Google AMP và sử dụng AMP hiệu quả

21
10-2016
thietkeweb3t

Cũng giống như Facebook, Google và các công ty công nghệ lớn luôn tạo ra được những thay đổi nhằm nâng cao trải nghiệm người dùng trên các sản phẩm của họ. Vào ngày 24/2/2016 Google đã chính thức công bố thuật ngữ Google AMP nhắm đến việc tối ưu kết quả tìm kiếm trên thiết bị di động. Vậy sản phẩm AMP của Google là gì?
APM viết tắt của Accelerated Pages Mobile, nó là 1 dự án mới của google nhằm tăng khả năng đáp ứng và hiển thị của trang web khi chạy trên các thiết bị di động (Accelerated Mobile Pages Project). Khi cấu trúc website của bạn thỏa điều kiện của AMP project, nó sẽ được tối ưu, từ đó tăng tốc độ load trang trên các thiết bị di động, làm cho các trang web tải nhanh và có giao diện đẹp trên thiết bị di động, thậm chí khi mạng chậm.

Google cũng tuyên bố rằng nếu trang web của bạn tuân thủ AMP thì sẽ có lợi cho các trang này trong kết quả tìm kiếm của Google.

Xem thêm bài viết liên quan:

 

Tốc độ hiển thị trang web sẽ cải thiện đáng kể

AMP được phát triển dựa trên:

+ Mã nguồn mở.

+ Được tối ưu hóa tốc độ tải trang.

+ Hiển thị phù hợp với màn hình di động.

Tới đây có lẽ các bạn đã biết Google AMP là gì rồi phải không nào. Về cơ bản Google AMP được cấu tạo từ 3 phần khác nhau gồm: AMP HTML, AMP JS, AMP Cache. Cả 3 yếu tố này sẽ giúp cho việc tải trang web trở nên nhanh chóng hơn.

Lợi ích của AMP là gì?

Nhiều bạn thắc mắc rằng: “Website của tôi đã tích hợp responsive, nó đã hiển thị tốt trên các thiết bị di động rồi, vậy tích hợp AMP nữa thì có lợi gì nữa hay không?”.

Chúng tôi xin trả lời rằng: thực chất, responsive chỉ là khả năng tùy biến giao diện theo các kích thước màn hình, nó hoàn toàn không ảnh hưởng đến tốc độ load trang web.

Lợi ích của AMP, hay nói đúng hơn là lợi ích khi website của bạn load nhanh hơn khi truy cập bằng di động, nó có ý nghĩa rất lớn. Hãy thử tưởng tượng bạn đang ở nhà chờ xe bus và muốn tìm kiếm vài thông tin trên 1 website, bạn truy cập nó bằng 3G. Sau khi click vào link website và bạn mất 5s-10s để chờ, liệu bạn có đủ kiên nhẫn để tiếp tục đợi trang web đó load xong hết không, hay sẽ ấn back ngay lập tức và vào 1 website khác với hy vọng sẽ có thông tin nhanh hơn? Thật tệ nếu cả trang web sau đó cũng chậm như thế, và chậm hơn nữa, sau khi châm chú vào màn hình điện thoại đang chờ load, thì chuyến xe bus mà bạn đợi đã chạy mất… omg!!!! Giờ thì bạn đã hình dung ra tầm quan trọng trong việc cải thiện tốc độ mà AMP mang lại rồi chứ.
Làm cách nào để cài đặt Google AMP cho WordPress?

Để có thể cài đặt Google AMP cho WordPress, thật đơn giản là bạn chỉ cần tải và cài đặt plugin AMP do chính Automatic (công ty quản lý WordPress) phát triển. Sau khi cài đặt gần như bạn không cần thiết lập thêm bất cứ điều gì.

Sau đó, để kiểm tra xem các trang AMP đã hoạt động hay chưa, hãy truy cập một bài viết bất kỳ và thêm “/amp” vào sau đường dẫn của bài viết đó.

Chẳng hạn, link bài viết là: http://thietkeweb3t.com/xay-dung-mot-trang-web-ban-hang.html thì link trang AMP của nó sẽ là: http://thietkeweb3t.com/xay-dung-mot-trang-web-ban-hang.html/amp.

AMP gồm các yếu tố thường gặp của một website wordpress nên dễ dàng cài đăt

Lưu ý:

– Bạn nên kiểm tra trên trình duyệt của điện thoại di động để có thể thấy kết quả hiển thị chính xác nhất.

– Hiện tại AMP chỉ hỗ trợ các bài viết (posts) mà thôi.

Ngoài ra vì hầu như chúng ta đều đang sử dụng plugin Yoast SEO do đó để Google AMP hoạt động tốt hơn, chúng tôi khuyên bạn nên cài ngay plugin Glue for Yoast SEO & AMP để nó tự động nhận các dữ liệu meta của website.
Sau khi cài đặt plugin Glue for Yoast SEO & AMP, tại menu SEO sẽ có thêm mục AMP.

Cách kiểm tra Google AMP

Nếu bạn đang dùng trình duyệt Chrome thì đơn giản chỉ cần vào trang AMP của một post bất kỳ, sau đó nhấn phím Ctrl + Shift + I.

Một cửa sổ nhỏ xuất hiện bên phía tay phải, bạn chọn tab Console và nếu thấy thông báo thành công tức là Google AMP đã hoạt động tốt trên website của bạn.

Ngoài ra ban có thể dùng công cụ kiểm tra AMP của chính Google. Chỉ cần nhập đường dẫn trang AMP vào và nhấn check.

Tác dụng của AMP đối với SEO

Tuy không có công bố chính thức, nhưng rõ ràng việc tốc độ load trang nhanh cũng giúp ích cho các spider bot của google index trang web của bạn nhanh hơn, và cũng không có gì lạ khi nó ưu tiên đánh giá cao trang web của bạn hơn.

Hơn nữa, không có lý do gì AMP project lại được google đưa vào custom search (google web master tool) mà lại không ảnh hưởng đến điểm chất lượng của website cả.

AMP giúp trang web của bạn được đánh giá cao hơn

Nguyên lý cơ bản của AMP Project

Làm sao mà AMP lại có thể cải thiện tốc độ load trang web của tôi? Nó dựa vào 3 phần: AMP HTML, AMP JS và GOOGLE AMP CACHE.

Hiểu 1 cách đơn giản là AMP chỉ cho phép các hiển thị các element cơ bản, không có sự thay đổi trong quá trình load. (Ví dụ những file javascript có khả năng thay đổi cấu trúc html sau khi trang web được render ra, do đó những file script sẽ bị loại bỏ hoàn toàn trong AMP).

Ngoài ra 1 số thẻ khác trong HTML sẽ được thay đổi lại, ví dụ như <img> sẽ được thay thế thành <amp-img> để chỉ định source của nó sẽ được lưu lại google cache, và load tuần tự khi trang web rê đến vùng đó.

Lời kết

Như vậy Google AMP là gì, cách hoạt động cũng như cách cài đặt Google AMP cho WordPress, tác dụng của AMP đối với SEO đã được cung cấp khá đầ đủ. Hy vọng bài viết này sẽ cung cấp được một ít kiến thức tối ưu website/blog WordPress của bạn nhằm tăng thứ hạng trên Google. Chúc các bạn thành công.

  • Ngày đăng : 10-01-2017 Người đăng : betraining.org
    10
    01-2017

    6 xu thế thiết kế web chất trong năm 2017

    Chúng ta đang trải qua các quá trình lớn mạnh mạnh mẽ nhất của lĩnh vực thiết kế web, lúc mà xu thế kiểu dáng ảnh động web của những năm 90 đang đã dần phát triển thành quá khứ và thay vào đấy là xu thế thiết kế phẳng ấn tượng. Ngày nay, sự vững […]

  • Ngày đăng : 16-10-2016 Người đăng : betraining.org
    16
    10-2016

    Thiết kế web giá rẻ

    Hiện tại cửa hàng của bạn đang muốn mở rộng kinh doanh với nhiều hình thức, trong đó có kinh doanh trực tuyến? Bạn đang muốn tìm kiếm một công ty thiết kế web bán hàng nhưng chưa biết lựa chọn công ty nào để “gửi trọn niềm tin”? Thời đại công nghệ phát triển […]

  • Ngày đăng : 18-01-2017 Người đăng : betraining.org
    18
    01-2017

    Top 10 web bán hàng thời trang uy tín nhất Việt Nam

    Hôm nay thiết kế web 3t sẽ giới thiệu cho các bạn những website bán hàng thời trang uy tín nhất.Giả dụ bạn ko với rộng rãi thời kì và thích an toàn cũng như muốn được khuyến mại phổ quát hơn thì sắm tìm online là sự chọn thấp nhất cho bạn. có tương […]

  • Ngày đăng : 18-10-2016 Người đăng : betraining.org
    18
    10-2016

    Trang web bán hàng và những điều cần biết

    Hiện tại, việc kinh doanh tại Việt Nam đang có xu hướng thương mại điện tử hoá. Việc mua bán trên mạng dường như đã trở thành thói quen của nhiều người. Vậy, tại sao bạn: một chủ shop quần áo, một doanh nghiệp nhỏ, hay thậm chí một chủ tiệm cơm… lại không năm […]

  • Ngày đăng : 09-11-2016 Người đăng : betraining.org
    09
    11-2016

    Lựa chọn lối đi trong ngành lập trình viên – Phần 1

    Bạn là lập trình viên hay chuẩn bị trở thành ‘nó’ ở Việt Nam. Chúc mừng bạn bạn chuẩn bị hoặc đang bước vào một con đường rất gian nan đấy, việc lựa chọn lối đi trong ngành lập trình viên đúng đắn sẽ giúp bạn thành công trong công việc mà mình lựa chon. […]

  • Ngày đăng : 20-10-2016 Người đăng : betraining.org
    20
    10-2016

    Thế nào là SEO (Search Engine Optimization)?

    Search Engine Optimization (SEO) là gì? SEO là một phương pháp tiếp thị tập trung vào việc phát triển thứ hạng trong kết quả của các công cụ tìm hữu cơ (miễn phí). SEO bao gồm cả các yếu tố kỹ thuật và sáng tạo cần thiết để cải thiện thứ hạng, lưu lượng truy […]