Win2T.com Blog công nghệ và marketing and review truyện
  • Home
  • Marketing
  • Công nghệ thông tin
    • WordPress
    • Design
    • Thủ thuật
    • Tài liệu
  • Sức khoẻ – Đời sống
  • Tự sự – Tản mạn
No Result
View All Result
  • Home
  • Marketing
  • Công nghệ thông tin
    • WordPress
    • Design
    • Thủ thuật
    • Tài liệu
  • Sức khoẻ – Đời sống
  • Tự sự – Tản mạn
No Result
View All Result
Win2t.com Chia sẻ kiến thức về marketing...
No Result
View All Result
Home Công nghệ thông tin

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

Vũ Trọng by Vũ Trọng
03/05/2021
in Công nghệ thông tin, Wordpress
0 0
0
Thu hút truy cập với FAQ trên GOOGLE và cách chèn với Rank Math Plugin
0
SHARES
60
VIEWS
Share on FacebookShare on Twitter

Khi sử dụng plugin Rank Math SEO, có hỗ trợ sẵn tính năng đó là chèn FAQ hiện thị trên google (Câu hỏi thường gặp) vào trong nội dùng bài viết của chúng ta.

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 lên kết quả tìm kiếm trên google, giống như ảnh dưới:

Hiển thị FAQ lên kết quả tìm kiếm
Hiển thị FAQ lên kết quả tìm kiếm

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

HƯỚNG DẪN THÊM FAQ CỦA Rank Math SEO VÀO BÀI VIẾT

Để chèn được FAQ của Rank Math vào thì bạn phải sử dụng khung soạn thảo kiểu mới của wordpress 5x (Block Editor, hoặc được gọi là Gutenberg). Nếu bạn dùng khung soạn thảo kiểu cũ Classis Editor thì nhớ chuyển lại qua khung soạn thảo kiểu khối mới của wordpress 5 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 sau.


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

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

Vị trí mà câu hỏi FAQ nên chèn nhất là vào cuối bài viết, như kiểu tóm tắt lại nội dung toàn bộ bài viết đó.

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ư sau:

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

CÁCH LÀM ĐẸP CHO PHẦN FAQ RANK MATH SEO

Mặc định FAQ sẽ hiện thị như một đoạn nội dung bình thường, hoàn toàn không có các hiệu ứng accordion như sau:

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

Để có thể có hiệu ứng như trên các bạn cần thêm đoạn code sau vào trong css và JavaScript nhé.

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ớ thay lại link icon trong file css sau /chevron-down-black.svg thành link icon của bạn nhé.

Sau đó các bạn cài Plugin Header and Footer Scripts và chèn đoạn code sau vào scrips in footer, hoặc thêm vào file .js trên giao diện của bạn cũng đượ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ả như sau:

faq rankmathseo accodion result
Thu hút truy cập với FAQ trên GOOGLE và cách chèn với Rank Math Plugin 3

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

Tags: FAQRank Math SEO
Vũ Trọng

Vũ Trọng

Chàng khờ học đòi người ta... Xàm tí thôi chứ yêu cái đẹp và không thích quan tâm thị phi!!

Bài Viết Liên Quan

Có gì mới trong bản cập nhật WordPress 5.7?
Công nghệ thông tin

Có gì mới trong bản cập nhật WordPress 5.7?

03/05/2021
225
Giao diện Landing Page miễn phí cho Ladipage
Công nghệ thông tin

Giao diện Landing Page miễn phí cho Ladipage

03/05/2021
228
Landing page là gì? Vì sao Landing Page tăng chuyển đổi khi chạy quảng cáo?
Công nghệ thông tin

Landing page là gì? Vì sao Landing Page tăng chuyển đổi khi chạy quảng cáo?

03/05/2021
45
Cấu hình thông báo đơn hàng Woocommerce qua ứng dụng Telegram
Công nghệ thông tin

Cấu hình thông báo đơn hàng Woocommerce qua ứng dụng Telegram

