Làm cách nào để tạo tiện ích động trong WordPress?

Hôm nay chúng ta sẽ đi sâu vào chủ đề về các thanh bên và widget động (những thứ có liên quan đến nội dung);

Chúng tôi sẽ chỉ cho bạn cách tạo thanh bên, cùng với các tiện ích hiển thị cho khách truy cập của bạn chính xác những gì họ muốn xem dựa trên chủ đề hoặc nội dung của trang hoặc bài đăng hiện tại

Tỷ lệ thoát là gì?

Trước khi tôi chỉ cho bạn cách giảm tỷ lệ thoát bằng cách hiển thị các thanh bên và tiện ích liên quan đến nội dung, trước tiên hãy xác định

Tỷ lệ thoát đề cập đến tỷ lệ phần trăm khách truy cập trang web vào và rời đi thay vì ở lại để khám phá các trang khác trên trang web của bạn. Để giảm tỷ lệ thoát, bạn cần tăng mức độ tương tác và điều này cho bạn biết nhiều về khả năng sử dụng trang web của bạn. Khi khách truy cập thấy nội dung của bạn hữu ích, họ sẽ ở lại và sẵn sàng khám phá trang web để có nội dung hữu ích hơn nữa. Đổi lại, điều này mang lại cho bạn tỷ lệ chuyển đổi cao hơn. Khách truy cập của bạn ở lại trang web của bạn càng lâu thì khả năng bán hàng, đăng ký và doanh thu quảng cáo càng cao

Tất nhiên, bạn muốn họ ở lại lâu hơn, vì vậy bạn phải có thứ gì đó ngăn họ rời đi quá sớm — nội dung hữu ích

Bạn muốn người dùng ở lại càng lâu càng tốt, điều đó có nghĩa là bạn cần thứ gì đó để ngăn họ rời đi - nội dung hữu ích. 📗Nhấp để Tweet

khả năng sử dụng. Chìa khóa để giảm tỷ lệ thoát

Bạn không đạt được khả năng sử dụng trang web bằng cách chỉ cung cấp nội dung hữu ích cho khách truy cập trang web của mình. Bạn cũng phải tối ưu hóa các công cụ bạn hiển thị trên mỗi và mọi trang theo cách mà chúng tương tác với chúng. Hơn nữa, những công cụ này cũng phải phù hợp với nội dung đang được sử dụng trên một trang nhất định

Kinsta chiều chuộng tôi đến mức bây giờ tôi yêu cầu mức độ dịch vụ đó từ mọi nhà cung cấp. Chúng tôi cũng cố gắng đạt được mức đó với sự hỗ trợ của công cụ SaaS

Làm cách nào để tạo tiện ích động trong WordPress?
Suganthan Mohanadasan từ @Suganthanmn
Xem kế hoạch

Các công cụ mà tôi đang đề cập đến là thanh điều hướng và tất cả các khu vực được tiện ích hóa trong một trang nhất định, bao gồm cả thanh bên. Trong khi đối với nhiều người, thanh điều hướng đóng vai trò lớn nhất trong việc đảm bảo sự tương tác của người dùng, bạn không thể coi thường sức mạnh của các khu vực tiện ích của mình. Điều này đặc biệt đúng khi bạn nhận thức được nhiều cách khác nhau mà WordPress cung cấp để bạn dễ dàng kiểm soát chúng

Thanh bên là trình giữ chỗ tiện ích chính có thể tạo hoặc phá vỡ khả năng sử dụng trang web của bạn. Tại sao?

Thanh bên WordPress động (liên quan đến nội dung) là gì?

Thanh bên WordPress có liên quan đến nội dung chính đề cập đến một thanh hiển thị các tiện ích được chọn cẩn thận để xuất hiện bên cạnh nội dung cụ thể trên một trang nhất định về khả năng ứng dụng của chúng. Ví dụ: một thanh bên có liên quan đến một bài đăng blog cụ thể sẽ chứa các tiện ích như chọn tham gia bản tin và các bài đăng liên quan

