Tích hợp trang dành cho thiết bị di động được tăng tốc (AMP) vào WordPress.
Nếu để ý thì chắc bạn đã biết, thời gian gần đây, trong Google Webmasters (Search Console) xuất hiện thêm một mục có tên là “Trang dành cho thiết bị di động được tăng tốc“. Trang dành cho thiết bị di động được tăng tốc (Accelerated Mobile Pages hay AMP) là một sáng kiến mã nguồn mở giúp cho các trang web tải nhanh và có giao diện đẹp trên thiết bị di động, thậm chí ngay cả khi mạng chậm. Và theo đó, nếu trang “tuân thủ AMP” của bạn bao gồm vài thông tin bổ sung, tính năng hiển thị đặc biệt, có thể sẽ nhận được thứ hạng cao hơn trong bảng kết quả tìm kiếm của Google.
Tham khảo thêm:
- Hướng dẫn khắc phục lỗi giao diện AMP của WordPress
- Sở hữu plugin tạo giao diện AMP tốt nhất – WP AMP với giá chỉ 120k
Trang dành cho thiết bị di động được tăng tốc trong WordPress
Đối với những người làm SEO thì đây là một cơ hội khó có thể bỏ qua. Vậy làm thế nào để tạo các trang AMP cho blog/website của bạn? Hướng dẫn chi tiết về vấn đề này, các bạn có thể tham khảo thêm tại đây.
https://youtu.be/WrpkFROqR0Q
Nếu bạn đang sở hữu một blog/ website được xây dựng dựa trên nền tảng WordPress.com hoặc WordPress.org, mọi việc sẽ trở nên đơn giản hơn rất nhiều.
Vào hôm qua, 24/02/2016, Automattic chính thức công bố tích hợp các trang AMP cho toàn bộ blog/website chạy trên mã nguồn mở WordPress.com. Bạn không cần phải làm gì cả, mọi thứ đã được cài đặt và cấu hình sẵn.
Còn nếu blog/ website của bạn chạy trên mã nguồn được download từ WordPress.org (hay còn gọi là WordPress self-hosted) thì mọi việc cũng đơn giản không kém. Tất cả những gì bạn cần làm là cài đặt và kích hoạt plugin có tên là AMP trên blog/ website của mình là được.
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 link của bài viết đó.
Chẳng hạn, link bài viết là: wpcanban.com/kiem-tien-online/tu-bo-cong-viec-hien-tai-va-chuyen-sang-kiem-tien-online.html thì link trang AMP của nó sẽ là: wpcanban.com/kiem-tien-online/tu-bo-cong-viec-hien-tai-va-chuyen-sang-kiem-tien-online.html/amp.
Lưu ý:
- Bạn nên test trên trình duyệt của điện thoại di động để 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.
Nếu muốn tùy biến giao diện của các trang AMP, các bạn có thể tham khảo thêm code snippets tại đây.
Bạn có đang sử dụng các trang AMP trên blog/ website của mình? Liệu chúng có thực sự ảnh hưởng đến thứ hạng tìm kiếm của Google? Hãy cho mọi người biết quan điểm của bạn về vấn đề này bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Sao em cài AMP nhưng vào website bằng máy tính thì lại hiện ra giao diện và url của AMP vậy anh
Bạn tạo giao diện AMP cho WordPress bằng plugin nào? Bạn có đang kích hoạt tính năng redirect tự động sang URL của AMP không? :P
Em dùng plugin AMP for WP – Accelerated Mobile Pages tại https://vi.wordpress.org/plugins/accelerated-mobile-pages/
Em đã tắt tính năng redirect tự động cho người dùng truy cập mobile nhưng vẫn vậy và thỉnh thoảng vài trang , còn vài trang không bị
Bạn thử xóa cache web đi xem (nếu site có cài plugin tạo cache). :P
à có cách nào check được link AMP lỗi vì trước đó e gỡ AMP bị mất một số trang, giờ e muốn tìm lại để submit cho nhanh.
Sử dụng Broken Link Checker xem sao. :P
sử dụng cái này thì check được link bị mất mà giờ e bật AMP lại rồi, nhưng phải đợi google index ngoài google, nó chưa index thì bị hiện trang lỗi T_T
Vậy thì đọc bài Hướng dẫn gỡ bỏ AMP khỏi blog/ website WordPress đi. =))
Mình tay ngang nên ko rõ lắm….Hjx…nhìn hướng dẫn mà hoa cả mắt….Ko biết có phương án nào để dễ làm nhanh hơn ko nửa…Web mình làm bên bizweb nên ko biết có cài được ko…Ai cho lời khuyên web mình http://gicvina.com/
Website chạy trên mã nguồn được download từ wordpress là sao anh? Nó khác gì với website mã nguồn wordpress?
WordPress nó phân làm 2 loại: WordPress.com (miễn phí) và WordPress.org (hay WordPress self-hosted, bạn phải bỏ tiền ra mua hosting và tên miền). Trong đó, loại cho phép bạn cài thêm plugin là WordPress.org. :P
Theo em biết thì wordpress.com vẫn cho mình mua tên miền vào cài plugin mà anh. Như anh nói thì wordpress.org cần cài thêm plugin để hiển thị AMP phải không anh?
Em đang dùng them gomedia wordpress.org và chưa cài AMP. Nếu em cài thì trang di động sẽ tải nhanh hơn hiện tại phải không anh?
Tham khảo bài viết “Hướng dẫn gỡ bỏ AMP khỏi blog/ website WordPress” trước khi bạn quyết định có nên cài AMP hay không. :P
Em cảm ơn anh!
Amp có cải thiện được tốc độ tải trang không a, em cài plugin alo kèm theo theme mua mà thấy tốc độ không thay đổi nhiều, site: chamsocda24.com
Cải thiện nhiều chứ bạn. Nó tạo 1 bản cache của giao diện AMP trên máy chủ của Google nên load rất nhanh. Không phải tải trực tiếp từ website của bạn đâu. :P
Chào Admin.
Cho mình hỏi mình có cái plugin AMP vào web nhưng khổ nỗi khi tìm kiếm trên trình duyệt PC nó vẫn hiện trên kết quả tìm kiếm google là domain.com/amp. có cách nào để các kết quả tìm kiếm của trang AMP chỉ xuất hiện trên mobile không Ad.
Em cảm ơn ạ
Bạn đang dùng plugin gì để tạo giao diện AMP?
Em dùng 2 cái này
https://wordpress.org/plugins/accelerated-mobile-pages/
https://wordpress.org/plugins/amp/
Bạn có thiết lập chế độ tự động redirect sang giao diện AMP trên di động không? :P
:D vào phần nào vậy Anh
Mobile Redirection
Enable AMP for your mobile users. Give your visitors a Faster mobile User Experience.
phần này mình bật lên hay tắt Anh
Tắt đi bạn nhé. Google sẽ tự điều hướng người dùng. Không nên thiết lập redirect như vậy đâu. :P
vẫn tắt à Anh. Em chưa bật bao giờ cả. Với lại các trang như category & tag hiện tại chưa hỗ trợ AMP à Anh
Nếu là AMP mặc định của WordPress (Automattic) thì chỉ mới hỗ trợ bài viết thôi bạn. Nếu bạn muốn hỗ trợ chuyên mục, tag… thì nên sử dụng plugin WP AMP (trả phí). :P
Dạ. à em có dùng plugin contact form 7 nhưng khi xem trên AMP thì form contact không xuất hiện Anh à. Có hướng nào giải quyết không Anh.
cảm ơn bài viết hữu ích ạ!
Mình áp dụng bài này của bạn cho blogspot được ko nhỉ, để mình vọc cái xem sao
Cái này chỉ áp dụng cho WordPress thôi bạn ạ. BlogSpot không hỗ trợ plugin đâu. :)
cái này gióng như cái giao diện di động của jetpack, tất cả css bị lọa bỏ hết, có mà vấn đề là e dùng short code nó cũng cho tèo luôn, nên thôi cạch
Bác nào muốn dùng nó thì có thể đọc qua bài viết của em ở đây, em đã áp dụng và thấy là nó khá ổn. http://vuvanhon.com/huong-dan-cai-trang-danh-cho-thiet-bi-di-dong-amp.html.
Trang Amp tại đây: http://vuvanhon.com/huong-dan-cai-trang-danh-cho-thiet-bi-di-dong-amp.html/amp
Bạn đã bỏ qua mất một thiết lập rất quan trọng. Và chính điều này sẽ khiến trang AMP bị Google báo lỗi. :) Mình đã khắc phục được vấn đề và đang test thêm. Sẽ có bài hướng dẫn chi tiết sau. Cảm ơn những đóng góp của bạn. :)
đã cài và thấy nhanh hơn thật,, còn có lợi cho seo thì theo mình là có
Cái này Google Webmasters đã viết quá rõ ràng rồi. Nếu không có lợi thì ai cài vào làm gì. :)
anh gồ đã khuyên thì mình có hành động :D