Kỹ thuật SEO trên thiết bị di động

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ọ. Nhằm mục đích thu hút nhiều người xem hơn.

Phiên bản trên máy tính của một trang web có thể khó xem khi sử dụng trên 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 di động có thể đọc được và sử dụng được ngay lập tức.

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 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 phần 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.

Table of Contents

SEO trên thiết bị di động là gì?

Tối ưu hóa SEO trên di động là quá trình thiết kế 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 với băng thông thấp. Ngoài việc tuân theo 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:

Các thuộc tính giúp Website thân thiện SEO trên thiết bị di động

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 tốt qua một trang web di động 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 các mạng di động.
Trang chủ của trang web dành cho thiết bị 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 của 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 để SEO trên thiết bị 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. Nó sẽ 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 ta hiểu những gì cần thiết để di động. Tôi có thể phân loại các bước thành ba loại lớn :

Bước 1 – Chọn cấu hình di động
Bước 2 – Thông báo cho Công cụ Tìm kiếm
Bước 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

1 – Thiết kế web đáp ứng
2 – Cung cấp động
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 (Responsive Web Design)	Như nhau	Như nhau
Phân phát động (Dynamic Serving)	Như nhau	Khác HTMLs
Các URL riêng biệt (Separate URLs)	Khác URLs	Khác HTMLs

Thiết kế web đáp ứng (Responsive Web Design)

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ân phát động (Dynamic Serving)

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ối độ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ăng tải không cần thiết lên máy chủ của bạn. Đồng thời nó làm cho máy chủ chạy chậm đi.

Các URL riêng biệt (Separate URLs)

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 về thời điểm phân phát phiên bản nào. Google không đề xuất 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 tiếp cận 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 tận dụng các lợi ích của SEO.

Thông báo cho Công cụ Tìm kiếm

Đảm bảo rằng Google và các công cụ tìm kiếm khác hiểu cấu hình điện thoại 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 một cách chính xác. 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.

Thiết kế đáp ứng

Trong trường hợp trang web của bạn có thiết kế đáp ứng, các thuật toán của Google có thể tự động hiểu nó 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 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ị.

Phân phát động

Nếu trang web của bạn được phân phát động, hãy đả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-Agent

Vary header rất 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 và thiết bị di động. Tiêu đề (header) này thực sự quan trọng khi nội dung của bạn được phân phát bởi bất kỳ hệ thống bộ đệm nào như Mạng phân phối nội dung (Content Delivery Network) và những hệ thống đó sẽ sử dụng tiêu đề này trong khi phân phát nội dung trên các thiết bị khác nhau.

Các URL riêng biệt

Trong trường hợp bạn duy trì các URL riêng biệt. Ví dụ: example.com và m.example.com. Bạn có thể thông báo cho Google bằng cách thêm thẻ liên kết đặc biệt rel = alternate trong phiên bản máy tính và ngược lại như sau.

Trang máy tính để bàn phải có phần sau trong tiêu đề của nó:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Trang dành cho thiết bị di động phải có phần sau trong tiêu đề của nó:
<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 phạm 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 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 hiểu 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/

Đừng block CSS & JavaScript

Google khuyên bạn nên 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 thẻ chính. Nhưng nếu bạn đang sử dụng nhiều CSS trong các tệp riêng biệt. 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 bao gồm tệp ở đầu trang, thì hãy sử dụng thuộc tính async 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 một trang trên máy tính để bàn từ thiết bị di động. Và bạn có một 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.

Tránh các plug-in và pop-up

Các plugin 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 dành cho thiết bị di động của bạn. Tránh sử dụng cửa sổ bật lên trên các trang dành cho thiết bị 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 phải ngắn gọn nhất có thể trong 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 giúp bạn SEO trên thiết bị di động. 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 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. Bạn có thể sử dụng để tìm hiểu xem 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.