Ảnh chụp màn hình bên dưới cho thấy sự khác biệt giữa thanh bên trên MarketingProfs. com

Trang podcast (Ảnh chụp màn hình A)

Trên bài viết blog này, MarketingProfs đang hiển thị các vật dụng sau. đề xuất, liên kết đăng ký và bài đăng phổ biến nhất

Làm cách nào để tạo tiện ích động trong WordPress?
Thanh bên động (Ảnh chụp màn hình A)

Trang bài viết (Ảnh chụp màn hình B)

Trên bài viết blog này, MarketingProfs đang hiển thị các vật dụng sau. chọn tham gia đăng ký, tiện ích truyền thông xã hội, bài đăng phổ biến nhất

Làm cách nào để tạo tiện ích động trong WordPress?
Thanh bên động (Ảnh chụp màn hình B)

Thanh bên động giúp giảm tỷ lệ thoát như thế nào

Thanh bên giúp khách truy cập trang web quyết định hành động nào sẽ thực hiện tiếp theo. Chẳng hạn, từ một trang đăng bài trên blog, họ có thể chọn đăng ký đăng ký nhận bản tin. Nếu bạn có một số danh mục cho bản tin, bạn có thể hiển thị tiện ích đăng ký cho danh mục chứa bài đăng trên blog. Mỗi tiện ích mang tên của danh mục cụ thể, vì vậy người đọc biết chính xác những gì họ đang đăng ký. Hãy xem những hình ảnh dưới đây được lấy từ The Washington Post

Các thanh bên liên quan đến nội dung cũng hỗ trợ tiếp thị được nhắm mục tiêu. Bạn có thể tạo một thanh bên dành riêng cho người dùng trang web mà bạn nhóm dựa trên thông tin nhân khẩu học. Ví dụ: bạn có thể tạo thanh bên cho các phiên bản ngôn ngữ khác nhau trên trang web của mình, hiển thị trong đó các liên kết liên hệ tùy thuộc vào vị trí hoặc hiển thị quảng cáo sản phẩm dựa trên sở thích của họ. Hoặc bạn tạo các thanh bên khác nhau dựa trên danh mục bài đăng trên blog của bạn

The Washington Post có “Phải đọc” là một trong những danh mục bản tin của nó. Tiện ích này xuất hiện trong bài viết này có tựa đề “1 con gà bị nhiễm khuẩn Salmonella đã giết chết 1 con, 17 con bị bệnh trong một đợt bùng phát ở nhiều bang, CDC cho biết” và tất cả các bài viết khác thuộc cùng danh mục

Làm cách nào để tạo tiện ích động trong WordPress?
Tiện ích thanh bên động A

Mặt khác, bài báo Công nghệ này, "Các giám đốc điều hành của Facebook và Twitter sẽ làm chứng trước Quốc hội vào tuần tới", từ The Washington Post có tiện ích "Cảnh báo qua email về tin tức công nghệ" được hiển thị trong thanh bên, hướng đến người đọc các câu chuyện liên quan đến công nghệ

Làm cách nào để tạo tiện ích động trong WordPress?
Tiện ích thanh bên động A

Thanh bên với các tiện ích liên quan đến nội dung cũng có thể giúp cải thiện SEO. Sử dụng toàn bộ thẻ tiêu đề hoặc một phần của nó làm tiêu đề widget có thể tạo ra tác động nhỏ nhưng có ý nghĩa đối với việc tối ưu hóa công cụ tìm kiếm

Thêm các tiện ích có liên quan vào Thanh bên

Bước đầu tiên để tạo thanh bên liên quan đến nội dung là quyết định nội dung nào phù hợp và nội dung nào không. Việc quyết định widget nào sẽ xuất hiện trên một trang hoặc bài đăng đòi hỏi bạn phải hiểu sâu về mục đích và lý do bạn tạo trang hoặc bài đăng đó ngay từ đầu

