Chúng ta đều biết răng, Tối ưu hóa seo trên Mobile là đều tất nhiên phải làm để cải thiện sức mạnh trên công cụ tìm kiếm .Vừa đầu năm Google đã đưa ra dự án Accelerated Mobile Pages. Đó chính là AMP.
AMP là gì?
AMP là một dự án được Google hậu thuẩn với mục tiêu thúc đẩy tốc độ trên thiết bị di động. Nói một cách đơn giản hơn AMP là một cách xây dựng với nội dung trang web tĩnh. cho phép các trang web có thể tải và load ( trước khi render trong tìm kiếm của Google) nhanh hơn nhiều so với HTML thông thường. AMP gồm ba phần khác nhau :
1. AMP HTML : Là ngôn ngữ đánh dấu thẻ tùy chỉnh. Nếu bạn đã quen thuộc với HTML cơ bản rồi thì mình không giải thích gì thêm.
Ví dụ : Cách sử dụng nó <html> thành <htmlL amp='amp'> để khai báo AMP HTML.
2. AMP JS : Nó là một khung JavaScript ( AMP Javascript Library ) cho các trang di động. Chức năng của nó là cho phép tải web bằng một cú click ( nhanh chóng ). Đặc biệt làm cho các nguồn tài nguyên như các trang, video, hình ảnh động, các khung là đồng bộ. Cần lưu ý rằng một JavaScript bên ngoài không được phép của AMP.
Ví dụ : Chèn đoạn JS sau lên trên thẻ </head>
2. AMP JS : Nó là một khung JavaScript ( AMP Javascript Library ) cho các trang di động. Chức năng của nó là cho phép tải web bằng một cú click ( nhanh chóng ). Đặc biệt làm cho các nguồn tài nguyên như các trang, video, hình ảnh động, các khung là đồng bộ. Cần lưu ý rằng một JavaScript bên ngoài không được phép của AMP.
Ví dụ : Chèn đoạn JS sau lên trên thẻ </head>
<script async='async' src='https://cdn.ampproject.org/v0.js'/>Hoặc
<script async src="https://cdn.ampproject.org/v0.js"></script>3. Google AMP Cache : là một phân phối nội dung dựa trên mạng để cung cấp tất cả các tài liệu AMP.sehingga cải thiện hiệu suất trang tự động. Khi sử dụng Google AMP Cache, sau đó tất cả các tài liệu như các file js và hình ảnh sẽ load từ cùng một nguồn gốc trong HTTP 2.0
AMP được sử dụng như thế nào?
Google sẽ sử dụng AMP để giúp bạn nhanh chóng tải nội dung bài viết trên các thiết bị di động mà không cần người dùng phải click thông qua một trang web để xem nội dung. Các trang có cài đặt phiên bản AMP hợp lệ sẽ được hiển thị trong các kết quả di động như một Slider (thanh cuộn) ở phía trên phần ưu tiên hơn còn lại của các kết quả cho một chủ đề tìm kiếm cụ thể cụ thể, do đó Web của bạn sẽ được chú ý hơn và người dung sẽ ưu ái lựa chọn trang của bạn hơn và rất tốt cho SEO.
Hướng dẫn thêm AMP Vào Web & Blog :
Trong cấu trúc HTMl sẻ thay đổi như sau, chẳng hạn như thẻ ad, embed, img, pixel, audio và video sẽ thay đổi amp-ad, amp-embed, amp-img, amp-pixel, amp-audiovà amp-video.
Ví Dụ Với Html :
<amp-img src="Sezdrive.jpg" alt="SezDrive" height="400" width="800"></amp-img>Đối với CSS : amp thay bằng amp-img.
amp-img { background-color: grey; }
Khai báo Logo AMP trên công cụ tìm kiếm bằng thẻ meta sau :
<link expr:href='data:blog.url' rel='amphtml'/>Đó là thẻ khai báo web sử dụng AMP trên công cụ tìm kiếm, nó sẻ hiển thị logo AMP trên Mobile khi bạn Search.
Xem Thêm : Khung chứa code cho blogspot
Thêm Một Bình Luận