31/12/2022 | Thương Trần

Khi sử dụng RankMath SEO, nó có hỗ trợ sẵn một tính năng đó là chèn hộp hiển thị FAQ (Frequently Asked Questions – Câu hỏi thường gặp) vào trong nội dung bài viết.

Tính năng này không chỉ giúp tạo một phần FAQ đơn thuần trong bài viết mà còn thu hút lượt truy cập bằng việc hiển thị các câu hỏi này lên kết quả tìm kiếm.

Trong bài viết này mình sẽ hướng dẫn qua cách chèn FAQ vào bài viết có hỗ trợ trong Rank Math SEO, và làm đẹp nó như cách hiển thị của mình.

CÁCH CHÈN FAQ CỦA RANK MATH SEO VÀO BÀI VIẾT

Để chèn được FAQ của Rank Math SEO, bạn phải sử dụng khung soạn thảo kiểu khối (block editor, hay còn gọi là Gutenberg). Nếu bạn dùng plugin Classic Editor thì nhớ chuyển lại qua khung soạn thảo kiểu khối thì mới chèn được nhé.

Khi viết bài ở khung soạn thảo kiểu khối, bạn tạo một element với tên FAQ by Rank Math và thêm các câu hỏi, giống như ảnh dưới đây.

Thu Hút Truy Cập Với Faq Trên Google Và Cách Chèn Với Rank Math Seo

Cách thêm FAQ của RankMath SEO vào bài viết

Vị trí chèn hay nhất đó là chèn vào cuối bài viết, như một kiểu tóm tắt lại nội dung bạn đã trình bày trước đó theo dạng các câu hỏi để người dùng có thể tìm được thông tin bổ ích tại khu vực này.

Thu Hút Truy Cập Với Faq Trên Google Và Cách Chèn Với Rank Math Seo

Sau khi thêm hoàn tất, các câu hỏi và câu trả lời nó sẽ hiển thị trong bài viết như kiểu này.

FAQ hiển thị trong bài viết, như một đoạn văn bản bình thường

LÀM ĐẸP FAQ CỦA RANKMATH SEO

Mặc định phần FAQ nó sẽ hiển thị như một đoạn nội dung bình thường, hoàn toàn không có hiệu ứng accordion như trên blog của mình.

Thu Hút Truy Cập Với Faq Trên Google Và Cách Chèn Với Rank Math Seo

Hiển thị FAQ với hiệu ứng accordion

Nếu bạn muốn hiển thị kiểu thế này thì chèn CSS và JavaScript như sau.

Bạn vào Appearance => Customizer (Giao diện => Tùy biến) và tìm mục Custom CSS hoặc Additional CSS rồi chèn đoạn mã CSS sau vào:

/** Rank Math SEO FAQ **/
#rank-math-faq {
	margin-top: 40px;
	border: 1px solid #e0e0e0;
	border-top: 4px solid #22a8e2;
	padding: 20px;
	position: relative
}
#rank-math-faq .rank-math-question {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	padding: 18px 0 13px;
	margin-top: 0;
	margin-bottom: 0;
	color: #333;
	position: relative;
	cursor: pointer
}

#rank-math-faq .rank-math-question:after {
	content: "";
	background: url(//thachpham.com/chevron-down-black.svg) no-repeat right center;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 1;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all .3s
}

#rank-math-faq .rank-math-question.faq-active:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

#rank-math-faq .rank-math-list-item:not(first-child) .rank-math-answer {
	display: none
}

#rank-math-faq .rank-math-list-item:not(:last-child) {
	border-bottom: 1px solid #f0f0f0
}

#rank-math-faq .rank-math-answer {
	padding: 0 10px
}

#rank-math-faq .rank-math-answer p,
#rank-math-faq .rank-math-answer {
	color: #666;
	background-color: #fff;
	font-size: 18px
}

Bạn thay //thachpham.com/chevron-down-black.svg thành link icon của bạn nhé. Buồn đời mình xóa mất hoặc thay đổi đường dẫn là bạn sẽ bị mất cái nút đổ xuống ngay.

Sau đó bạn cài plugin Header and Footer Scripts và chèn đoạn sau vào Scripts in footer, hoặc nhúng vô tập tin .js trên theme của bạn đều được:

<script>
(function($) {
    if ($('body').hasClass('single-post')) {
        $('#rank-math-faq').prepend('<h3 class="rank-math-title">Câu hỏi thường gặp</h3>');
        $('.rank-math-question').click(function(event) {
            if (!$(this).parent().find('.rank-math-answer ').is(":visible")) {
                $('.rank-math-question').removeClass('faq-active');
                $(this).addClass('faq-active');
                $('.rank-math-answer ').hide();
            } else {
                $(this).removeClass('faq-active');
            }
            $(this).parent().find('.rank-math-answer ').toggle(300);
        });
    }
})(jQuery);
</script>

Kết quả:

Thu Hút Truy Cập Với Faq Trên Google Và Cách Chèn Với Rank Math Seo

Các bạn có thể tìm hiểu thêm về Rank Math Seo và các nội dung bài viết liên quan trong mục khác về các mẹo hướng dẫn hữu dụng tại đây: Dịch vụ marketing

Để có thể mua Proxy cho IPv6 bạn có thể mua tại website proxyv6.net.

Bạn có thể tham khảo trên Google.

Bài viết khác

Meme Marketing và những bài học vỡ lòng

Meme Marketing và những bài học vỡ lòng

Ngày nay, nhận thấy tiềm năng tiếp thị to lớn của meme trong marketing, các doanh nghiệp đã ứng dụng nó vào các chiến lược xây...
Xem thêm
Customer Journey là gì? Hướng dẫn xây dựng hành trình khách hàng trong Marketing

Customer Journey là gì? Hướng dẫn xây dựng hành trình khách hàng trong Marketing

Customer Journey là yếu tố then chốt giúp doanh nghiệp kinh doanh hiệu quả. Xây dựng một hành trình khách hàng tối ưu không chỉ...
Xem thêm
Google Search Console là gì? Cách đăng ký và thiết lập 

Google Search Console là gì? Cách đăng ký và thiết lập 

Google Search Console là một công cụ SEO mạnh mẽ mà mọi chủ sở hữu website không thể bỏ qua. Công cụ này đặc biệt...
Xem thêm
Lỗi 404 not found là lỗi gì? Cách khắc phục lỗi 404 trên điện thoại và web

Lỗi 404 not found là lỗi gì? Cách khắc phục lỗi 404 trên điện thoại và web

Khi duyệt web hoặc thực hiện một tác vụ trên trình duyệt của máy tính hay điện thoại, bạn có thể gặp phải lỗi 404...
Xem thêm
KOC là gì? Phân biệt KOC và KOL

KOC là gì? Phân biệt KOC và KOL

Bạn có thắc mắc về thuật ngữ "KOC" trong lĩnh vực truyền thông xã hội và marketing kỹ thuật số? Trong bối cảnh tiếp thị...
Xem thêm

Buy Private Socks5 & HTTP proxies

Proxies for many purpose such as adsvertising, marketing, data crawl, ...

BUY PROXY V6 V4

Lựa chọn của người biên tập

Croxyproxy Instagram là gì? Cách sử dụng Croxy Proxy Instagram

Croxyproxy Instagram là gì? Cách sử dụng Croxy Proxy Instagram

Nội dungCÁCH CHÈN FAQ CỦA RANK MATH SEO VÀO BÀI VIẾTLÀM ĐẸP FAQ CỦA RANKMATH…
Xem thêm