Tạo và định dạng nội dung trên trang web của bạn là một quá trình thú vị, sáng tạo và cực kỳ quan trọng trong ngành giáo dục. Tuy nhiên, bên cạnh giao diện được thiết kế ấn tượng, rất nhiều vấn đề khác đằng sau hậu trường có thể đã bị bỏ lỡ. Việc ý thức được những vấn đề sau đây trong khi thiết kế trang web, ví dụ như về các phương pháp hay nhất cho khả năng thích ứng trên máy tính hay thiết bị di động, khả năng truy cập, các hành vi phổ biến của người dùng và khả năng hiển thị của công cụ tìm kiếm,v.v… sẽ giúp bạn nâng cao trải nghiệm và mức độ tương tác trên trang web của mình cho tất cả học viên khi truy cập.
Nếu bài Blog trước đã nói về những lỗi định dạng cơ bản trong việc thiết kế website thì trong bài blog này, chúng ta sẽ đi sâu vào 9 lỗi về điều hướng và thiết lập Accordion có thể cản trở khách truy cập trang web, công cụ tìm kiếm để tìm hoặc trải nghiệm nội dung của bạn.
Để xem Phần 1, các bạn có thể nhấn vào đây: Tổng hợp 19 lỗi websites mà các trường học hay gặp phải và cách để khắc phục (Phần 1)
1. Sử dụng Accordion quá mức
Accordion là một thuật ngữ trong lập trình có thể hiểu là một danh sách được sắp xếp theo chiều dọc hay chiều ngang có chức năng để hiển thị hay ẩn nội dung. Accordion rất hay được ứng dụng khi trang của bạn có nhiều nội dung về nhiều mảng khác nhau. Việc sử dụng Accordion sẽ khiến cho website trở nên gọn gàng và người dùng cũng sẽ dễ dàng tìm tới nội dung mà họ muốn đọc. Tuy nhiên, mọi thứ có thể đi lệch khỏi “đường ray” khi nhiều nhóm thông tin nhỏ được đặt vào một bộ accordion.
Hậu quả là gì?
- Trải nghiệm người dùng không tốt
Nếu mỗi bảng điều khiển của accordion có ít hơn ba câu với kích thước hợp lý, chi phí của tất cả các lần nhấp chuột đó cho quá ít thông tin là quá cao.
Làm thế nào để khắc phục?
- Bỏ hẳn accordion. Nhóm tất cả nội dung trong một bộ tiêu đề/cặp văn bản hỗ trợ đẹp mắt và cho phép khách truy cập đọc lướt các chủ đề theo cách đó.
- Nếu bạn muốn làm nổi bật từng phần một, hãy xem xét kiểu chú thích hoặc sắp xếp nội dung thành các dòng nhỏ gồm 3-4 chủ đề để tăng thêm sự quan tâm một cách trực quan.
Minh họa accordion trên trang
2. Bộ Accordion quá lớn chiếm lấy toàn bộ trang
Nó thường được sử dụng trong loại trang FAQ chứa nhiều câu hỏi. Điều này tạo ra một trang toàn những khung nội dung khổng lồ mà khách truy cập của bạn phải cố gắng quét qua và quyết định panel nào họ thực sự cần mở
Hậu quả là gì?
- Trải nghiệm người dùng không tốt: Các tiêu đề panel này quá rắc rối để xem và tốn nhiều thời gian để quét.
Làm thế nào để khắc phục?
- Có thể thực hiện tốt FAQ, cổng thông tin hoặc trang khác có sử dụng accordions. Bí quyết ở đây là tập hợp chúng trong các nhóm chủ đề liên quan để khách truy cập có thể nhanh chóng xác định những chủ đề quan trọng nhất đối với họ. Sử dụng các tiêu đề và các yếu tố bố cục để phân nhóm thành các tập hợp nhỏ hơn trên trang. Đồng thời, nhóm các câu hỏi theo chủ đề liên quan như học thuật, tuyển sinh, chính sách nhà trường, nội trú / đời sống sinh viên, học phí / hỗ trợ tài chính.
- Ngay cả trong bộ 8-9 panel, không được sắp xếp theo thứ tự bảng chữ cái. Hãy nhóm các câu hỏi theo loại / chủ đề.
- Với một nhóm những thông tin ít hơn, bạn có thể để một trang câu hỏi tồn tại mà không có accordion. Chỉ cần đảm bảo vẫn nhóm theo chủ đề bằng cách sử dụng thẻ tiêu đề thích hợp.
3. Lồng quá nhiều yếu tố tương tác với nhau
Thật hấp dẫn khi cố gắng thu thập và sắp xếp thông tin đến mức toàn diện nhất. Tuy nhiên, thật căng não khi mỗi lần nhấp vào accordion hoặc tab nào đó lại có quá nhiều thông tin trong đó, dẫn đến phức tạp và “hỗn độn”. Điều này đúng đối với accordions trong tab, accordions trong accordions, tab trong accordions, tab trong tab, bảng cuộn bên trong accordions hoặc tab, v.v…
Hậu quả là gì?
- Không xem xét giá trị thời gian của khách truy cập
Tất cả khách truy cập đều có một số nỗ lực nhất định mà họ sẵn sàng bỏ ra (chi phí) trước khi nhận được những gì họ đang tìm kiếm từ bạn (giá trị). Việc lồng nhiều yếu tố lại với nhau sẽ khiến khách hàng phải trải qua vô vàn lần nhấp chuột trước khi họ có thể đến được tới giá trị, dẫn đến nguy cơ bạn mất sự chú ý của họ.
Làm thế nào để khắc phục?
- Loại bỏ ít nhất một tập hợp các lựa chọn / nhấp chuột và sử dụng các tiêu đề chuẩn trong luồng thông thường của trang cho tập hợp các nhóm đầu tiên. Khách truy cập sẽ quét các tiêu đề đó trước và sau đó truy cập vào bộ accordion / tab mà họ thực sự cần đến
4. Chuyển hướng Trang đầu tiên của Website Section thành Subpage
Khách truy cập và các công cụ tìm kiếm đều mong đợi một đường dẫn trực quan từ trang chủ đến nội dung bên trong. Thanh điều hướng chính của bạn phải nhanh và trực tiếp nhất đến nội dung chất lượng cao, giúp khách hàng hài lòng khi biết rằng họ đang ở đúng nơi. Điều này đặc biệt quan trọng đối với khách truy cập mới.
Hậu quả là gì?
- SEO
Google đang lập mục trang web của bạn vào một luồng nội dung giống như một cây phả hệ. Việc trang đầu tiên thiếu nội dung và chỉ định tuyến đến trang cấp 2 hoặc 3 sẽ làm giảm giá trị của thông tin trên trang web của bạn.
- Trải nghiệm người dùng không tốt
Tự động chuyển hướng khách truy cập đã nhấp vào liên kết đầu tiên làm khách hàng mất phương hướng. Ví dụ: nếu khách truy cập nhấp vào mục “Đăng ký” ở thanh trên cùng, họ đã chọn đó làm đường dẫn thay vì bất kỳ trang nào khác có sẵn cho họ trong drop-down menu bên dưới. Việc định tuyến lại họ đến “Cách đăng ký” hoặc “Quy trình tuyển sinh” đang đẩy họ xuống phễu quá nhanh. Chính khách truy cập đó cũng có thể cố gắng nhấp vào trang mà họ đang ở trong menu phụ của phần này. Trang họ đang tải lại, tạo vòng điều hướng có thể khiến họ cho rằng có gì đó bị hỏng.
Làm thế nào để khắc phục?
- Xóa chuyển hướng khỏi trang đầu tiên và đặt nội dung có giá trị đích thực trên đó.
- Không chuyển hướng các trang sub-level đến landing page từ danh sách điều hướng. Nếu bạn cần liên kết từ một trang sub-level, hãy làm điều đó trong phần nội dung của trang.
5. Tạo Trang trống có Trang phụ
Một trang trống thông báo khách truy cập đang không ở đúng nơi. Tuy nhiên, một số trường học dựa vào các trang trống như một cách để tạo điều kiện cho trải nghiệm điều hướng. Đây không phải là phương pháp hay nhất vì bạn đang phụ thuộc quá nhiều vào khách truy cập để tìm ra những điều cần làm tiếp theo. Họ cần định hướng rõ ràng trong khi bạn lại muốn họ hành động.
Hậu quả là gì?
- SEO
Các trang trống không mang lại giá trị gì cho xếp hạng tìm kiếm của bạn
- Trải nghiệm người dùng không tốt
Một trang trống xuất hiện một cách thiếu suy nghĩ hay bị hỏng đều khiến khách truy cập cho rằng bạn không có thông tin họ cần và điều đó khiến họ bỏ đi.
Khách truy cập có thể sẽ không để ý thấy menu điều hướng phụ nếu trang bị trống. Đặc biệt là trên thiết bị di động, nơi những loại menu này thường được thu gọn trước và yêu cầu nhấp / nhấn để mở rộng chúng.
Làm thế nào để khắc phục?
- Hợp nhất các sub-page thành trang chính. Giảm số lần nhấp cần thiết để nhận được thông tin mà khách truy cập của bạn cần.
- Nếu có quá nhiều thông tin cần tổng hợp (trên 500 từ cho mỗi chủ đề phụ), hãy đặt tên chủ đề, kèm theo một bản tóm tắt ngắn gọn về chúng và liên kết đến trang phụ trong trang chính. Ít nhất thì điều này sẽ giúp khách truy cập lướt qua được các chủ đề có sẵn và chọn chủ đề họ cần, bất kể thiết bị họ dùng là gì (máy tính bàn, thiết bị di động,…).
6. Sử dụng Màu Liên kết Mặc định trên Văn bản Không được Liên kết
Ngoại trừ các tiêu đề, bạn không nên sử dụng màu trùng với màu liên kết văn bản mặc định của bạn. Thông thường văn bản có chứa liên kết sẽ có màu xanh như: 7 Ý tưởng cho bản tin email của trường học , tuy nhiên nếu bạn cho đoạn văn bản không có liên kết có màu sắc tương tự sẽ gây cho khách hàng hiểu lầm đoạn văn bản đó sẽ điều hướng đến một nơi nào đó.
Hậu quả là gì?
Gây ra sự thất vọng cho khách truy cập, những người có thể nghĩ rằng văn bản đó chứa một liên kết bị hỏng.
7. Sử dụng đại trà dòng chữ “Nhấp vào đây”
Mọi liên kết đều có hai mặt: lời đề nghị / kỳ vọng về kết quả và điểm đến. Khi phần ưu đãi của liên kết được sử dụng bằng văn bản chung chung, lỗi thời, chẳng hạn như “nhấp vào đây”, “tại đây”, “nhấp vào”, “thêm thông tin” hoặc các cụm từ tương tự khác, nó tạo ra ba vấn đề:
- Khả năng tiếp cận
Một số công cụ đọc màn hình, chẳng hạn như thanh công cụ AudioEye’s Ally cung cấp cho khách khiếm thị danh sách tất cả các liên kết trên trang. Điều này thật tuyệt vời, trừ khi tất cả các liên kết của bạn trong danh sách trông giống như sau:
Đây, Nhấp vào đây, Nhấp vào, Tải xuống, Thông tin khác, Trang.
Vì danh sách các liên kết nằm ngoài ngữ cảnh của văn bản xung quanh thông thường, nên chúng bắt buộc phải mô tả ưu đãi / lý do bạn muốn họ nhấp vào hoặc đích đến.
- Trải nghiệm người dùng không tốt
Đối với những khách truy cập không có trình đọc màn hình, cụm từ loại “nhấp vào đây”, “tại đây”, “nhấp vào”, “thêm thông tin”… đã lỗi thời. Khi khách nhìn vào, họ trở nên phòng bị và cảnh giác.
- SEO
Theo moz.com, cụm từ bạn sử dụng cho văn bản liên kết của mình có ý nghĩa quan trọng đối với các yếu tố liên quan đến công cụ tìm kiếm của trang đích. Văn bản chung chung như “nhấp vào đây” không gửi tín hiệu liên quan mạnh mẽ đến Google.
Làm thế nào để khắc phục?
- Loại bỏ văn bản liên kết chung chung khỏi các trang của bạn, ngoại trừ các liên kết loại “đọc thêm” cho tin tức / bài đăng trên blog.
- Sử dụng văn bản mô tả cho các liên kết của bạn có liên quan đến ngữ cảnh và nội dung của trang đích. Giúp tất cả khách truy cập của bạn, con người và rô bốt SEO hiểu được những gì họ sẽ nhận được hoặc họ sẽ đi đâu nếu nhấp vào liên kết của bạn, chẳng hạn như “tải xuống tài liệu tiếng Anh”, “hướng dẫn chương trình học của chúng tôi”, “quyên góp trực tuyến ngay bây giờ”
8. Mở bài đăng tin tức trang Pop-up mà không có URL chuyên biệt cho mỗi bài đăng
Tin tức và bài đăng trên blog là nội dung quan trọng cho trang web của bạn. Đội ngũ của bạn dành nhiều thời gian để viết chúng và thu thập hình ảnh hoặc video để đưa vào. Mặc dù mở các bài đăng của bạn trong pop-up nhìn có vẻ đẹp và lý tưởng, nhưng chúng lại bỏ lỡ một số tính năng xây dựng danh tiếng tối thiểu.
Hậu quả là gì?
- Trải nghiệm người dùng không tốt
Khách hàng không thể sao chép liên kết trên pop-ups để chia sẻ thông tin đó đến người khác. Và, nội dung pop-up có thể không được dịch bằng các công cụ dịch trang web.
- SEO
Google không thể xem nội dung của bạn trong các pop-ups. Nó không được lập chỉ mục như một trang mà nó có thể phục vụ cho những người tìm kiếm về chính chủ đề bạn đang viết! Điều tốt nhất nó có thể làm là liên kết đến trang chủ của bạn hoặc trang chỉ mục blog. Sau đó để họ lướt về những bài cũ cho đến khi họ tìm thấy nó.
- Marketing
Trang web của bạn và các nhóm quản trị mạng xã hội không thể sao chép liên kết của pop-up để chia sẻ bài đăng blog mới trên các tài khoản mạng xã hội của bạn và dẫn về trang web.
Làm thế nào để khắc phục?
- Nếu CMS trang web của bạn cung cấp nó, hãy điều chỉnh tin tức / bài đăng trên blog của bạn để hiển thị toàn bộ thông tin trong một trang đầy đủ cho phép mọi bài đăng có một URL duy nhất có thể được Google lập chỉ mục, Google Analytics theo dõi và chia sẻ với những người khác qua email hoặc truyền thông xã hội. Các trang web soạn thảo có thể thực hiện điều này trên một trang hoạt động tích cực, vì vậy bạn có thể thiết lập nó một lần và quên nó đi.
Tóm lại, khi thiết kế một trang web, những điều tối thiểu mà bạn cần lưu ý chính là trải nghiệm người dùng, khả năng truy cập của họ như thế nào. Các trung tâm nên chú ý những điều này để có thể thu hút được nhiều học viên và khiến họ thích thú, quan tâm nhiều hơn đến chương trình học của mình. Bỏ qua những điều đó và lặp lại những lỗi như trên khiến ngay cả hiệu suất của trang web của bạn có thể bị ảnh hưởng.