Danh mục: Hướng dẫn học WordPress

Cách cài đặt plugin Custom Accelerated Mobile Pages (AMP) cho WordPress

10 Tháng Ba, 2016
Xem với phiên bản Google AMP

Dự án của Google Accelerated Mobile Pages (AMP) tăng tốc độ load trang web cho các thiết bị điện thoại được sự ủng hộ mạnh mẽ từ Automatic WordPress, Google Accelerated Mobile Pages là một dự án mã nguồn mở nhằm cải thiện tốc độ load của trang web dành cho thiết bị di động nhất là ở những vùng sóng yếu hay sử dụng 2G 3G. Nghiên cứu cho thấy rằng tỷ lệ người dùng thoát khỏi các trang web có tốc độ load chậm là rất cao lên đến 58% do không thể mở được trang web hoặc chờ đợi quá lâu. Việc sử dụng AMP sẽ lưu trữ trên bộ nhớ Cache của Google và cho phép người dùng mở nhanh hơn và đặc biệt Google sẽ ưu tiên xếp các trang web có sử dụng công nghệ này lên trên một slider ở phía trên đầu trang tìm kiếm, vì vậy sẽ tốt hơn cho SEO của các trang web.
WordPress, ChartBeat và Globo, The Washington Time, Twitter, Vox, The New York Time, The Guardian, LinkedIn, Pinterestcũng đã nhanh chóng ủng hộ và áp dụng công nghệ này.
Các bạn có thể so sánh tốc độ giữa AMP và không AMP ở hai liên kết sau:

Không AMP: http://lamvt.vn/amp-html-la-gi/

Có AMP: http://lamvt.vn/amp-html-la-gi/amp/

Để hiểu hơn AMP chúng ta áp dụng thử ngay vào việc cài đặt cho trang web sử dụng WordPress của bạn với plugin WordPress custom amp.

2016-03-10_123049

Để cài đặt AMP plugin cho WordPress ta làm như sau

– Download và cài trực tiếp qua phần login admin của website WordPress

Gói mở rộng (Plugin) => Cài mời (Add New),

2016-03-10_140445

Trong ô tìm kiếm gõ vào từ khóa: Custom AMP và bấm Enter

2016-03-10_140633

Bấm vào nút cài đặt và tiến hành cài đặt plugin này. Sau đó Active plugin này lên.

2016-03-10_140851

Bạn sẽ thấy một phần Menu có tên là Custom AMP Panel và ta có thể Setup cho Custom AMP

2016-03-10_141401

Trong phần này có thể sẽ yêu cầu bạn cài đặt plugin AMP nếu các bạn thấy yêu cầu thì làm theo yêu cầu cài đặt và chỉ dẫn

Tiếp theo đây là giải thích 10 mục trong cấu hình cài đặt Custom AMP WordPress Plugin này

Phần Logo: phần này nếu bạn không dùng thì nó sẽ lấy mặc định logo của website bạn, nếu không sẽ chỉ lấy phần tiêu đề trang chủ của bạn, bạn có thể lấy logo này nếu bạn muốn và nó sẽ show ra như sau:

2016-03-10_141914Phần metadata Logo: để lấy ảnh cho code Metadata ở đây mặc định để kiểm tra trong Goolge webmaster tools với Rich Snippets

2016-03-10_142210Tiếp theo là phần lấy Featured Image: đây là phần lấy ảnh bài viết vì trong mặc định không hiện ảnh này

Phần Show comment: là hiện comment của bài viết số lượng bình luận

Tiếp đến là phần hỗ trợ cho Woocommerce: mặc định cũng không support cho nó

RTL – Right to Left: là phần hỗ trợ cho ngôn ngữ ở các nước đặc biệt là vùng Ả rập từ Phải qua Trái

Custom content Width: là độ rộng của bài viết có thể thay đổi theo ý bạn, mặc định là 600px

Show menu: Phần này cho phép bạn thêm menu vào AMP vì mặc định không cho phép thêm menu

Thêm google analytic vào AMP: vì mặc định cũng không cho thêm Google analytic vào AMP

Như vậy sau khi chọn các lựa chọn các bạn có thể kiểm tra lưu lại và xem kết quả của mình bằng đường dẫn bình thường và có thêm /amp ở cuối đường link.

