Chỉ mục ưu tiên thiết bị di động

Trích dẫn:

Không phải loài mạnh mẽ nhất mới tồn tại, mà là loài có khả năng thích nghi với sự thay đổi tốt nhất.
— Được cho là của Charles Darwin

Internet vẫn còn tương đối mới mẻ và đang tiếp tục phát triển. Khi người dùng tìm kiếm trên Internet, họ không còn ngồi trước máy tính và gõ các truy vấn tìm kiếm được soạn thảo cẩn thận. Kể từ năm 2017, khoảng một nửa số người dùng Internet đã chuyển sang sử dụng thiết bị di động thay vì máy tính để tìm kiếm trên Internet.

Khi người dùng thay đổi cách thức tìm kiếm trên Internet, các công cụ tìm kiếm cũng phải điều chỉnh cách thức lập chỉ mục nội dung để hiển thị kết quả phù hợp và hữu ích nhất. Điều này có nghĩa là bạn phải liên tục điều chỉnh cách tổ chức và trình bày thông tin trên trang web của mình nếu muốn xếp hạng cao hơn trong kết quả tìm kiếm.

Mặc dù có sự khác biệt giữa các khu vực, khoảng một nửa số người dùng trên toàn cầu là Truy cập Internet bằng cách sử dụng một di động thiết bị, theo Statista.

Điều này thể hiện sự gia tăng đáng kể so với khoảng 30%. trong Năm 2015. Nếu trang web của bạn được thiết kế cho máy tính để bàn hoặc bạn không có trang web thân thiện với thiết bị di động, bạn có thể mong đợi thấy trang web của mình trên công cụ tìm kiếm. xếp hạng Kết quả giảm dần theo thời gian.

Các trang web ban đầu được phát triển với giả định rằng người dùng sẽ truy cập Internet từ máy tính để bàn. Điều này đã cho phép các công ty Xây dựng các trang web chứa logic lập trình phức tạp, được tải và xử lý bởi trình duyệt trên máy tính để bàn một cách nhanh chóng.

Tuy nhiên, khi người dùng chuyển sang sử dụng điện thoại di động và máy tính bảng, các trang web này thường không thể được tải và xử lý nhanh chóng bởi trình duyệt trên thiết bị di động.
Do đó, một số công ty đã tạo ra các phiên bản “nhẹ” của trang web của họ, có thể được tải và xử lý bởi thiết bị di động trong thời gian hợp lý. Để tạo ra các phiên bản này, các công ty thường phải loại bỏ nhiều tính năng và khả năng của phiên bản desktop.

Khi người dùng truy cập vào một trang web, trang web sẽ xác định loại thiết bị đang được sử dụng và cung cấp một bộ trang web khác nhau cho người dùng thiết bị di động so với người dùng máy tính để bàn.

Hãy tưởng tượng bạn đang thực hiện một tìm kiếm trên Google bằng điện thoại di động và xem kết quả tìm kiếm chính xác là gì Bạn đang tìm kiếm. Tuy nhiên, khi bạn nhấp vào kết quả tìm kiếm, bạn không nhận được những gì mà kết quả tìm kiếm đã chỉ ra. Thay vào đó, bạn nhận được một phiên bản bị cắt giảm so với những gì bạn mong đợi, vì trang web đã hiển thị cho bạn một bộ trang web khác khi xác định rằng bạn đang sử dụng thiết bị di động.

Người dùng trung bình đổ lỗi cho Google về sự thiếu sót này vì nội dung không khớp với những gì được mô tả trong kết quả tìm kiếm.

