Trang chủ WordpressWordpress Plugin Thu hút truy cập với FAQ trên Google và cách chèn với Rank Math SEO

Thu hút truy cập với FAQ trên Google và cách chèn với Rank Math SEO

bởi Thạch Phạm
40 bình luận 3676 views
Khuyến mãi hosting

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, 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 202
Hiển thị FAQ 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 203
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.

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.

Thu hút truy cập với FAQ trên Google và cách chèn với Rank Math SEO 204
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 205
Hiển thị FAQ với hiệu ứng accordion

Mình cũng nói luôn là việc hiển thị FAQ kiểu accordion như thế này là mình chôm chỉa từ blog VietMoz 🤪. 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 nhớ icon ảnh này về và 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 206

Chúc bạn thành công nha.

40 bình luận

Có thể bạn quan tâm

40 bình luận

HỨA THÀNH LƯU 18/09/2020 - 9:34 Sáng

Xin chào anh!
Em đang cần tối ưu web này: https://binhduongco.com
Bên anh tư vấn giúp em nhe.
Zalo 09.4646.9797
Xin cảm ơn anh

Reply
Hoang Nguyen 12/09/2020 - 2:10 Chiều

Trong phần YOAST SEO có cái này mà, mọi người vào xem hướng dẫn có hết nhé!
Chúc các bạn thành công
Biệt thự The Eden Bay

Reply
vi đình tuấn 09/09/2020 - 2:37 Sáng

Trên plugin Yoast seo có làm đc FAQ gioonga rank math ko anh ơi

Reply
Mong Innova 06/09/2020 - 5:27 Chiều

cho mình hỏi là khi bài viết có FAQ m tạo xong thì tự động nó hiện thị hay còn p chèn j nữa cho nó nó mới hiển thị vậy ạ?

Reply
david nguyen 01/09/2020 - 2:05 Chiều

Hay quá, em vừa mới cài Rank Math xong luôn nên qua xem

Reply
Mái Che Phú Quý 31/08/2020 - 7:20 Chiều

Hay quá bác ơi

Reply
laocai 25/08/2020 - 9:01 Sáng

bạn ơi giúp mình chống spam với
web toàn bị spam

Reply
Thép Trường Phát TpHCM 29/08/2020 - 10:08 Chiều

Bạn cài reCAPTCHA vào.

Reply
Lợi 22/08/2020 - 8:56 Chiều

trang em dạng danh mục sản phẩm thì có hiển thi được không ạ ?. em có làm theo hướng dẫn nhưng không thấy hiện ạ

Reply
Nguyễn Hoàng Sang 14/08/2020 - 1:09 Chiều

Bạn nhớ icon … về và thay //thachpham 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.

Anh ơi, cái hình này là hình nào nhỉ, sao e tải ko dc

Reply
Thạch Phạm 15/08/2020 - 12:22 Chiều

Bạn chép thachpham.com/chevron-down-black.svg lên trình duyệt và download về, sau đó upload lên server/host của bạn là được.

Reply
Bất động sản Hồng Hà 21/08/2020 - 5:02 Chiều

Down về dưới dạng save website xong rồi vào Adobe AI xuất lại lần nữa rồi mới up lên source. Up xong nhớ đổi link hình là được 😀

Reply
Bùi Đức Hiệp 14/08/2020 - 9:57 Sáng

Ơ nhưng mà thực sự ko muốn dùng cái trình soạn thảo kiểu block editor tí nào :'( anh em nào có cách khác không vậy

Reply
Thạch Phạm 15/08/2020 - 12:23 Chiều

Không bạn nha, block editor bạn xài quen có khi ghiền đó 🤪

Reply
Shophouse.vn 05/08/2020 - 3:52 Chiều

Em đã làm được flatsome bất động sản, thu gọn thì cuối trang đỡ rác hơn khi khách coi.
Bài này em coi 1 lần mà tìm lại trên google không thấy, anh Thạch gắn lại từ khóa cho bài này cho mọi người dễ tìm hơn

gõ: thachpham.com rankmath
thì google mới ra top 2 bài này.

Gõ: thachpham.com fagpage
Thìgoogle không ra luôn anh

Reply
Duong Lam 04/08/2020 - 6:18 Chiều

Mr. Thạch có sử dụng thử qua Instant Indexing API của Rankmath chưa và không biết đã dùng thử cho FAQ không và có index được không?

Reply
Huyền Nguyễn 01/08/2020 - 10:42 Sáng

em cảm ơn anh Thạch nhiều

Reply
Huy Lê 01/08/2020 - 10:41 Sáng

hay quá, cảm ơn Thạch nhiều, dùng Rank Math đúng dễ dàng

Reply
Rồng 22/07/2020 - 2:29 Sáng

không liên quan đến bài viết lắm nhưng cho e hỏi: e mới mua host bên stablehost và làm một blog đơn giản bằng wordpress. Trang đăng nhập cpanel của host là cpanel.domainname.com hoặc domainname.com/cpanel, liệu có cách nào để thay đổi đường dẫn này để bảo mật giống như trang wp-admin ko anh?

Reply
kiếm tiền 101 21/07/2020 - 4:30 Chiều

