Kỹ thuật SEO trên thiết bị di động
Ngày nay, hàng triệu người dùng truy cập web bằng điện thoại thông minh chạy trên Android, iOS hoặc Windows. Do đó, bắt buộc các trang web phải tự thích ứng với môi trường thay đổi này và thực hiện các thay đổi phù hợp trong thiết kế trang web của họ để thu hút nhiều người xem hơn.
Phiên bản dành cho máy tính để bàn của một trang web có thể khó xem và sử dụng trên thiết bị di động. Phiên bản không thân thiện với thiết bị di động yêu cầu người dùng chụm hoặc thu phóng để đọc nội dung. Người dùng thấy đây là một trải nghiệm khó chịu và có khả năng từ bỏ trang web. Ngược lại, phiên bản thân thiện với thiết bị di động có thể đọc được và sử dụng được ngay.
Bản cập nhật gần đây của Google bắt buộc trang web phải thân thiện với thiết bị di động để có hiệu quả trên Công cụ Tìm kiếm Di động. Lưu ý rằng một trang web không thân thiện với thiết bị di động cũng sẽ không có bất kỳ tác động nào đến các công cụ tìm kiếm thông thường.
Trong chương này, chúng ta sẽ xem cách làm cho trang web thân thiện với thiết bị di động để đảm bảo khách truy cập vào trang web từ thiết bị di động có trải nghiệm được tối ưu hóa.
SEO trên thiết bị di động là gì?
Tối ưu hóa Công cụ Tìm kiếm Di động là quá trình thiết kế trang web để làm cho trang web phù hợp để xem trên các thiết bị di động có kích thước màn hình khác nhau có băng thông thấp. Ngoài việc tuân theo tất cả các quy tắc SEO có thể áp dụng cho trang web trên máy tính để bàn, chúng ta cần phải chú ý thêm khi thiết kế trang web cho thiết bị di động. Một trang web thân thiện với thiết bị di động nếu nó có các thuộc tính sau:
Một trang web di động tốt có thiết kế đáp ứng hoạt động tốt trên máy tính để bàn cũng như thiết bị di động. Nó không chỉ làm giảm việc bảo trì trang web mà còn làm cho nội dung phù hợp với các công cụ tìm kiếm.
Nội dung của một trang web di động tốt dễ đọc trên thiết bị di động mà không cần phải phóng to màn hình. Nó có phông chữ, màu sắc và bố cục thích hợp.
Có thể dễ dàng điều hướng qua một trang web di động tốt trên màn hình nhỏ. Nó cung cấp các liên kết và các nút có thể dễ dàng điều khiển bằng ngón tay.
Một trang web tốt dành cho thiết bị di động có dung lượng nhẹ nên tốn ít băng thông và thời gian hơn để tải trên mạng di động.
Trang chủ của một trang web trên điện thoại di động đóng vai trò quan trọng nhất trong việc kết nối người dùng với nội dung họ đang tìm kiếm. Do đó, các trang web di động tốt đảm bảo các liên kết quan trọng nhất được hiển thị trên Trang chủ để chúng có đủ khả năng hiển thị.
Thứ hạng của một trang web phụ thuộc nhiều vào mức độ thân thiện với người dùng. Bạn có thể làm theo các hướng dẫn dưới đây để thiết kế một trang web thân thiện với thiết bị di động.
Tối ưu hóa trang web của bạn cho điện thoại di động
Nếu trang web của bạn đã được tối ưu hóa cho các công cụ tìm kiếm thì không quá khó để tối ưu hóa nó cho các thiết bị di động. Trước tiên, hãy để chúng tôi hiểu những gì cần thiết để di động. Chúng tôi có thể phân loại các bước thành ba loại lớn -
Step 1 - Chọn cấu hình di động
Step 2 - Thông báo cho Công cụ Tìm kiếm
Step 3 - Tránh những sai lầm phổ biến
Chọn cấu hình di động
Có ba cấu hình di động khác nhau mà bạn có thể chọn -
Step 1 - Thiết kế web đáp ứng
Step 2 - Phục vụ động
Step 3 - Các URL riêng biệt
Mỗi thứ có lợi thế và bất lợi riêng của nó. Google khuyến nghị thiết kế đáp ứng, tuy nhiên nó hỗ trợ cả ba cấu hình. Bảng sau đây cho thấy cách cấu hình di động ảnh hưởng đến URL và mã HTML của bạn:
| Cấu hình di động | URL | HTML |
|---|---|---|
| Thiết kế web đáp ứng | Vẫn như nhau | Vẫn như nhau |
| Phục vụ động | Vẫn như nhau | HTML khác nhau |
| Các URL riêng biệt | Các URL khác nhau | HTML khác nhau |
Thiết kế web đáp ứng
Google khuyến nghị thiết kế web đáp ứng vì đây là cấu hình di động đơn giản nhất và rất dễ thực hiện. Nó phân phát cùng một mã HTML trên cùng một URL, tuy nhiên nó điều chỉnh hiển thị dựa trên kích thước màn hình của thiết bị di động.
Phục vụ động
Phân phát động là một loại cấu hình di động trong đó URL của trang web của bạn không thay đổi nhưng nó phân phát nội dung HTML khác nhau khi được truy cập từ thiết bị di động.
Khi nội dung của bạn được phân phát động từ máy chủ, hãy đảm bảo rằng bạn thông báo cho Google rằng nội dung mà nó đang thu thập thông tin có thể trông khác trên thiết bị di động. Một nhược điểm lớn của phương pháp này là bạn sẽ phải xử lý thêm nội dung của mình ở cấp máy chủ trước khi chuyển nó cho người dùng. Cách tiếp cận này đặt tải không cần thiết lên máy chủ của bạn và làm cho máy chủ chạy chậm.
Các URL riêng biệt
Khi bạn duy trì hai URL khác nhau - một cho người dùng thiết bị di động và một cho người dùng máy tính để bàn - hãy đảm bảo rằng bạn thông báo rõ ràng cho Google khi nào sẽ phân phát phiên bản nào. Google không khuyến nghị các URL riêng biệt vì nó có thể tự động phát hiện rằng các trang trên thiết bị di động của bạn khác với các trang trên máy tính để bàn của bạn.
Cách làm này không thực tế khi bạn có một trang web lớn vì việc duy trì hai phiên bản của cùng một trang web sẽ đòi hỏi gấp đôi công sức và tiền bạc. Đồng thời, bạn không thể tránh được những khác biệt khác nhau trong nội dung của mình khi duy trì hai phiên bản.
Từ quan điểm của SEO, mỗi URL hoạt động riêng biệt. Do đó, xếp hạng trên máy tính để bàn của bạn sẽ không bao giờ được thêm vào xếp hạng trên thiết bị di động và chúng sẽ luôn được coi là các trang web riêng biệt. Chúng tôi khuyên bạn không nên duy trì các URL khác nhau cho các phiên bản dành cho thiết bị di động và máy tính nếu bạn muốn thu được lợi ích của SEO.
Thông báo cho Công cụ Tìm kiếm
Đảm bảo Google và các công cụ tìm kiếm khác hiểu cấu hình di động của bạn. Quan trọng nhất, Google phải hiểu trang của bạn để có thể xếp hạng trang web của bạn đúng cách. Cách bạn thông báo cho Google phụ thuộc vào cấu hình di động nào - thiết kế web đáp ứng, phân phát động hoặc các URL riêng biệt - bạn đã chọn.
Trong trường hợp trang web của bạn có responsive design,Các thuật toán của Google có thể hiểu nó một cách tự động mà bạn không cần phải thông báo cho Google. Khi bạn có thiết kế đáp ứng, chỉ cần đảm bảo rằng bạn có thẻ meta sau trong tiêu đề trang web của mình -
<meta name="viewport" content="width=device-width, initial-scale=1.0">Chế độ xem quyết định cách trang web của bạn sẽ được hiển thị trên thiết bị. Trang web có thiết kế đáp ứng sẽ thay đổi kích thước của nó dựa trên kích thước của màn hình thiết bị. Khai báo chế độ xem để trang web của bạn hiển thị chính xác trên mọi thiết bị.
Nếu trang web của bạn là dynamically served, đảm bảo rằng bạn cho phép Google phát hiện cấu hình của bạn bằng cách sử dụng tiêu đề Vary HTTP -
Vary: User-AgentCác Varytiêu đề quan trọng để cho các công cụ tìm kiếm biết rằng các nội dung khác nhau sẽ được phân phát trên máy tính để bàn và thiết bị di động. Tiêu đề này thực sự quan trọng khi nội dung của bạn được phân phối bởi bất kỳ hệ thống bộ nhớ cache nào nhưContent Delivery Network và những hệ thống đó sẽ sử dụng tiêu đề này trong khi cung cấp nội dung trên các thiết bị khác nhau.
Trong trường hợp bạn duy trì separate URLs, ví dụ, example.com và m.example.com, thì bạn có thể thông báo cho Google bằng cách thêm một link rel=alternate trong phiên bản máy tính để bàn của bạn và ngược lại như sau.
Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >Tránh những sai lầm phổ biến
Để tối ưu hóa trang web của bạn cho thiết bị di động, hãy đảm bảo bạn tránh mắc phải những sai lầm sau:
Slow Mobile Pages- Mạng di động chậm hơn so với mạng Internet có dây, vì vậy điều quan trọng là phải chú ý đến tốc độ tải các trang trên thiết bị di động của bạn. Đây là một yếu tố xếp hạng quan trọng của Google. Sử dụng công cụ SEO trên thiết bị di động để tìm ra tốc độ trang trên thiết bị di động của bạn. Google cung cấp một số công cụ tốt mà bạn có thể sử dụng. Duyệt qua liên kết sau -https://www.google.com/webmasters/tools/mobile-friendly/
Don't Block CSS and JavaScript- Google khuyến nghị sử dụng CSS và Javascrip nội tuyến cho các trang web thân thiện với thiết bị di động để chúng có thể được tải xuống cùng với nội dung. Vì vậy, nếu bạn không có nhiều CSS, thì hãy cố gắng điều chỉnh nó trong chính thẻ; nhưng nếu bạn đang sử dụng nhiều CSS trong các tệp riêng biệt, thì hãy thử đưa nó vào dưới cùng, điều này sẽ ngăn chặn việc tải xuống nội dung khác. Quy tắc tương tự cũng áp dụng cho Javascript, quy tắc này có thể được giữ bên trong chính trang hoặc được đưa vào cuối trang. Nếu bạn có thể tránh đưa tệp vào đầu trang, thì hãy sử dụngasync trong khi bao gồm chúng.
<script async type="text/javascript" src="jquery.js"></script>Mobile Redirects- Vì mạng di động thường chậm, nên quá nhiều chuyển hướng có thể làm giảm tốc độ trang của bạn. Nếu bạn đang duy trì nhiều URL, hãy đảm bảo rằng tất cả các liên kết của bạn đều trỏ đến các trang có liên quan. Trong trường hợp bạn duy trì nhiều URL và bạn nhận ra người dùng đang truy cập trang dành cho máy tính để bàn từ thiết bị di động và bạn có trang di động tương đương tại một URL khác, thì hãy chuyển hướng người dùng đến URL đó thay vì hiển thị lỗi 404.
Heavy Images- Hình ảnh nặng làm tăng thời gian tải, tuy nhiên chúng ta không thể loại bỏ chúng hoàn toàn vì chúng rất hữu ích và hiệu quả. Do đó bạn nên duy trì sự cân bằng tốt giữa văn bản và hình ảnh nặng. Sử dụng một công cụ tốt để tối ưu hóa hình ảnh của bạn và lưu chúng ở độ phân giải thấp để tránh tải nặng.
Avoid plug-ins and pop-ups- Các trình cắm như Flash và Java có thể không khả dụng trên thiết bị di động của người dùng. Luôn đảm bảo rằng bạn không có bất kỳ nội dung không thể phát nào trên trang di động của mình. Tránh sử dụng cửa sổ bật lên trên các trang di động vì việc đóng cửa sổ bật lên này trên thiết bị di động trở nên khá vụng về.
Trong khi tạo trang dành cho thiết bị di động, hãy luôn nhớ rằng người dùng có không gian hạn chế để làm việc. Vì vậy, bạn cần càng ngắn gọn càng tốt khi tạo tiêu đề, URL và mô tả meta - tất nhiên là không ảnh hưởng đến bản chất hoặc chất lượng của thông tin.
Công cụ hữu ích
Dưới đây là danh sách một số công cụ hữu ích mà bạn có thể sử dụng để tìm hiểu mức độ thân thiện với thiết bị di động của trang web -
Google Webmaster Tools - Sử dụng các công cụ và kỹ thuật có sẵn của Google để hiểu những gì nên sử dụng và những gì nên tránh khi thiết kế trang web trên máy tính để bàn cũng như trên thiết bị di động.
Mobile Emulator - Nó cho phép bạn xem cách trang web của mình xuất hiện trên nhiều loại thiết bị di động.
Moz Local - Sử dụng công cụ này để đảm bảo rằng SEO địa phương của bạn theo thứ tự.
Responsive Web Design Testing Tool - Sử dụng công cụ này để xem trang web đáp ứng của bạn trông như thế nào trên nhiều thiết bị di động có kích thước màn hình tiêu chuẩn khác nhau.
Screaming Frog - Đây là một công cụ hữu ích cho phép bạn phân tích trang web của mình và kiểm tra lại tất cả các chuyển hướng.
User Agent Switcher - Đây là một tiện ích bổ sung của Firefox mà bạn có thể sử dụng để tìm hiểu trang web của mình trông như thế nào khi được truy cập từ một tác nhân người dùng khác.