Hầu hết các trang của trang web đều có một vài phần chung bao gồm đầu trang, chân trang, khu vực nội dung và đôi khi là thanh bên.
Tiêu đề là một trong những phần quan trọng nhất của bất kỳ trang web nào, chủ yếu vì nó là yếu tố đầu tiên mà khách truy cập nhìn thấy. Nếu tiêu đề không thu hút sự chú ý của khách truy cập ngay lập tức, họ có thể không quan tâm đến.
Các tiêu đề trang web WordPress tuyệt vời không phải tất cả đều tuân theo cùng một cuốn sách. Một số chỉ có một hoặc hai phần tử. Những người khác có thể chứa đầy menu, thanh tìm kiếm, biểu tượng xã hội, logo, v.v. Hiểu các tùy chọn tiêu đề trang web WordPress và các phương pháp hay nhất sẽ cho phép bạn thiết kế tiêu đề tốt nhất cho đối tượng và mục tiêu của mình.
Trong bài viết này, chúng ta sẽ nói về tiêu đề trang web là gì và các yếu tố mà chúng thường bao gồm. Chúng tôi đã trình bày cách chỉnh sửa tiêu đề trên trang web WordPress của bạn , vì vậy hãy tham khảo điều đó nếu bạn cần lời nhắc.
Tiêu đề trang web là gì?
Tiêu đề trên một trang web là phần trên cùng của bất kỳ trang nào. Ví dụ: trên trang web Akismet , tiêu đề là phần ngang tối ở đầu màn hình. Nó bao gồm một logo, menu điều hướng và một nút cho phép người dùng truy cập vào tài khoản của họ.
Điều quan trọng là phải hiểu rằng các menu và tiêu đề WordPress không phải là các thuật ngữ có thể thay thế cho nhau. Phần tiêu đề có thể bao gồm một menu, là danh sách các liên kết mà khách truy cập có thể sử dụng để điều hướng trang web của bạn, nhưng không nhất thiết phải có.
Các yếu tố được bao gồm trong tiêu đề của bạn sẽ phụ thuộc vào mục đích của trang web của bạn. Một cửa hàng trực tuyến có thể có biểu tượng giỏ hàng, thanh tìm kiếm sản phẩm và liên kết đến các trang tài khoản. Một blog có thể có danh sách các danh mục bài đăng, liên kết mạng xã hội và biểu mẫu đăng ký email.
Phong cách của tiêu đề thường phụ thuộc vào chủ đề của bạn. Chỉ cần thay đổi chủ đề có thể hoàn toàn đại tu cách tiêu đề trang web WordPress của bạn trông như thế nào và thậm chí có thể thay đổi những gì được hiển thị.
Chúng tôi đã tạo một trang demo và đây là phần tiêu đề của nó trông như thế nào khi sử dụng chủ đề Twenty Twenty-Two .
Bây giờ, hãy xem nó trông như thế nào khi sử dụng chủ đề Twenty Twenty-One. Lưu ý rằng khẩu hiệu của trang web, “Chỉ là một trang web WordPress khác” hiển thị, khi nó không hiển thị trong ví dụ trước.
Và đây là cách nó thay đổi với chủ đề Twenty Twenty. Dòng giới thiệu cũng được hiển thị với chủ đề này, mặc dù vị trí của nó trong bố cục thay đổi. Lưu ý rằng một phần tử khác cũng tự động xuất hiện – biểu tượng Tìm kiếm.
Một số chủ đề cho phép bạn tùy chỉnh các phần tử trong tiêu đề của chủ đề, và một số thì không. Nếu bạn muốn điều chỉnh thiết kế hoặc cần kiểm soát chi tiết các yếu tố nào xuất hiện và vị trí chúng xuất hiện, bạn sẽ muốn tham khảo lại bài viết đã đề cập trước đó để biết hướng dẫn về cách chỉnh sửa tiêu đề .
6 yếu tố của một tiêu đề trang web được thiết kế tốt
Mặc dù các yếu tố mà bạn thấy trong tiêu đề sẽ khác nhau giữa các trang web, nhưng các tùy chọn bên dưới là một trong những tùy chọn phổ biến nhất.
Hãy nhớ rằng bạn có thể không muốn bao gồm tất cả các yếu tố này. Việc chèn quá nhiều tính năng có thể khiến tiêu đề trở nên khó hiểu và quá tải. Thay vào đó, bạn nên đặt mục tiêu vừa đủ thông tin mà không gây choáng ngợp cho khách truy cập.
1. Một Logo
Biểu trưng của bạn phải là một trong những thứ đầu tiên mà mọi khách truy cập nhìn thấy khi họ đến trang web của bạn, vì vậy nó nên xuất hiện trong tiêu đề.
Vị trí của logo có thể khác nhau. Hầu hết các trang web đặt hình ảnh ở giữa tiêu đề hoặc ở góc bên trái. Vị trí này làm cho nó nổi bật và bắt mắt người đọc.
Trong ví dụ demo của chúng tôi, không có logo. Tiêu đề trang web đã thay thế cho logo. Điều này cũng phổ biến và có thể chấp nhận được nếu bạn không có logo.
Một số trang web sẽ bao gồm cả biểu trưng và tiêu đề trang web, và đôi khi tiêu đề trang web là một phần của hình ảnh biểu trưng. Điều này cũng hoàn toàn có thể chấp nhận được. Lưu ý điều này trông như thế nào trên trang Pocket Casts .
Điều quan trọng là đảm bảo rằng bạn có thương hiệu trang web của mình trong tiêu đề và thương hiệu có thể bao gồm biểu trưng, tiêu đề trang web hoặc cả hai.
2. Menu Điều hướng
Menu điều hướng thường là yếu tố quan trọng nhất trong bất kỳ tiêu đề nào. Nếu bạn chọn bao gồm một menu, menu đó phải liên kết đến tất cả các trang quan trọng nhất trên trang web của bạn. Menu của WordPress.com chứa 4 liên kết chính: Sản phẩm, Tính năng, Tài nguyên và Gói & Giá cả.
Trừ khi trang web của bạn có rất ít trang, đừng nhồi nhét tất cả các liên kết trang của bạn vào menu, ngay cả khi bạn nghĩ rằng tất cả các trang đều quan trọng. Thay vào đó, lồng các trang có liên quan dưới các liên kết chính trong menu thả xuống.
Ví dụ: liên kết Tài nguyên trong tiêu đề của WordPress.com hiển thị 7 sản phẩm trong menu thả xuống.
Các liên kết trong menu điều hướng phải dễ đọc và văn bản cho mỗi liên kết phải cho khách truy cập biết chính xác những gì họ mong đợi khi họ nhấp vào nó.
Menu điều hướng cũng có thể bao gồm các nút như Đăng nhập, Tài khoản của tôi và Giỏ hàng.
3. Thanh tìm kiếm
Nếu trang web của bạn có một thư viện nội dung lớn, nó cần có tính năng tìm kiếm . WordPress cho phép bạn thêm thanh tìm kiếm vào bất kỳ đâu trên trang web của mình bằng cách sử dụng khối Tìm kiếm và tiêu đề là nơi hoàn hảo cho nó.
Ví dụ: blog này có một thanh tìm kiếm trong tiêu đề ở ngoài cùng bên phải, sau phần điều hướng.
Để tiết kiệm dung lượng, một số tiêu đề bao gồm các thanh tìm kiếm “ẩn” chỉ hiển thị khi bạn nhấp vào một biểu tượng. Đây có thể là một cách tiếp cận thiết kế thông minh nếu bạn có nhiều mục trong menu điều hướng và không đủ dung lượng cho một thanh tìm kiếm đầy đủ. WooCommerce có biểu tượng tìm kiếm ở ngoài cùng bên phải của tiêu đề và khi được nhấp vào, thanh tìm kiếm sẽ mở ra.
4. Biểu tượng truyền thông xã hội
Nếu trang web của bạn có sự hiện diện trên mạng xã hội , bạn có thể liên kết đến hồ sơ của mình bằng cách sử dụng các biểu tượng. Các biểu tượng mạng xã hội chiếm không gian tối thiểu và việc đặt chúng trong tiêu đề sẽ làm tăng khả năng hiển thị của chúng. Trong ví dụ này, Blondie bao gồm 11 biểu tượng, có thể nhiều hơn hầu hết mọi người nên xem xét sử dụng. 3 hoặc 4 mạng xã hội hàng đầu thường được đề xuất, nhưng nếu những người theo dõi của bạn đang hoạt động trên nhiều mạng hơn, thì bạn cũng sẽ muốn bao gồm cả những mạng đó.
5. Thông tin liên hệ
Nếu bạn điều hành một doanh nghiệp với một vị trí thực tế hoặc bạn có trung tâm liên hệ với khách hàng, bạn có thể bao gồm thông tin liên hệ và địa chỉ trong tiêu đề. Các doanh nghiệp địa phương, đại lý bất động sản, nhà cung cấp dịch vụ và nhà tư vấn cũng muốn đảm bảo thông tin liên hệ của họ được hiển thị nổi bật. Ví dụ: thêm một số điện thoại trong tiêu đề có thể làm tăng đáng kể khách hàng tiềm năng mà một nhà cung cấp dịch vụ hoặc nhà tư vấn có thể nhận được.
6. Kêu gọi hành động
Mặc dù số điện thoại trong tiêu đề có thể là lời kêu gọi hành động mà trang web của bạn cần, các trang web khác có thể yêu cầu một lời gọi hành động khác . Có lẽ bạn muốn khách truy cập đăng ký bản tin của bạn hoặc tạo một tài khoản. Tiêu đề là một nơi tuyệt vời để đặt một nút, liên kết hoặc biểu mẫu khuyến khích người dùng hành động. Trong tiêu đề ví dụ được hiển thị bên dưới, nút lớn màu hồng ở góc trên bên phải là Kêu gọi Hành động cho trang web này.
Mẹo bổ sung: Làm cách nào để tôi tìm được kích thước phù hợp cho tiêu đề trang web của tôi?
Tiêu đề của trang web thường phải có cùng chiều rộng với phần còn lại của thiết kế. Tiêu đề cũng nên thay đổi kích thước cho màn hình nhỏ hơn và chia tỷ lệ ở độ phân giải cao hơn.
Nhưng thiết lập chiều rộng tiêu đề tối đa là điều cần thiết để tránh các phần tử mở rộng quy mô quá nhiều. Nếu không, bạn có thể kết thúc với một tiêu đề có quá nhiều khoảng trống giữa các thành phần của nó.
Nếu bạn đang sử dụng Chỉnh sửa trang web đầy đủ, bạn có thể tùy chỉnh chiều rộng tối đa cho các cột có chứa phần tử tiêu đề. Ngoài ra, bạn có thể sử dụng trình chỉnh sửa để đặt tiêu đề tự động mở rộng thành toàn bộ chiều rộng.
Chúng tôi khuyên bạn nên đặt tùy chọn Chiều rộng rộng thành cùng độ phân giải ngang với phần còn lại của bố cục trang web của bạn. Thông thường, chiều rộng tối đa 1200 pixel trông rất đẹp trên tất cả các màn hình, thậm chí cả những màn hình có độ phân giải cao hơn.
Thiết kế một tiêu đề trang web WordPress hiệu quả
Tiêu đề là một trong những phần quan trọng nhất của bất kỳ trang web WordPress nào. Khu vực nhỏ này của trang web của bạn có tác động lớn, vì vậy điều quan trọng là bạn phải dành cho nó sự chú ý xứng đáng khi thiết kế nó. Hãy xem xét cẩn thận các yếu tố sẽ được đưa vào chẳng hạn như biểu trưng, điều hướng, tìm kiếm, mạng xã hội và lời kêu gọi hành động của bạn.
Bạn cũng có thể thích: Bảy nguyên tắc thiết kế web cho mọi loại trang web
