Làm thế nào để tạo một tiêu đề chủ đề Astra tuyệt đẹp?

Tiêu đề rất quan trọng đối với bất kỳ nội dung nào trên trang web của bạn vì chúng không chỉ phục vụ người đọc mà còn phục vụ các công cụ tìm kiếm. Các tiêu đề bắt mắt và được viết tốt có khả năng thu hút người đọc đến với bài đăng của bạn và tăng số nhấp chuột. Các tiêu đề có thể nằm trong khoảng từ H1 đến H6, tùy thuộc vào hệ thống phân cấp nội dung của bạn. Tiêu đề chính của trang hoặc bài viết của bạn là H1, trong khi H2 là tiêu đề phụ tạo nên các phần trong tài liệu của bạn. Các tiêu đề H3 đến H6 cung cấp thêm các tiêu đề phụ vào tài liệu của bạn dưới H2. Trước khi chuyển sang cách chủ đề Astra có thể giúp bạn tạo các tiêu đề tuyệt đẹp trong nội dung của mình, chúng ta hãy xem xét tầm quan trọng của tiêu đề

Mục lục:

• Tại sao các tiêu đề quan trọng cho các trang web của bạn?
• 1. Nhận dạng chủ đề
• 2. Khả năng tiếp cận
• 3. Tối ưu hóa Công cụ Tìm kiếm
• 4. Làm cho các trang có thể quét được
• 5. Khả năng sử dụng thiết bị di động
• Làm thế nào để tạo một tiêu đề tuyệt đẹp với chủ đề Astra?
• Ưu và nhược điểm của việc sử dụng chủ đề Astra cho các tiêu đề
• Từ cuối cùng

Tại sao các tiêu đề quan trọng cho các trang web của bạn?

Đây là lý do tại sao bạn phải đảm bảo bao gồm các tiêu đề trong văn bản của bạn

1. Nhận dạng chủ đề

Tiêu đề đóng một vai trò thiết yếu cho các công cụ tìm kiếm và người đọc để chọn các từ khóa họ đang tìm kiếm trong bài viết. Tiêu đề chính trong văn bản giúp xác định chủ đề của tài liệu và các tiêu đề phụ điều hướng người đọc đến khu vực họ quan tâm.

2. Khả năng tiếp cận

Mọi người ngày nay chủ yếu sử dụng trình đọc màn hình để đi qua bất kỳ nội dung. Tiêu đề trong bất kỳ nội dung nào đều dễ dàng được chọn bởi trình đọc màn hình và rất cần thiết để sử dụng hiệu quả trình đọc màn hình. Họ cũng cho phép người đọc chuyển từ tiêu đề này sang tiêu đề khác để đến chủ đề bắt buộc.

3. Tối ưu hóa Công cụ Tìm kiếm

Khi các tiêu đề làm cho chủ đề của bạn có thể nhận dạng được, các công cụ tìm kiếm sẽ xếp hạng trang của bạn cho các truy vấn tìm kiếm. Bạn càng làm cho các tiêu đề của bạn được phác thảo tốt và chứa đầy các từ khóa thích hợp, công cụ tìm kiếm sẽ càng tăng thứ hạng của bạn.

Đây là hướng dẫn sử dụng các tính năng miễn phí của chủ đề Astra để tạo tiêu đề tuyệt đẹp cho các trang của bạn. Làm theo quy trình để tạo tiêu đề bạn chọn.

4. Làm cho các trang có thể quét được

Bằng cách sử dụng tiêu đề, bạn đang làm cho các trang có thể quét được nhiều nhất có thể. Thông thường không ai đọc hết toàn bộ bài báo - đặc biệt là từng dòng một. Đó là lý do tại sao điều quan trọng là các trang phải có tiêu đề. Trong số tất cả các tiêu đề, tiêu đề quan trọng nhất là tiêu đề đầu tiên vì nó thiết lập giai điệu cho toàn bộ bài đăng hoặc trang.

Tiếp theo là tiêu đề phụ vì nó chia nội dung thành các phần tốt hơn để tiêu dùng. Không chỉ vậy, cấu trúc của bài viết được thể hiện qua các tiêu đề và tiêu đề phụ. Tóm lại, bộ tiêu đề phù hợp có nghĩa là bạn có thể thu hút khán giả bằng nội dung hấp dẫn của mình.

5. Khả năng sử dụng thiết bị di động

Cùng với thời gian, điện thoại di động đang trở nên thống trị hơn bao giờ hết. Chắc chắn rằng các trang web sẽ nhận được nhiều lưu lượng truy cập từ thiết bị di động hơn bao giờ hết. Vì vậy, nếu bạn đặt đúng nội dung của mình, bạn nhất định thu hút được người xem từ thiết bị di động cũng như máy tính để bàn.