Chẳng hạn, bạn đã tạo một trang sản phẩm không chỉ để giải thích các tính năng, lợi ích và giá cả của sản phẩm. Bạn cũng đã làm như vậy để dẫn khách truy cập mua nó hoặc xem xét các sản phẩm tương tự hoặc có liên quan. Ngoài ra, bạn có thể muốn thể hiện xếp hạng cao nhất và đánh giá tốt nhất về sản phẩm có thể giúp họ quyết định mua sản phẩm đó. Hoặc, bạn có thể muốn giúp họ kết nối với đại diện bán hàng để trả lời các câu hỏi. Dù họ thực hiện hành động nào, trang này phải chỉ cho họ cách thực hiện. Thanh bên là một trong những nơi tốt nhất để đặt các nút kêu gọi hành động đó. Do đó, thanh bên trở thành một công cụ rất mạnh trong việc thu hút khách truy cập vào trang web của bạn

Ví dụ: Kinsta sử dụng các CTA khác nhau trên blog của họ dựa trên danh mục của bài đăng trên blog. Điều này giúp đảm bảo thông điệp được nhắm mục tiêu và phù hợp với chủ đề của bài viết

Làm cách nào để tạo tiện ích động trong WordPress?
CTA tiện ích thanh bên

Loại bỏ các Widget không liên quan

Hơn nữa, quyết định những gì không đặt trong thanh bên cũng quan trọng như quyết định những gì sẽ đặt ở đó. Mật độ của thanh bên và các khu vực tiện ích khác trên trang góp phần vào giao diện tổng thể của trang. Loại bỏ các tiện ích không liên quan hoặc dư thừa sẽ giải quyết vấn đề tương tự với tỷ lệ thoát. Trên thực tế, một số trang web có thể thấy rằng không có thanh bên nào là cách tốt hơn để truy cập

Có lẽ bạn đã ném một loạt tiện ích vào thanh bên của mình vì bạn nghĩ rằng chúng có thể hữu ích cho khách truy cập của bạn. Tuy nhiên, một trang tìm kiếm quá đông có thể làm mất khách hàng tiềm năng. Nếu có quá nhiều thứ xảy ra trên trang, khách truy cập có thể mất tập trung vào điều khiến họ đến ngay từ đầu. Ý tôi là có quá nhiều tiện ích quảng cáo bên ngoài hoặc quá nhiều liên kết sản phẩm

Nói một cách đơn giản, việc quyết định nội dung thanh bên nào có liên quan hay không là rất quan trọng để tăng mức độ tương tác của người dùng

Làm nổi bật các Widget quan trọng

Sau khi quyết định những gì sẽ đặt trong thanh bên, bạn có thể làm cho một số tiện ích nổi bật so với phần còn lại. Một cách là làm cho chúng xuất hiện trong các khu vực tiện ích con khác, chẳng hạn như chân trang. Một cách khác là làm cho chúng cố định và nổi trên trang khi người dùng cuộn. Điều này cho phép người dùng tương tác ngay lập tức với họ mà không cần phải cuộn ngược lên hoặc xuống

Bước tiếp theo. Chọn phương pháp tốt nhất

Bây giờ chúng ta đã thảo luận về tầm quan trọng của việc bạn sử dụng tiện ích con nào, bước tiếp theo là chọn phương pháp tạo các thanh bên liên quan đến nội dung đó. Đây là 2 cách

Tùy chọn 1 – Kiểm soát khả năng hiển thị của tiện ích bằng plugin WordPress

Một trong những cách dễ nhất để kiểm soát mức độ hiển thị của tiện ích trên thanh bên của bạn là sử dụng plugin WordPress. Một plugin như Tùy chọn tiện ích con cho phép bạn thực hiện điều đó chỉ với một vài cú nhấp chuột đơn giản. Bạn có thể hiển thị hoặc ẩn nội dung thanh bên trên mỗi bài đăng hoặc trang với các điều kiện bao gồm danh mục, thẻ, tên trang, v.v.