Chính vì lý do này, Google đã công bố chiến lược lập chỉ mục ưu tiên thiết bị di động vào tháng 3 năm 2018. Thay vì lập chỉ mục phiên bản desktop của các trang web, Google bắt đầu lập chỉ mục phiên bản di động. Vào tháng 7 năm 2018, Google cũng bắt đầu sử dụng tốc độ tải trang trong xếp hạng tìm kiếm trên thiết bị di động, có nghĩa là ưu tiên các trang web tải nhanh trên thiết bị di động khi xếp hạng kết quả tìm kiếm so với những trang web tải chậm hơn. Điều này không có nghĩa là các trang web không có phiên bản di động không được lập chỉ mục, nhưng nó có nghĩa là các trang web tải nhanh, thân thiện với thiết bị di động có khả năng xếp hạng cao hơn trong kết quả tìm kiếm của Google so với các trang web tải chậm, nặng nề yêu cầu máy tính để bàn.

Một chiến lược lập chỉ mục ưu tiên thiết bị di động của Google thường đòi hỏi phải thiết kế lại hoàn toàn trang web của bạn. Thiết kế này sẽ tập trung vào thiết bị di động và sau đó được điều chỉnh cho các nền tảng khác như máy tính để bàn. Thiết kế lập chỉ mục ưu tiên thiết bị di động thường đơn giản và súc tích, sử dụng các hình dạng hình học, màu sắc tươi sáng, typography mạnh mẽ và không gian trắng làm các yếu tố thiết kế.

Thiết kế đặt các yếu tố kêu gọi hành động (call-to-action) ở vị trí nổi bật, đồng thời tích hợp các phương thức giao tiếp hiện đại như chat và chatbot. Không cần phải nói, một trang web được Google lập chỉ mục ưu tiên thiết bị di động sẽ tải nhanh chóng và luôn được theo dõi để duy trì hoặc cải thiện tốc độ.

Nếu bạn chưa sẵn sàng cho một thiết kế lại hoàn toàn theo chiến lược "mobile-first" cho trang web của mình, bạn có thể điều chỉnh trang web hiện tại để trở nên thân thiện với thiết bị di động. Vì bạn vẫn đang sử dụng phiên bản desktop và điều chỉnh nó cho thiết bị di động thay vì ngược lại, điều này kỹ thuật không phải là chiến lược "mobile-first" của Google. Tuy nhiên, đây là một bước thực tế trên con đường hướng tới thiết kế trang web theo chiến lược "mobile-first", giúp trang web của bạn xuất hiện như một trang web "mobile-first" đối với các công cụ tìm kiếm.

Khi bạn điều chỉnh trang web hiện tại của mình để phù hợp với môi trường di động ưu tiên của Google, mục tiêu chính là cung cấp cùng một nội dung cho tất cả người dùng, bất kể họ sử dụng thiết bị nào.

Tuy nhiên, cách trình bày và định dạng nội dung sẽ khác nhau tùy thuộc vào kích thước màn hình được sử dụng để xem nó. Trong quá trình chuyển đổi này, việc bao gồm một số tính năng bổ sung, chẳng hạn như các tùy chọn menu hoặc nút bấm, chỉ xuất hiện khi trang web được truy cập bằng máy tính vẫn được chấp nhận. Ngay cả Google cũng làm điều này.

May mắn thay, có những công cụ giúp việc chuyển đổi sang giao diện thân thiện với thiết bị di động trở nên dễ dàng hơn bao giờ hết. Và có những công cụ cho phép bạn đo lường thành công của mình và xác định những lĩnh vực vẫn cần cải thiện.

Để chuyển đổi sang một trang web thân thiện với thiết bị di động hoặc trang web ưu tiên di động của Google, từ khóa bạn cần nắm vững là "responsive". Thiết kế web responsive là một phương pháp tự động điều chỉnh cách hiển thị của trang web theo nền tảng, hướng màn hình và kích thước màn hình hoặc cửa sổ của người dùng.

Hãy tưởng tượng một trang web đang mở trên máy tính để bàn của bạn và hiển thị trên màn hình máy tính. Khi bạn nhấp vào góc cửa sổ và kéo nó để thu nhỏ cửa sổ, điều gì sẽ xảy ra? Trên một trang web không tương thích với thiết bị di động, không có gì xảy ra. Bạn chỉ đơn giản là cắt bỏ mọi thứ từng hiển thị và bây giờ bạn phải cuộn trái phải để xem nội dung đó.

