hocvietcode.com
  • Trang chủ
  • Học lập trình
    • Lập trình C/C++
    • Lập trình HTML
    • Lập trình Javascript
      • Javascript cơ bản
      • ReactJS framework
      • AngularJS framework
      • Typescript cơ bản
      • Angular
    • Lập trình Mobile
      • Lập Trình Dart Cơ Bản
        • Dart Flutter Framework
    • Cơ sở dữ liệu
      • MySQL – MariaDB
      • Micrsoft SQL Server
      • Extensible Markup Language (XML)
      • JSON
    • Lập trình PHP
      • Lập trình PHP cơ bản
      • Laravel Framework
    • Lập trình Java
      • Java Cơ bản
    • Cấu trúc dữ liệu và giải thuật
    • Lập Trình C# Cơ Bản
    • Machine Learning
  • WORDPRESS
    • WordPress cơ bản
    • WordPress nâng cao
    • Chia sẻ WordPress
  • Kiến thức hệ thống
    • Microsoft Azure
    • Docker
    • Linux
  • Chia sẻ IT
    • Tin học văn phòng
      • Microsoft Word
      • Microsoft Excel
    • Marketing
      • Google Adwords
      • Facebook Ads
      • Kiến thức khác
    • Chia sẻ phần mềm
    • Review công nghệ
    • Công cụ – tiện ích
      • Kiểm tra bàn phím online
      • Kiểm tra webcam online
Đăng nhập
  • Đăng nhập / Đăng ký

Please enter key search to display results.

Home
  • Hướng dẫn Wordpress
  • Wordpress cơ bản
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]

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á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]

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 đề
    • Giải pháp cho website WordPress:
  • Bảng biểu trên trang quá đơn điệu
    • Giải pháp cho website WordPress:
  • Màu sắc cho liên kết khó nhận diện
    • Giải pháp cho website WordPress:
  • Các bài viết liên quan cuối bài
    • Giải pháp cho website WordPress:
  • Các bình luận
    • Giải pháp cho website WordPress:
  • Chia sẻ trên mạng xã hội
    • Giải pháp cho website WordPress:
  • Tìm kiếm trên website
    • Giải pháp cho website WordPress:
  • Kết luận

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:

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]

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:

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]

hoặc thế này:

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]

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:

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]

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.

Bài viết liên quan:

Dịch WordPress với Poedit
Hướng dẫn thay đổi thư mục theme wordpress không bị mất cấu hình theme
Tích hợp facebook chat vào website wordpress đơn giản
Cách trỏ tên miền về host
Mua hosting WordPress: làm thế nào chọn được nhà cung cấp chất lượng
Hướng dẫn mua tên miền tại GoDaddy
Cách chọn tên miền hay, độc đáo và tốt cho SEO
Hướng dẫn dùng Plugin UpdraftPlus để backup WordPress
Công cụ xuất & nhập dữ liệu của WordPress
Hướng dẫn sử dụng plugin AMP for WordPress
Có nên dùng CDN và Các tính năng tăng tốc độ website khác của plugin JetPack?
Hướng dẫn sử dụng Plugin Jetpack cho WordPress

1 Comments

  1. Pingback: Hướng dẫn sử dụng WordPress (dành cho người mới) - Web888 chia sẻ kiến thức lập trình, kinh doanh, mmo

THÊM BÌNH LUẬN Cancel reply

Dịch vụ thiết kế Wesbite

NỘI DUNG MỚI CẬP NHẬT

KHÁI NIỆM QUẢN LÝ DỰ ÁN CÔNG NGHỆ THÔNG TIN (IT PROJECT MANAGEMENT)

Cấu trúc lập trình và Mảng

Bắt đầu với C#

1. GIỚI THIỆU KHÁI NIỆM CHUẨN MỰC – ĐẠO ĐỨC VÀ VẤN ĐỀ NGHỀ NGHIỆP TRONG CNTT

2. ÁP DỤNG CÁC CHUẨN MỰC VÀ VẤN ĐỀ NGHỀ NGHIỆP TRONG CNTT

Giới thiệu

hocvietcode.com là website chia sẻ và cập nhật tin tức công nghệ, chia sẻ kiến thức, kỹ năng. Chúng tôi rất cảm ơn và mong muốn nhận được nhiều phản hồi để có thể phục vụ quý bạn đọc tốt hơn !

Liên hệ quảng cáo: [email protected]

Kết nối với HỌC VIẾT CODE

© hocvietcode.com - Tech888 Co .Ltd since 2019

Đăng nhập

Trở thành một phần của cộng đồng của chúng tôi!
Registration complete. Please check your email.
Đăng nhập bằng google
Đăng kýBạn quên mật khẩu?

Create an account

Welcome! Register for an account
The user name or email address is not correct.
Registration confirmation will be emailed to you.
Log in Lost your password?

Reset password

Recover your password
Password reset email has been sent.
The email could not be sent. Possible reason: your host may have disabled the mail function.
A password will be e-mailed to you.
Log in Register
×