Tóm lại, tiêu đề tối ưu hóa trang web cho không chỉ người đọc mà còn cho các công cụ tìm kiếm.

Làm thế nào để tạo một tiêu đề tuyệt đẹp với chủ đề Astra?

Điều đầu tiên, để truy cập Astra Header Builder, hãy đăng nhập vào bảng điều khiển WordPress của bạn và từ thanh bên bên trái, chuyển đến Appearance> Astra Options> Header Builder như thể hiện trong hình dưới đây:

Nhấp vào nó và nó sẽ đưa bạn đến phần Header Builder trong tùy biến WordPress. Giao diện sẽ trông tương tự như những gì chúng ta có ở đây:

Như bạn có thể thấy, trình tạo tiêu đề được chia thành ba phần dọc, một phần được xếp chồng lên nhau. Bạn có "tiêu đề chính" ở giữa với "tiêu đề trên" ở trên cùng và "dưới tiêu đề" ở dưới cùng.  

Mỗi tiêu đề có bộ “cài đặt tiêu đề” riêng, bạn có thể truy cập bộ này bằng cách nhấp vào biểu tượng bánh răng ở bên trái tiêu đề.

Từ đây, bạn có thể tùy chỉnh chiều cao Tiêu đề, kích thước đường viền, nền, đệm và lề.

Ngoài ra, hãy chú ý cách mỗi tiêu đề được chia thành ba phần. Bạn có thể thêm và xóa các phần tử tiêu đề khỏi các phần này để làm cho chúng trở nên nổi bật hơn. Tính đến thời điểm viết hướng dẫn này, bạn có quyền truy cập vào 12 phần tử tiêu đề:

• Tiêu đề & Biểu trưng của Trang web
• thực đơn chính
• Nút 1
• Nút 2 (chuyên nghiệp)
• Tìm kiếm
• Tài khoản
• HTML 1
• HTML 2
• Menu phụ
• Xã hội
• Tiện ích con 1
• Tiện ích con 2
• Widget 3 (chuyên nghiệp)
• Widget 4 (chuyên nghiệp)
• xe đẩy

Bây giờ, để thêm phần tử Header mới, hãy di chuột qua phần đó và nhấp vào nút “+”. Thao tác này sẽ hiển thị danh sách các phần tử có sẵn. Chọn một cái mà bạn muốn sử dụng và nó sẽ được thêm vào phần tiêu đề.

Tương tự, chỉ cần nhấp vào nút “x” bên cạnh phần tử tiêu đề để xóa phần tử tiêu đề.

Bạn cũng có thể di chuyển xung quanh các phần tử tiêu đề giữa các phần tiêu đề bằng cách kéo và thả.

Tất cả các phần tử tiêu đề bạn đã sử dụng sẽ hiển thị trong menu bên trái, ngay dưới tab Chung. Dưới đây, bạn cũng sẽ tìm thấy tùy chọn để thay đổi loại Tiêu đề. Người dùng miễn phí chỉ có tùy chọn cho “Tiêu đề minh bạch”. Tuy nhiên, nếu bạn đang sử dụng Astra Pro, bạn có thể bật “Tiêu đề dính”.

Từ đây, bạn có thể truy cập các cài đặt cụ thể của phần tử tiêu đề.

Ngay bên cạnh tab Chung, chúng ta có tab Thiết kế. Từ đây, bạn nhận được một vài tùy chọn thiết kế cơ bản để thay đổi Chiều rộng và Lề của tiêu đề. Các cài đặt nâng cao hơn có sẵn cho người dùng Astra Pro.

Astra Header Builder cũng cho phép bạn tinh chỉnh giao diện của tiêu đề trang web trên các kích thước màn hình khác nhau như máy tính để bàn, thiết bị di động hoặc máy tính bảng. Để chọn và tùy chỉnh kích thước màn hình khác, hãy sử dụng công cụ chọn thiết bị ở góc dưới cùng bên trái của màn hình.

Như bạn có thể thấy, trên một màn hình nhỏ hơn, bạn có thêm một khu vực được gọi là “Off Canvas”. Điều này cho phép bạn tiết kiệm không gian trên tiêu đề và di chuyển một số nội dung ra khỏi màn hình mà khách truy cập có thể chuyển đổi nếu và khi cần thiết.