Đăng kí để nhận thư mới

Bạn muốn biết làm thế nào chúng tôi tăng lưu lượng truy cập của mình hơn 1000%?

Tham gia cùng hơn 20.000 người khác nhận bản tin hàng tuần của chúng tôi với các mẹo nội bộ về WordPress

Làm cách nào để tạo tiện ích động trong WordPress?
Tùy chọn tiện ích Plugin WordPress

Plugin Tùy chọn Widget hiện có hơn 70.000 lượt cài đặt đang hoạt động với xếp hạng 5 trên 5 sao ấn tượng. Bạn có thể tải xuống từ kho lưu trữ WordPress hoặc tìm kiếm “tùy chọn tiện ích con” trong bảng điều khiển WordPress của mình trong “Plugin → Thêm mới. ” Sau đó nhấp vào “Cài đặt ngay” và kích hoạt plugin

Làm cách nào để tạo tiện ích động trong WordPress?
Cài đặt plugin Tùy chọn tiện ích

Ẩn Widget từ một trang cụ thể

Khi bạn đã cài đặt và kích hoạt plugin Tùy chọn tiện ích, bạn có thể dễ dàng ẩn một tiện ích khỏi một trang cụ thể chỉ bằng vài cú nhấp chuột. Để minh họa, đây là ảnh chụp màn hình tiện ích phiếu giảm giá. Trong cài đặt của tiện ích, hiện có tùy chọn hiển thị. bạn có thể chọn giữa ẩn và hiển thị tiện ích này trên các trang đã chọn

Làm cách nào để tạo tiện ích động trong WordPress?
Tùy chọn Widget Ẩn/Hiển thị Widget trên các trang cụ thể

Hạn chế các tiện ích từ các bài viết cụ thể

Bạn cũng có thể ẩn các tiện ích khỏi các bài đăng trên blog bằng cách sử dụng các thẻ có điều kiện. Sử dụng Tùy chọn tiện ích, quá trình này yêu cầu thêm một vài bước hơn là chỉ ẩn khỏi các trang. Trước tiên, bạn cần xác định ID bài đăng, cũng như sẽ cần đưa vào các thẻ có điều kiện nơi bạn muốn ẩn bài đăng

Để tìm ID bài đăng, hãy duyệt đến bài đăng và di chuột (không nhấp) qua tùy chọn “Chỉnh sửa bài đăng” trên thanh công cụ quản trị WordPress của bạn. Ở dưới cùng bên trái của trình duyệt, bạn sẽ thấy ID bài đăng #

Làm cách nào để tạo tiện ích động trong WordPress?
WordPress tìm ID bài đăng

Khi bạn có (các) ID bài đăng, bạn có thể sử dụng nó với các thẻ điều kiện sau

Ẩn tiện ích khỏi nhiều bài đăng

!is_single(array('Post ID', 'Post ID'))

Ẩn một tiện ích khỏi một bài đăng

Đấu tranh với thời gian chết và các vấn đề về WordPress? . Kiểm tra các tính năng của chúng tôi

!is_single( 'Post ID' )

Trên widget bạn muốn ẩn khỏi bài viết, hãy chuyển đến tab “Logic” và nhập thẻ như hình bên dưới

Làm cách nào để tạo tiện ích động trong WordPress?
Logic tiện ích WordPress

Ngoài ra, nếu bạn cần sử dụng tiêu đề tiện ích có liên quan đến thẻ tiêu đề của trang hoặc bài đăng, bạn có thể đặt bao nhiêu bản sao của tiện ích đó nếu cần và tạo một tiêu đề duy nhất cho mỗi

Ẩn tiện ích khỏi thiết bị di động

