Các yếu tố đơn giản giúp bạn cải thiện sự hài lòng của người đọc trên website sử dụng WordPress [Hướng dẫn tổng quan]
- 09-10-2021
- chuong xuan
- 1 Comment
Có những điều tưởng chừng như nhỏ nhặt khi thuận tiện cho người đọc mà chúng ta dễ dàng bỏ qua, dễ dàng bỏ qua đến mức khó tin. Nhưng có 2 vấn đề:
Mục lục
Font chữ quá nhỏ, kiểu font hoặc màu sắc có vấn đề
Bạn đã bao giờ thấy một trang web có phông chữ quá nhỏ chưa? Bạn phải nheo mắt, thậm chí phóng to một chút. Điều đó càng chắc chắn hơn đối với những người 40-50 tuổi, khi thị lực của họ dần kém đi.
Phông chữ nhỏ chắc chắn ảnh hưởng đến việc người dùng dễ đọc và hiểu nội dung. Nếu trang web của bạn vẫn sử dụng phông chữ từ dưới 14px, tôi nghĩ bạn thuộc nhóm sử dụng phông chữ quá nhỏ.
Cách kiểm tra cỡ chữ, kiểu, màu: Bạn có thể sử dụng tiện ích bổ sung sau của Chrome có tên WhatFont.
Sau khi cài đặt vào Chrome, bạn truy cập vào trang web của mình, sau đó bạn bật nó lên (nhấp vào biểu tượng f?), Sau đó nhấp vào bất kỳ văn bản nào trên trang web để kiểm tra kích thước tương ứng. Ví dụ trang web của tôi:
Mũi tên màu đỏ cho biết kích thước trên trang web của tôi là 20px, trong đó màu là màu (# 000000 là màu đen hoàn toàn, # 111111 sẽ có màu đen ít hơn một chút, #FFFFFF toàn màu trắng, … đây là các mã màu CSS dành cho bài viết). Trong đó Family là một kiểu font chữ, một số font chữ phổ biến hơn những phông chữ khác.
Lời khuyên của tôi:
- Mặc dù màn hình ngày nay có độ phân giải cao hơn nhưng bạn vẫn nên chọn phông chữ sans-serif để dễ nhìn;
- Kích thước phông chữ phải nằm trong khoảng 16px – 24px. Con số thực tế phụ thuộc vào nhiều thứ khác (ví dụ như kiểu phông chữ), nhưng như vậy là đủ để bao gồm hầu hết các trường hợp;
- Màu chữ không được tương phản quá nhiều với nền, ví dụ, màu chữ không được đen hoàn toàn trên nền trắng hoàn toàn. Tôi quan sát thấy nhiều trang web họ thường sử dụng màu chữ cấp độ đen từ # 222222 đến # 444444 trên nền trắng toàn bộ;
- Luôn kiểm tra phông chữ của bạn trên các màn hình khác nhau, các hệ điều hành khác nhau (Máy tính để bàn, Máy tính bảng, Di động; Android, iOS, v.v.) để đảm bảo phát hiện ra các lỗi không mong muốn;
Giải pháp cho website WordPress:
Thật đau đớn khi việc chỉnh sửa phông chữ thủ công đòi hỏi bạn phải có kiến thức về CSS, vốn thuộc về lĩnh vực chuyên môn chứ không phải kiến thức phổ thông.
Để chỉnh sửa bạn vào phần Giao diện (Appearence) rồi đến phần CSS bổ sung, hoặc chỉnh sửa CSS sẽ như sau:
hoặc thế này:
Trên thực tế, một số chủ đề cao cấp (thường phải bỏ tiền ra mua) có khả năng cho người dùng tùy chỉnh phông chữ, chẳng hạn như chọn loại phông chữ, kích thước, màu sắc, v.v.
Bên cạnh phông chữ cho văn bản chính, bạn nên chú ý đến các phông chữ trong các lĩnh vực sau:
- font chữ cho các thẻ tiêu đề h1, h2, h3, v.v.; lưu ý trọng lượng của chúng: font-weight;
- Phông chữ cho nội dung danh sách (có thứ tự hoặc không có thứ tự);
- Phông chữ cho trích dẫn khối (blockquote);
Bảng biểu trên trang quá đơn điệu
Các bảng trên trang có thể quá sơ sài, phông chữ không ấn tượng, đường viền bảng không phân tách rõ ràng, cột và hàng không dễ nhìn.
Đôi khi các bảng cần sắp xếp dữ liệu khi người dùng cần, ví dụ theo thứ tự từ trên xuống hoặc từ dưới lên trên, điều này cũng nằm ngoài khả năng của các bảng mặc định của WordPress.
Giải pháp cho website WordPress:
Về cơ bản có 2 giải pháp. Cách đầu tiên là can thiệp vào CSS thông qua CSS bổ sung. Bạn có thể thử các mẫu CSS bảng đẹp tại đây.
Một cách khác là sử dụng một plugin, chẳng hạn như TablePress – một plugin cho WordPress được đánh giá cao trong việc tạo bảng.
Bạn sẽ có một bảng đẹp và dễ sắp xếp khi cần thiết như sau:
Màu sắc cho liên kết khó nhận diện
Một trong những vấn đề quan trọng nhất trong SEO, cũng như trong việc khám phá nội dung trang web của bạn, là các liên kết nội bộ cũng như các liên kết bên ngoài. Gọi chung là liên kết.
Có một quy tắc ngầm về màu sắc và kiểu dáng của các liên kết đã trở nên phổ biến mà nếu bạn phá vỡ nó, khả năng xảy ra sự cố là rất cao.
Hiện tại hầu hết các liên kết được hiển thị bên ngoài là màu xanh lam. Màu xanh này khá đa dạng từ như thế này hoặc thế này hoặc thế này. Dù đa dạng nhưng tông màu xanh vẫn là chủ đạo, đừng dại mà biến các liên kết của bạn thành màu vàng hoặc đỏ.
Một phong cách khá phổ biến khác là liên kết được gạch chân bên dưới, như thế này. Cái này có trang áp dụng hay không. Cá nhân, một số trang cũng áp dụng gạch chân để chỉ ra các liên kết.
Một số vấn đề quan trọng khác với các liên kết là định dạng của các liên kết trên di chuột và các liên kết đã truy cập.
Lời khuyên của tôi là bạn nên:
- Tạo một kiểu khác khi di chuột qua liên kết, chẳng hạn như thay đổi màu văn bản và / và gạch chân;
- Các liên kết đã được truy cập có lẽ nên thay đổi màu sắc để người dùng dễ nhận biết, đặc biệt là các trang có nhiều liên kết nội bộ, nhưng bạn cũng nên cân nhắc việc thay đổi màu liên kết;
Giải pháp cho website WordPress:
Rất có thể các chủ đề cao cấp cũng cho phép bạn tùy chỉnh các tính năng này.
Cá nhân tôi thường sử dụng các biện pháp can thiệp CSS. Ví dụ về mã để thay đổi màu liên kết trên trang web:
/* CSS cho link */
.entry-content a {color:#0080a5; text-decoration: underline;}
.entry-content a:visited {color:#663399; text-decoration: underline;}
.entry-content a:hover {
text-decoration:underline; color:#c00;}
/* Hết CSS cho link */
Các bài viết liên quan cuối bài
Bên cạnh liên kết nội bộ, các bài viết liên quan đến cuối bài viết cũng là một khu vực tiềm năng để thu hút lưu lượng truy cập & giữ chân người đọc.
Một số vấn đề với phần này:
- Phải làm thủ công: nếu điều này xảy ra sẽ mất nhiều thời gian để hoàn thành, đặc biệt là trên các trang có số lượng bài báo lớn;
- Bài viết liên quan không cao;
- Định dạng bài viết liên quan quá đơn điệu (thí dụ chỉ thuần text);
- Không tùy chỉnh (chọn các bài viết liên quan theo ý thích của người biên tập);
Giải pháp cho website WordPress:
Phần này mình sử dụng một plugin, nó có ưu điểm là tự động, dễ sử dụng và tùy biến cao: WordPress Related Posts by Sovrn, zemanta.
Các bình luận
Khu vực bình luận của WordPress thật nhàm chán! Nó có các vấn đề sau:
- Giao diện không bắt mắt;
- Rườm ra (tính năng nhập địa chỉ website là thừa thãi với phần lớn người bình luận);
- Các trang phải được chia nhỏ để cải thiện khả năng sử dụng trong trường hợp có nhiều bình luận;
- Không có tính năng nâng cao nào đặc biệt;
Giải pháp cho website WordPress:
Một plugin đã xuất hiện gần đây là một giải pháp tuyệt vời cho vấn đề này. Nó được gọi là wpDiscuz (Bạn có thể xem hướng dẫn sử dụng wpDiscuz tại đây.)
WPDiscuz khắc phục hầu hết tất cả các vấn đề liên quan đến khu vực bình luận mặc định của WordPress. Chỉ là để sử dụng WPDiscuz một cách hiệu quả nhất cần nhiều thời gian tùy biến. Tôi sẽ viết một bài về plugin này trong tương lai gần.
Chia sẻ trên mạng xã hội
Nếu trang web của bạn chỉ có một số ít khách truy cập, các nút chia sẻ trên mạng xã hội có thể không tạo ra nhiều khác biệt. Tuy nhiên, nếu trang web có hàng nghìn lượt xem hàng ngày, thì các nút chia sẻ có khả năng tạo thêm lưu lượng truy cập và các lợi ích bổ sung khác.
Vấn đề với các nút chia sẻ chủ yếu nằm ở khả năng tùy biến kém, chẳng hạn như khả năng chọn mạng xã hội, thay đổi kích thước nút, tùy chỉnh giao diện trên di động. Các nút chia sẻ nếu không khéo léo có thể gây tác dụng ngược, ví dụ như nó quá to và gây chú ý, khiến người dùng khó chịu. Đây là phần mà bạn cần sự tinh tế trong thiết kế.
Giải pháp cho website WordPress:
- Bạn có thể sử dụng giải pháp miễn phí của Addthis: Nó đẹp, khả năng tùy biến cao, có số liệu thống kê;
- Sử dụng plugin để mua, giá tại thời điểm viết bài này là 20 USD: Easy Social Share Buttons for WordPress. Ưu điểm là khả năng tùy biến rất cao, giao diện đẹp và có cả số liệu thống kê. Ngoài ra, vì đây là giải pháp nội bộ, bạn không phải phụ thuộc vào bên thứ ba như Addthis, nhưng với chi phí bỏ ra!
Tìm kiếm trên website
Khu vực tìm kiếm mặc định trên một trang web WordPress không phải là phần mà nhiều người dùng quan tâm. Có hai lý do chính:
- Nó thường cho kết quả không tốt. Đánh giá khách quan tôi chỉ cho điểm trung bình 5/10;
- Tính năng tìm kiếm thường không cần thiết trên các trang ít nội dung;
Nhưng nếu bạn muốn thực hiện thay đổi hoặc tính năng này quan trọng đối với bạn, hãy sử dụng công cụ tìm kiếm để thay thế.
Giải pháp cho website WordPress:
- Sử dụng plugin cho WordPress: vào Google và tìm kiếm plugin tìm kiếm từ khóa hàng đầu sau đây là wordpress, sau đó khám phá plugin yêu thích của bạn. Ưu điểm của giải pháp này là sẽ không có quảng cáo, nhược điểm là có thể không phù hợp với những site có lượng bài viết quá lớn (hoặc hosting không đủ mạnh) và những công cụ tốt nhất thì bạn cũng phải bó tay. ra một số tiền nhỏ;
- Sử dụng Tìm kiếm Tùy chỉnh của Google: lợi thế là rõ ràng, bạn tích hợp công cụ tìm kiếm phổ biến và mạnh mẽ nhất thế giới vào trang web. Chất lượng tìm kiếm thì khỏi phải bàn rồi đúng không? Đó là lợi thế lớn nhất của nó. Đúng, nhưng đời không như là mơ. Nhược điểm của nó là nó sẽ hiển thị quảng cáo cho những từ khóa mà nó có khả năng hiển thị quảng cáo. Điều này có thể chấp nhận được nếu bạn tin tưởng vào chất lượng trang của mình, người dùng rất có thể sẽ bỏ qua quảng cáo để nhấp vào kết quả trên trang của bạn.
Để cài đặt Tìm kiếm Tùy chỉnh của Google, Google sẽ cung cấp cho bạn một mã nhỏ để chèn vào trang web của bạn. Thông thường bạn sẽ dán nó vào phần widget ở cột bên phải (sau khi gỡ bỏ công cụ tìm kiếm mặc định).
Kết luận
Trên đây chỉ là những hướng dẫn chung, khi đi vào chi tiết còn rất nhiều vấn đề. Tuy nhiên, nó chắc chắn là khả thi nếu bạn muốn và tôi hy vọng sẽ sớm viết các bài báo bổ sung cho nó. Với thế giới web tràn ngập thông tin, bạn cần làm cho trang web của mình có giá trị thời gian của người đọc.
1 Comments