Trên một trang web đáp ứng, trang web sẽ tự động điều chỉnh bố cục khi cửa sổ xem của bạn đạt đến một số kích thước nhất định để đảm bảo tất cả nội dung vẫn hiển thị trong cửa sổ đó. Thay vì hiển thị nội dung song song, chúng được xếp chồng theo chiều dọc. Mặc dù bạn có thể phải cuộn xuống trang để xem toàn bộ nội dung, nhưng nội dung bạn thấy sẽ nằm gọn trong cửa sổ xem và bạn không cần phải cuộn sang trái hoặc phải để xem nó.

Nếu bạn sử dụng hệ thống quản lý nội dung (CMS) như WordPress, bạn nên sử dụng một chủ đề đáp ứng. Nếu chủ đề hiện tại của bạn không phải là chủ đề đáp ứng và có phiên bản mới hơn, đáp ứng sẵn có, hãy nâng cấp lên phiên bản đó. Nếu không có phiên bản đáp ứng nào tồn tại, hãy chuyển sang một chủ đề đáp ứng.

Hầu hết công việc nặng nhọc sẽ được chủ đề thực hiện giúp bạn. Bạn cần kiểm tra cách các trang responsive hiển thị trên các thiết bị di động khác nhau và xác định xem có cần điều chỉnh cách trình bày một số thông tin không hiển thị tốt trên các trang responsive hay không.

Nếu bạn không sử dụng hệ thống quản lý nội dung (CMS), hãy bắt đầu sử dụng bộ công cụ như Bootstrap. Bootstrap là một bộ công cụ mã nguồn mở dành cho phát triển web sử dụng HTML, CSS và JavaScript. Nó giúp bạn xây dựng các trang web tương thích với thiết bị di động, được Google ưu tiên lập chỉ mục cho thiết bị di động, thông qua hệ thống lưới tương thích với thiết bị di động, các thành phần giao diện người dùng đã được xây dựng sẵn và các plugin.

Để kiểm tra thiết kế mới của bạn, hãy truy cập công cụ Kiểm tra Tương thích Di động của Google và nhập URL trang web của bạn. Bạn sẽ nhận được một báo cáo cho biết mức độ tương thích di động của trang web, kèm theo các đề xuất cụ thể để cải thiện điểm số của bạn.

Dù bạn có trang web dành cho máy tính để bàn, trang web thân thiện với thiết bị di động hay trang web ưu tiên thiết bị di động, giả định hiện nay là trang web của bạn sẽ tải nhanh. Mặc dù việc thảo luận về tất cả các yếu tố ảnh hưởng đến tốc độ tải trang web nằm ngoài phạm vi của bài viết này, vẫn có một số yếu tố thiết kế có thể làm chậm đáng kể tốc độ tải trang web mà bạn cần lưu ý.

May mắn thay, hầu hết các chủ đề và bộ công cụ đáp ứng đều bao gồm các tính năng giúp giải quyết một phần các vấn đề này, từ đó giúp trang web của bạn tải nhanh hơn trên thiết bị di động.

Khi bạn truy cập một trang web, trang web đó sẽ tải mã nguồn của trang mà bạn đang xem vào bộ nhớ của thiết bị di động của bạn, sau đó xử lý mã nguồn đó để định dạng và hiển thị trang trên thiết bị của bạn. Khi bạn nhấp vào một liên kết để chuyển sang trang tiếp theo, trang web sẽ xóa trang bạn đang xem và tải trang tiếp theo vào bộ nhớ. Càng nhiều dữ liệu cần tải, thời gian để tải, truyền qua Internet và tải vào thiết bị của bạn càng lâu.

Càng nhiều mã nguồn cần xử lý, thời gian để định dạng và hiển thị nội dung đã tải lên màn hình của bạn càng lâu. Điều đó có nghĩa là nếu bạn tải ít hơn và xử lý ít hơn, trang web của bạn thường sẽ tải nhanh hơn.