Bạn cũng có thể hạn chế khả năng hiển thị tiện ích khi một trang hoặc bài đăng được xem trên các loại thiết bị cụ thể

Do kích thước màn hình hạn chế nên rất dễ khiến trang hoặc bài đăng có vẻ đông đúc khi được xem từ thiết bị di động, chẳng hạn như điện thoại thông minh hoặc máy tính bảng. Chúng tôi muốn đảm bảo rằng mọi trang trông không quá dày đặc trên cả chế độ xem trên máy tính để bàn và thiết bị di động. Tuy nhiên, chúng tôi cũng muốn tận dụng lợi thế của màn hình máy tính để bàn lớn hơn để hiển thị các tiện ích có liên quan trong càng nhiều khu vực tiện ích càng tốt

Ví dụ: chúng tôi muốn chọn tham gia e-mail xuất hiện ở cả thanh bên và chân trang. Mặt khác, khi xem trên thiết bị di động, chúng tôi muốn loại bỏ các widget lặp đi lặp lại. Tùy chọn widget cho phép bạn ẩn các widget trên màn hình di động

Làm cách nào để tạo tiện ích động trong WordPress?
Ẩn tiện ích trên thiết bị di động

Cố định tiện ích thanh bên

Một cách khác để kiểm soát khả năng hiển thị của tiện ích con là làm cho chúng cố định, có nghĩa là chúng sẽ theo dõi người dùng khi cuộn lên và xuống trên một trang hoặc bài đăng trên blog. Nếu bạn giữ cho thanh bên của mình sạch sẽ hoặc chỉ áp dụng điều này cho một hoặc hai tiện ích, bạn không cần phải lo lắng về việc điều này trở nên quá khó chịu. Nhìn vào ảnh chụp màn hình bên dưới. WPMU Dev có một ứng dụng tuyệt vời về điều này trên blog của họ

Các tiện ích chia sẻ xã hội nổi trên trang mà không làm lu mờ nội dung chính và khuyến khích khách truy cập hành động bất cứ khi nào họ sẵn sàng làm như vậy. Điều này có nghĩa là họ không phải cuộn ngược lên khu vực thanh bên để tương tác với các tiện ích này

Làm cách nào để tạo tiện ích động trong WordPress?
Ví dụ về tiện ích thanh bên cố định

Tùy chọn tiện ích cung cấp tùy chọn trong đó bạn có thể cố định bất kỳ tiện ích nào và theo dõi khách truy cập khi họ cuộn. Bạn có thể chọn cố định tất cả các tiện ích của thanh bên hoặc chỉ chọn một hoặc hai tiện ích mà bạn cho rằng cần hiển thị nhiều hơn các tiện ích còn lại

Làm cách nào để tạo tiện ích động trong WordPress?
Đã sửa lỗi tiện ích thanh bên

Tùy chọn 2 – Thêm thanh bên tùy chỉnh

Tùy chọn thứ hai của bạn sẽ là tạo các thanh bên tùy chỉnh theo cách thủ công thông qua mã hóa. Điều này tẻ nhạt hơn một chút so với việc sử dụng plugin của bên thứ ba cho phép bạn tạo các thanh bên chỉ bằng vài cú nhấp chuột. Tuy nhiên, vì WordPress cung cấp rất nhiều tùy chọn mã hóa, bạn có thể chọn sử dụng nó. Bằng cách này, bạn có thể tạo chính xác những gì bạn muốn

Để bắt đầu, bạn cần đăng ký một khu vực được widget hóa. Sau đó, lưu và tải nó lên máy chủ của bạn để có thể truy cập được từ menu tiện ích. Để làm điều này, bạn cần nhập đoạn mã sau vào tệp function.php của chủ đề con của bạn. Hoặc bạn có thể sử dụng plugin miễn phí như Đoạn mã