Và điều đó kết thúc hướng dẫn nhanh của chúng tôi về cách tạo tiêu đề bằng chủ đề Astra. Khi bạn đã hoàn tất việc thêm tất cả các phần tử Header và thực hiện các thay đổi thiết kế cần thiết, hãy nhấp vào nút xuất bản và thế là xong.  

Tiêu đề Astra mới được tạo của bạn hiện đã hoạt động trên trang web WordPress của bạn.

Astra Header Builder: Tổng quan nhanh về các tùy chọn có sẵn

Trong hướng dẫn trên, chúng tôi đã tạo một tiêu đề rất cơ bản bằng cách sử dụng Trình tạo tiêu đề Astra để cung cấp cho bạn ý tưởng về cách hoạt động của tính năng này. Tuy nhiên, có rất nhiều công cụ và tùy chọn trong Astra Header Builder để giúp bạn tạo các tiêu đề phức tạp và bắt mắt hơn.

Dưới đây là một cái nhìn nhanh về các tùy chọn khác nhau mà bạn có theo ý của mình:

Tiêu đề chính

Tiêu đề mặc định trong Astra là tiêu đề chính. Nó sẽ hiển thị logo và menu điều hướng có thể tùy chỉnh với nhiều cài đặt tiêu đề chính khác nhau trong Astra.

Chỉ cần cài đặt Astra và đi tới phần Header để chọn tùy chọn tiêu đề chính và đến phần tùy chỉnh. Tiêu đề> Tiêu đề chính

Bạn có thể sử dụng các cài đặt tùy chỉnh sau

Bố trí

Cài đặt bố cục sẽ quản lý vị trí của logo cho trang của bạn. Có ba vị trí khác nhau có sẵn trong Astra cho logo

Logo trái

Biểu trưng trong cài đặt này di chuyển sang phía bên trái của menu điều hướng. Đó là một phong cách định vị logo điển hình.

Logo phải

Logo trong cài đặt này di chuyển sang bên phải của menu điều hướng.

Logo trung tâm

Logo trong cài đặt này di chuyển ở trung tâm phía trên menu điều hướng. Nó là một lựa chọn tốt trong trường hợp một menu dài.

Chiều rộng

Cài đặt chiều rộng quản lý chiều rộng của tiêu đề cho văn bản. Bạn có thể tùy chỉnh chiều rộng tiêu đề của mình như

Chiều rộng đầy đủ

Trong cài đặt toàn chiều rộng, tiêu đề của bạn sẽ được kéo dài từ cả hai đầu và vừa với kích thước trang trình duyệt của bạn.

Chiều rộng nội dung

Trong cài đặt độ rộng nội dung, tiêu đề sẽ điều chỉnh theo bộ chiều rộng vùng chứa và bạn có thể đặt tiêu đề bằng cách chọn mục sau

Toàn cầu> Container> Chiều rộng

Biên giới

Bằng cách chọn đường viền, bạn có thể thêm đường viền bên dưới tiêu đề của mình và tùy chỉnh màu sắc và chiều rộng của nó.

Tiêu đề di động

Menu điều hướng, trên các thiết bị đáp ứng, thay đổi thành một chiếc bánh hamburger. Do đó, tiêu đề chính trên các thiết bị này sẽ chỉ hiển thị menu hamburger và logo. Bạn có thể tùy chỉnh bố cục của logo liên quan đến menu trong các widget đáp ứng.

Cây rơm

Trong tùy chọn ngăn xếp, logo sẽ di chuyển phía trên menu hamburger. Lựa chọn cho ngăn xếp có thể chứng minh hữu ích nếu bạn có một logo lớn.

Nội tuyến

Trong tùy chọn nội tuyến, logo và menu sẽ phù hợp với nhau và có thể là một lựa chọn tốt trong trường hợp logo nhỏ.

Chủ đề màu sắc

Các tiêu đề chính có thể được trình bày bằng nhiều màu sắc khác nhau bằng cách sử dụng chủ đề Astra. Các màu toàn cầu sẽ được cung cấp miễn phí, nhưng bạn cần sử dụng plugin addon của Astra Pro để có thêm các tính năng nâng cao. Để sử dụng màu toàn cục trong Astra, bạn cần vào tab Giao diện, chọn tùy chỉnh, sau đó chọn toàn cục, và cuối cùng chọn tùy chọn màu. Giao diện> Tùy chỉnh> Toàn cầu> Màu sắc

Kiểu chữ

Cài đặt kiểu chữ cho trang hoặc trang web sẽ tự động áp dụng cho tiêu đề chính với Chủ đề Astra. Bạn có thể chọn và tùy chỉnh cài đặt kiểu chữ bằng cách chuyển đến tab Giao diện, trong phần chung.  