Tệp hình ảnh thường là nguyên nhân chính khiến trang web tải chậm. Độ phân giải hình ảnh càng cao, tệp càng lớn và thời gian tải càng lâu. Hãy lựa chọn độ phân giải phù hợp với nhu cầu hiển thị hình ảnh và nén hình ảnh để tải nhanh hơn.

Tùy thuộc vào định dạng bạn sử dụng, bạn có thể nén hình ảnh mà không làm giảm chất lượng hoặc có thể làm giảm chất lượng. Những hình ảnh được nén mà làm giảm chất lượng thường có kích thước nhỏ hơn nhiều so với những hình ảnh giữ nguyên chất lượng.

Trình duyệt của bạn sẽ bắt đầu định dạng trang web khi dữ liệu được tải. Tuy nhiên, một số mã sẽ buộc trình duyệt ngừng định dạng và chờ đợi mã tiếp theo hoặc thậm chí chờ đợi toàn bộ trang web được tải xong trước khi tiếp tục nhiệm vụ định dạng của mình.

Điều này được gọi là chặn. Trong phạm vi có thể, bạn muốn giảm kích thước của mã được tải và loại bỏ bất kỳ mã chặn nào. Một cách để giảm kích thước mã là nén nó bằng cách loại bỏ các bình luận và khoảng trắng thừa.

Những điều này rất quan trọng đối với lập trình viên để hiểu mã nguồn, nhưng chúng không cần thiết cho trình duyệt để xử lý mã. Nếu bạn không thể nén mã, một số máy chủ web sẽ gửi phiên bản nén của mã đến trình duyệt của bạn, trình duyệt sẽ tải phiên bản nhỏ hơn và sau đó giải nén nó.

Khi bạn xem một trang web, bạn chỉ thấy phần của trang nằm trong khung xem của mình. Nếu trình duyệt của bạn tải và định dạng nội dung hiển thị trong khung xem trước tiên, nó có thể tiếp tục tải và định dạng dữ liệu khác ở chế độ nền cho đến khi trang web được tải hoàn tất.

Đối với bạn, trang web dường như tải rất nhanh và bạn không nhất thiết phải nhận ra rằng nó vẫn đang tiếp tục tải và định dạng nội dung trừ khi bạn phải chờ đợi lâu khi cố gắng cuộn xuống.

Một trang trên trang web Google Developers có tên "Make the Web Faster" cung cấp Mẹo, tốt nhất-Các lời khuyên và tài nguyên để giúp trang web của bạn tải nhanh hơn. Một công cụ chính trong bộ công cụ đó được gọi là Tốc độ trang Thông tin chi tiết. PageSpeed Insights cho bạn biết những gì xảy ra từ thời điểm bạn bắt đầu tải trang web của mình cho đến khi nó được tải xong, định dạng và hiển thị trên thiết bị di động hoặc máy tính để bàn.

Điều này giúp bạn xác định nguyên nhân khiến trang web của bạn tải chậm hơn, từ đó biết được cần thay đổi gì. Công cụ này thường cung cấp cho bạn các đề xuất cụ thể về cách cải thiện hiệu suất và thậm chí cung cấp cho bạn các phiên bản tối ưu hóa của các tệp hình ảnh, giúp chúng tải nhanh hơn.

Ngay cả khi bạn không thể làm Một thiết kế thực sự ưu tiên thiết bị di động của Google hiện nay, bạn có thể làm cho trang web của mình trông như được thiết kế ưu tiên cho thiết bị di động bằng cách sử dụng các trang web đáp ứng và giảm thời gian tải và hiển thị trang web của bạn. Hai chiến lược này có thể không dẫn đến thứ hạng cao hơn trên công cụ tìm kiếm vì chúng là bắt buộc, nhưng chúng nên giúp bạn tránh bị bị phạt Vì không áp dụng phương pháp ưu tiên thiết bị di động.