Nó đi kèm với một số yếu tố bạn có thể thay đổi cho phù hợp với nhu cầu của bạn. Xem ví dụ sau

 __( 'For Pages Only', 'your-site' ),
'id' => 'page-only-custom-sidebar',
'description' => __( 'Contents to this widget area will be displayed on pages only.', 'your-site' ),
'before_widget' => '
', 'after_widget' => "
", 'before_title' => '

', 'after_title' => '

', ) ); } add_action( 'widgets_init', 'page_only_custom_sidebar' ); ?>

Bước tiếp theo là làm cho thanh bên hiển thị ở đâu đó trong trang web. Để làm cho nó hoạt động, hãy thêm nó vào (các) tệp mẫu ở những nơi bạn muốn chúng hiển thị. Hãy xem mã bên dưới nhằm mục đích làm cho thanh bên chỉ xuất hiện trên các trang

Để làm điều này, chúng tôi đặt nó bên trong tệp page.php của chủ đề của chúng tôi. Trong trường hợp chủ đề Twenty Seventeen, điều đó có nghĩa là nó sẽ trông như thế này



Lượt của bạn. Làm thế nào để bạn giảm tỷ lệ thoát?

Những gì tôi đã trình bày ở đây chỉ là một phần nhỏ trong một số cách để giảm tỷ lệ thoát của bạn. Thanh bên, một trong những vị trí thường bị bỏ quên nhất trên trang web, có thể trở thành công cụ mạnh mẽ để khiến khách truy cập khám phá trang web của bạn, do đó tăng cơ hội chuyển đổi. Tạo các thanh bên liên quan đến nội dung không khó, đặc biệt là với tất cả các plugin dễ sử dụng trên kho lưu trữ WordPress

Hơn nữa, vì tương tác là một trong những cách chính để giảm tỷ lệ thoát, nên để đạt được điều đó, bạn cần kiểm tra khả năng sử dụng trang web của mình

Để đạt được khả năng sử dụng, hãy nhớ rằng nội dung là vua. Bạn bắt đầu với nội dung hữu ích và ghép nối chúng với nội dung phụ phù hợp (tiện ích con, liên kết, thanh bên liên quan đến nội dung của bạn) sẽ khuyến khích họ khám phá trang web của bạn

– Jeffrey Carandang (@jeffreycarandng) ngày 1 tháng 11 năm 2018

Để đạt được khả năng sử dụng, hãy nhớ rằng nội dung là vua. Các tiện ích, liên kết hoặc thanh bên liên quan đến nội dung của bạn sẽ hướng dẫn người dùng xung quanh trang web của bạn — dẫn họ đến nội dung khác mà họ có thể thấy hữu ích. Hoặc, bạn có thể xóa hoàn toàn các thanh bên để khiến người dùng tập trung vào nội dung của bạn… nhưng đó là một cách tiếp cận khác

Bạn đã sử dụng các thanh bên hoặc widget động của WordPress trên trang web của mình chưa?


Nhận tất cả các ứng dụng, cơ sở dữ liệu và trang web WordPress của bạn trực tuyến và dưới một mái nhà. Nền tảng đám mây hiệu suất cao, đầy đủ tính năng của chúng tôi bao gồm

  • Dễ dàng thiết lập và quản lý trong bảng điều khiển MyKinsta
  • Hỗ trợ chuyên gia 24/7
  • Mạng và phần cứng Google Cloud Platform tốt nhất, được cung cấp bởi Kubernetes để có khả năng mở rộng tối đa
  • Tích hợp Cloudflare cấp doanh nghiệp cho tốc độ và bảo mật
  • Tiếp cận đối tượng toàn cầu với tối đa 35 trung tâm dữ liệu và hơn 275 PoP trên toàn thế giới

Hãy tự kiểm tra với $20 trong tháng đầu tiên của Lưu trữ ứng dụng hoặc Lưu trữ cơ sở dữ liệu. Khám phá kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm thấy sự phù hợp nhất của bạn