Giao diện> Tùy chỉnh> Toàn cầu> Kiểu chữ

Tiêu đề trong suốt

Tiêu đề trong suốt là một cách dễ dàng để tạo tiêu đề đẹp và hấp dẫn cho trang của bạn. Nền của tiêu đề chính sẽ được đặt thành trong suốt và sẽ kéo nội dung của trang lên trên cùng. Nội dung của trang và tiêu đề chính sẽ hợp nhất, có nghĩa là phần trên cùng của nội dung sẽ trở thành nền của tiêu đề trong suốt. Chẳng hạn, nếu hình ảnh nằm ở phần trên cùng của trang, nó sẽ đi lên để trở thành nền cho tiêu đề trong suốt.

Làm thế nào để thêm một tiêu đề trong suốt?

Tiêu đề trong suốt tạo thành hai bước nhanh chóng để làm cho trang của bạn hấp dẫn 

Bước 1

Bạn có thể tìm thấy tùy chọn tiêu đề trong suốt bên dưới tùy biến và sau đó có thể chỉnh sửa nó

Giao diện> Tùy chỉnh> Tiêu đề> Tiêu đề trong suốt

Bước 2

Trong các tùy chọn tiêu đề trong suốt, bạn có thể bật nó cho toàn bộ trang web, chọn đường viền ở dưới cùng, phối màu và bố cục logo

Kích hoạt trên trang web hoàn chỉnh

Nếu bạn muốn cài đặt tiêu đề trong suốt cho toàn bộ trang web, bạn có thể bật tùy chọn này bằng cách đánh dấu vào hộp kiểm. Nếu bạn đánh dấu vào hộp kiểm, vẫn còn một số quy tắc loại trừ mà bạn có thể kích hoạt cho các bài đăng hoặc trang cụ thể. Bạn có thể tắt tùy chọn tiêu đề trong suốt cho các trang sau

Tắt trên Lưu trữ, Tìm kiếm và trên 404

Cài đặt tiêu đề trong suốt có thể được tắt trên các trang đặc biệt này bằng cách đánh dấu vào hộp kiểm.

Vô hiệu hóa trên trang chỉ mục blog

Trang đầu của blog của bạn trở thành trang chỉ mục blog nếu bạn thay đổi cài đặt từ trang chủ của mình. Để tạo trang chỉ mục blog, bạn có thể truy cập cài đặt trang chủ và trong tab của Hiển thị trang chủ của bạn, Tập chọn vào Bài viết mới nhất của bạn.

Trang chủ của bạn Hiển thị> Bài viết mới nhất của bạn

Nếu bạn muốn tắt cài đặt của tiêu đề trong suốt trên trang chỉ mục blog này, bạn có thể đánh dấu vào hộp kiểm cho điều này.

Vô hiệu hóa trên trang

Nếu bạn muốn tắt tùy chọn tiêu đề trong suốt trên tất cả các trang, hãy đánh dấu vào hộp kiểm.

Vô hiệu hóa trên bài viết

Nếu bạn muốn tắt tùy chọn tiêu đề trong suốt trên tất cả các bài đăng, hãy đánh dấu vào hộp kiểm.

Màu sắc và nền

Bạn có thể tùy chỉnh cài đặt nền và màu của tiêu đề trong suốt của mình với các tùy chọn khả dụng sau

• Lý lịch
• Tiêu đề trang web
• Thực đơn
• Menu phụ
• Nội dung

Ưu và nhược điểm của việc sử dụng chủ đề Astra cho các tiêu đề

Ưu

• Cơ hội cho tiêu đề minh bạch có sẵn
• Các tiêu đề của cả chiều rộng đầy đủ và chiều rộng nội dung có sẵn 
• Tùy chỉnh màu sắc và kiểu chữ có sẵn

Nhược điểm

• Tùy chọn tiêu đề dính không có sẵn
• Các tính năng màu nâng cao không khả dụng

Từ cuối cùng

Astra là một trong những chủ đề tốt nhất hiện có. Và, nếu bạn đang sử dụng nó, thì bạn đang đi đúng hướng để duy trì trang web của mình.

Chủ đề miễn phí của Astra cho phép bạn thiết kế các tiêu đề đẹp và hấp dẫn cho trang web của mình. Tùy chọn và tùy chỉnh của tiêu đề Trong suốt cũng có sẵn, có thể nâng cao trải nghiệm của người xem. Nhìn chung, rất nhiều lựa chọn tùy chỉnh tiêu đề trong chủ đề Astra cho phép bạn tạo một tiêu đề tuyệt đẹp.