Sau một thời gian chờ tự động Google sẽ Update cho bạn, để biết được là chuẩn hay lỗi thì các bạn có thể xem trong Google Webmaster tools

2016-03-10_144045

Để chắc chắn bạn đã làm tốt thì các bạn có thể mở trang amp của bạn trong trình duyệt Google Chrome và bấm vào F2, vào Console, nếu mọi thứ bình thường có thể không báo lỗi hoặc sẽ báo để cho các bạn kiểm tra.

Bài viết mới nhất

lamvt

Lamvt - Tên thật là Vũ Thành Lâm năm sinh 197x tại xã Đại Đồng - huyện Thạch Thất - Hà Tây quê lụa

Yêu Joomla, thích WordPress và đam mê SEO
từng là GMOD của cộng đồng Joomla Việt, Admin của Thế giới SEO, thành viên tích cực trong Group WordPress Hà Nội
Liên hệ: D4J hoặc ĐT: 0169981 Năm Hai Ba Hai

Post by:admin

Bài viết liên quan

11 Mẹo Tối ưu Google Adsense tăng khả năng nhìn thấy quảng cáo
Tối ưu hóa khả năng được nhìn thấy Một mẫu quảng cáo được xem là có Khả năng nhìn thấy quảng cáo là khi 50% pixel của quảng cáo nằm trong màn hình 1 giây. Khả năng nhìn thấy quảng...
Chính sách của Google Adsence năm 2017
Chào mừng các bạn đến với buổi tọa đàm trực tuyến do Google Adsence tổ chức ngày hôm nay Mình xin tự giới thiệu mình là Vân là chuyên viên về mảng tối ưu hóa doanh thu cho tài khoản...
20 Điều cần biết để có một Bài Viết chất lượng cho SEO
Nói đến báo chí, chúng được phân chia thành nhiều loại hình khác nhau từ tin tức, chính luận, phỏng vấn, phóng sự cho đến các bài báo giới thiệu về tính năng, sản phẩm, hướng dẫn, giảng dạy...Trong khi...
8 Điều khiến bạn Thất Bại khi SEO trang WEB
Có lẽ bạn đã nghe đến sự diệu kỳ của blog kinh doanh và quyết định sử dụng blog để phát triển công việc kinh doanh của mình. Bạn viết nhiều bài và đăng chúng lên blog đã được vài...
Chứng chỉ Google SEO – Đừng đem ra Hù dọa để chăn Gà
Google sẽ không cung cấp chứng chỉ SEO cho các nhà quản trị web (webmasters) hoặc các công ty SEO Dường như Google sẽ không bao giờ có ý định cung cấp chứng chỉ SEO và lý do tại sao...
4 Bước cài đặt Google Webmaster Tools thật đơn giản
Tổng quan về Google Webmaster Tool Nếu bạn đã theo dõi bài viết về Google Analytics của mình cùng với bạn tự tìm hiểu thì bạn hoàn toàn có thể tự tin trong việc đọc các báo cáo phân tích...
Google Analytic là gì? Làm sao để cài Google Analytic cho WordPress
Google Analytics là gì? Hướng dẫn cài đặt Google Analytics? 4 báo cáo Analytics mà bạn không thể bỏ qua Google Analytics – một bộ công cụ miễn phí vô cũng quan trọng, có thể nói là toàn năng mà...
3 Bước cụ thể Cài đặt và sử dụng cơ bản Google Webmaster Tool
Đối với người làm SEO chắc hẳn ai cũng biết đến những công cụ hữu ích trên web như Google Analytics, Google Webmaster Tool được Google cung cấp miễn phí. Giống như Google Analytics, Google Webmaster Tool  cũng là công...
101 Điều thay đổi về Google AMP HTML năm 2016
Google chính thức mở rộng AMP HTML cho toàn thế giới: Columnist Barb Palser tin rằng nội dung AMP trên tìm kiếm di động sẽ mở rộng phần của nội dung AMP mà đã bị ẩn đi, không nhìn thấy...
5 Điều bạn chưa biết về Facebook Instant Articles
Tốc độ load chóng mặt, bạn đã từng click vào link nào được chia sẻ trên Facebook với thiết bị di động và hình ảnh có hình tia sét (tia chớp) Thunder, nhỏ nhỏ ở góc phải phía trên của...