Bạn đang tìm hiểu về Affiliate hay Affiliate Marketing để phát triển website hay đơn giản là để <a href=”https://kiemtien101.com/chia-se-cach-kiem-tien/” rel=”dofollow”><strong>kiếm tiền online</strong></a>, để mỗi tháng bạn sẽ có một nguồn thu nhập thụ động dễ dàng. Tại https://Kiemtien101.com chúng tôi chia sẻ rất nhiều các bước cơ bản và bài bản để xây dựng được Affiliate hiệu quả và lợi nhuận. Bên cạnh đó còn có rất nhiều những bài chia sẻ thông tin hữu ích về cách hình thức kiếm tiền Online khác nhau

Reply
Kha Hà 14/07/2020 - 9:24 Chiều

Em có tắt chức năng Schema Rankmath và chỉ dùng Schema Pro, phần Fagpage check schema của google xem trước thấy ok, mà không bao giờ hiện được cho dù 1 lần trên tìm kiếm.

Thử tắt Schema Pro và dùng lại cách làm Rankmath của anh coi xem hiện được không ^^

Reply
Quang Anh AQ 08/07/2020 - 12:00 Chiều

Script chỉ hoạt động trên post, còn trường hợp Page thì sao Thạch Phạm ơi

Reply
Shophouse.vn 05/08/2020 - 11:53 Chiều

Page Post đều hiện hết được nha bạn.

Reply
Hậu 07/07/2020 - 3:06 Chiều

Cám ơn anh đã share, em vừa mới cài rank math xong qua đọc thêm bài này

Reply
Tuấn Anh 07/07/2020 - 2:10 Sáng

AD đang sài kk rating ạ, cho em hỏi có cách nào lấy dữ liệu sao không ạ kiểu em muốn hiển thị số lượt đánh sao ra home mà không thấy tác giả cung cấp filter hay hàm gì để gọi nó ra ạ.

Reply
Dungzi 04/07/2020 - 9:17 Sáng

cài đặt rank mathseo này có ảnh hưởng hay xung đột với các addon khác dạng như yoatseo ko anh

Reply
Ngô Văn Sơn 30/06/2020 - 11:01 Chiều

Thạch ơi nói rõ hơn phần này được ko : “hoặc nhúng vô tập tin .js trên theme của bạn đều được”? Mình không muốn cài thêm plugin.

Reply
Shophouse.vn 05/08/2020 - 11:54 Chiều

Nếu bạn xài flatsome, vào advande, vô phần footer, dán đoạn mã trên bài viết vào là xong

Reply
Phong Nguyen 30/06/2020 - 9:33 Sáng

Cái này dùng cho Yoast SEO FAQ thì làm sao vậy a

Reply
Phong Nguyen 29/06/2020 - 2:39 Chiều

Tranh thủ vào làm thể còn ngắm kết quả chứ mai mốt a em làm đại trà chắt a gồ sẽ làm gắt hơn phần này

Reply
Lê Văn Hiếu 27/06/2020 - 4:53 Chiều

Thường Schema FAQ sẽ không xuất hiện nếu bài viết Có Mục lục và mục lục đó xuất hiện Neo trên Google thì phải

Reply
Shophouse.vn 05/08/2020 - 11:55 Chiều

Không neo đâu bạn, xuất hiện theo code bài viết không phải là heading đâu, mà là span

Reply
linh 26/06/2020 - 12:05 Chiều

bạn ơi lỗi không thêm được <h2 class=”rank-math-title”> mà chỉ thêm được chữ Câu hỏi thường gặp dùng các hàm khác thêm thẻ html cũng không được không biết lỗi do đâu nhỉ

Reply
Nghia Phuong 25/06/2020 - 1:20 Chiều

Cam on anh Thach Pham. Bai viet nào cung chat.

Reply
máy lọc nước nóng lạnh 22/06/2020 - 9:53 Sáng

mình cũng đang mày mò tập làm web, rất cảm ơn bạn với những chia sẻ

Reply
Tiny Võ 21/06/2020 - 5:12 Sáng

Anh cho em hỏi cách làm hình gif như phần kết quả của anh được không. Cảm ơn anh

Reply
Blog học piano 19/06/2020 - 2:59 Chiều

Bác Thạch ơi, em hỏi với, em cài plugin discuz mà sao lại ko thấy nút phản hồi nhanh ở dưới comment vậy bác nhỉ

Reply
An Tran 19/06/2020 - 2:32 Chiều

Hay quá, em vừa mới cài Rank Math xong luôn nên qua xem

Reply
Pháp Trình 18/06/2020 - 7:00 Sáng

Em thì không thích cách tùy biến chèn CSS vào khung tùy biến, kiểu chẳng ưu thêm đoạn mã gì vào cả 😀 Nếu được nên để như vậy hoặc tìm 1 plugin thay thế vấn đề này.

Reply
Nguyên Dương 15/06/2020 - 3:21 Chiều

quá đỉnh a ơi :D, dạo này a up bài thường xuyên ghê, hóng.

Reply

Để lại một bình luận

* Khi bình luận, bạn đồng ý rằng thông tin bạn nhập vào bao gồm tên, email và địa chỉ IP sẽ được lưu giữ tại website.