03/05/2021
104
Yoast SEO – Công cụ hỗ trợ tạo dựng blog thân thiện với SEO cho WordPress
Công nghệ thông tin

Yoast SEO là gì? Hướng dẫn sử dụng SEO By Yoast cực đơn giản

03/05/2021
64
Hướng dẫn cài WP Fomo
Công nghệ thông tin

Plugin thông báo mua hàng WP Fomo

03/05/2021
512

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

  • Trending
  • Bình luận
  • Mới nhất
Chia sẻ Flatsome có key active chuyên dùng để làm website shop bán hàng, website TMĐT

Chia sẻ Flatsome có key active chuyên dùng để làm website shop bán hàng, website TMĐT

03/05/2021
Chia sẻ theme Jnews v7.1  cực mượt có key active tự update

Chia sẻ theme Jnews v7.1 cực mượt có key active tự update

03/05/2021
Chia sẻ bộ theme builder DIVI bởi elegant có key vĩnh viễn

Chia sẻ bộ theme builder DIVI bởi elegant có key vĩnh viễn

03/05/2021
Online Shop theme miễn phí

10 Theme wordpress bán hàng miễn phí năm 2020

03/05/2021
Người không giỏi văn viết Content được không? 

Người không giỏi văn viết Content được không? 

03/05/2021
Chia sẻ Flatsome có key active chuyên dùng để làm website shop bán hàng, website TMĐT

Chia sẻ Flatsome có key active chuyên dùng để làm website shop bán hàng, website TMĐT

2
Dạng content big

5 Dạng Content phổ biến nhất hiện nay 

2
5 Bí quyết hữu ích giúp bạn làm tốt “nghề Content”

5 Bí quyết hữu ích giúp bạn làm tốt “nghề Content”

2
Chia sẻ plugin swift performance pro nulled tối ưu cache và pagespeed website

Chia sẻ plugin swift performance pro nulled tối ưu cache và pagespeed website

1
rank-math-after

Rank Math Pro Plugin hỗ trợ SEO WordPress nhiều tính năng

1
Viết cho cảm xúc mới

Viết cho những cảm xúc mới! 

12/05/2021
yêu thương

Nhật ký chia tay mối tình đầu

06/05/2021
Chọn từ khóa SEO

9 Cách chọn từ khóa SEO mới nhất 2021

05/05/2021
CTR – Click Through Rate là gì? CTR bao nhiêu là tốt?

CTR – Click Through Rate là gì? CTR bao nhiêu là tốt?

04/05/2021
Ngày mưa buồn

Ngày mưa…

03/05/2021

ĐỀ XUẤT - CHO BẠN

Viết cho cảm xúc mới

Viết cho những cảm xúc mới! 

12/05/2021
36
yêu thương

Nhật ký chia tay mối tình đầu

06/05/2021
35
Chọn từ khóa SEO

9 Cách chọn từ khóa SEO mới nhất 2021

05/05/2021
126
CTR – Click Through Rate là gì? CTR bao nhiêu là tốt?

CTR – Click Through Rate là gì? CTR bao nhiêu là tốt?

04/05/2021
53

Win2T.Com

Win2t Blog phát triển theo hướng chia sẻ kiến thức kinh nghiệm về lĩnh vực marketing và công nghệ

DMCA.com Protection Status

Chuyên mục

  • Công nghệ thông tin
  • Marketing
  • Sức khoẻ – Đời sống
  • Tài liệu
  • Thủ thuật
  • Tự sự – Tản mạn
  • Wordpress

Đăng ký nhận tin

© 2020 Win2T -  Design by Vũ Trọng

  • Giới thiệu
  • Chính sách bảo mật
  • Liên Hệ

No Result
View All Result
  • Home
  • Marketing
  • Công nghệ thông tin
    • WordPress
    • Design
    • Thủ thuật
    • Tài liệu
  • Sức khoẻ – Đời sống
  • Tự sự – Tản mạn

Copyright © 2020 Win2T.Com -Design by Vũ Trọng.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Go to mobile version