schema-markup-rank-math

Schema là gì? Cách dùng Schema markup rank math 2021

Avatar of Hoàng Duẩn

Schema markup rank math là gì? Schema là gì? Schema markup là gì?…Thời gian qua anh em làm SEO nghe rất nhiều về cấu trúc Schema – Schema Structured Data, cách khai báo Schema cho Website. Trên thực tế thì khái niệm này không hề mới, nhưng đa số người dùng trên internet không biết đến mà thôi. Vậy chính xác nó là gì? Làm cách nào để chèn Schema vào website wordpress.

Tham khảo:

Schema markup là gì?

Schema markup, Schema.org hay Schema đều có cùng một ý nghĩa đó là khai báo cho các bộ máy tìm kiếm biết được đây là đoạn đánh dáu dữ liệu có cấu trúc (tức Structured Data). Để khai báo Schema cho trang web thì yêu cầu phải sử dụng đến một đoạn code bằng html hoặc java.

Schema không được tạo ra từ một công ty, đơn vị mà nó là sản phẩm chung của 4 công ty tìm kiếm lớn nhất đó chính là Google, Yahoo, Bing, và Yandex.

Công dụng của Schema là gì?

Schema markup giúp các công cụ tìm kiếm phân loại và cho ra kết quả tìm kiếm chính xác hơn, suy cho cùng thì mọi công cụ tìm kiếm đều muốn phục vụ tốt nhất cho người dùng. Chính vì vậy, Schema đóng vai trò quan trọng đối với việc làm SEO chuyên nghiệp hiện nay.

Schema đối với công cụ tìm kiếm:

Các bộ máy tìm kiếm chung quy cũng như là robot, làm việc theo các thuật toán hiện đại, nhưng để có thể tìm kiếm và truy xuất thông tin chính xác 100% thì rất là khó.

Chính vì vậy, Schema ra đời cũng giúp đỡ rất nhiều trong quá trình phân loại kết của tìm kiếm, nhờ đó đưa ra kết quả chính xác hơn.

Schema là gì? Cách dùng Schema markup rank math 2021

Schema đối với người dùng:

Sử dụng Schema markup sẽ làm bài viết khi được hiển thị trên kết quả tìm kiếm sinh động hơn, rõ ràng hơn và mang lại cảm giác rất chuyên nghiệp trong mắt người dùng.

Có rất nhiều loại Schema, ví dụ: địa điểm, việc làm, sự kiện, sản phẩm….

Schema là gì? Cách dùng Schema markup rank math 2021

Khái quát về Schema Markup:

Tuy Schema có nhiều ảnh hưởng tốt đến việc làm SEO nhưng không phải ai cũng có thể sử dụng thành thạo nó. Để kiểm tra xem website của bạn đã cài Schema hay chưa, hoặc cấu trúc Schema của bạn đang gặp vấn đề gì không thì làm như sau:

Bước 1: Truy cập https://search.google.com/structured-data/testing-tool/.

Bạn nhập địa chỉ trang web của mình vào để kiểm tra. Bạn bấm “TÌM NẠP” và “CHẠY THỬ NGHIỆM”.

Bước 2: Kiểm tra kết quả trả về, nếu các dữ liệu càng nhiều thì chứng tỏ site của bạn được cấu trúc tốt và công cụ tìm kiếm càng dễ hiểu được nội dung.

Phân loại Schema Markup Rank Math:

Rich Snippet là nội dung hiển thị đặc biệt mà Google đã hỗ trợ từ lâu. Và Rank Math SEO sẽ giúp website có cơ hội hiển thị nội dung được markup theo Rich Snippet.

Hiện tại Rank Math SEO hỗ trợ tới 13 kiểu Rich Snippet khác nhau bao gồm:

  • Article – Định dạng hiển thị bài viết dành cho các trang báo, blog, tin thể thao mà nó sẽ hiển thị thành phần Top Stories trên kết quả tìm kiếm.
  • Book – Hiển thị thông tin về một quyển sách nào đó trên kết quả tìm kiếm.
  • Course – Định dạng này sẽ hiển thị thông tin chi tiết của một khóa học bao gồm các chương trong một khóa học.
  • Event – Nếu bạn đang bán vé của một sự kiện nào đó thì định dạng rich snippet này sẽ hiển thị chi tiết của sự kiện bao gồm link mua vé, thông tin sự kiện, thời gian địa điểm rõ ràng khi người dùng gõ “events near me” trên Google.
  • Job Posting – Định dạng hiển thị thông tin bài tuyển dụng việc làm khi người dùng gõ “Jobs”, nếu tin tuyển dụng của bạn gần vị trí người tìm nó sẽ hiển thị ra.
  • Music – Hình như Google không hỗ trợ nữa.
  • Product – Hiển thị thông tin sản phẩm chi tiết và thường thấy nhất là khi tìm kiếm trên điện thoại. Để thử nghiệm bạn có thể lên Google ở điện thoại gõ “giày adidas alphabounce”. Cái này mình thường chỉ thấy nó hiển thị cho một số sản phẩm có thương hiệu rõ ràng thôi.
  • Recipe – Cũng là một kiểu hiển thị trên thiết bị di động khi tìm công thức nấu ăn, nó sẽ hiển thị thêm phần đánh giá của công thức này và thời gian hoàn thành.
  • Restaurants – Google không còn hỗ trợ.
  • Video – Hiển thị video trên kết quả tìm kiếm, không tính Youtube nhé.
  • Person – Google không còn hỗ trợ.
  • Service – Google không còn hỗ trợ.
  • Softwawre App – Nếu trang của bạn có hiển thị thông tin của một ứng dụng nào đó thì kiểu Rich Snippet này sẽ hiển thị kết quả của bạn đẹp và đầy đủ hơn. Cái này mình chưa thấy thực tế nó hiển thị ra bao giờ.
  • FAQ – Hiển thị danh sách các câu hỏi và câu trả lời liên quan đến nội dung ngay ở kết quả tìm kiếm

Theo Thạch Phạm

Cách dùng Schema Markup Rank Math

Để Schema xuất hiện trên trình duyệt thì cần tuân thủ một số nguyên tắc sau, nếu không thì chả thấy gì đâu. Lý do thì mình không rõ, chỉ biết vậy thôi.

Yêu cầu:

Bài viết hoặc trang cần phải được chỉnh sửa bằng soạn thảo khối (block editor, hay còn gọi là Gutenberg). Nếu bạn đang dùng plugin Classic thì bấm chọn lại soản thảo kiểu khối block thì mới dùng được.

Chỉ có thể sử dụng nếu cài Plugin Rank Math SEO Pro, bạn có thể mua tại trang chủ của nó tại đây.

Hoặc tải miễn phí Rank Mark SEO ở cuối bài viết.

Cách chèn FAQ Schema vào bài viết:

Lưu ý: Vị trí chèn FAQ tốt nhất là cuối bài viết, như kiểu tóm tắt nội dung sau mỗi bài vậy.

Để chèn khối FAQ bạn bấm vào hình dấu “+” để thêm khối.

Schema markup rank math

Kết quả đạt được sẽ như thế này khi hiển thị kết quả tìm kiếm trên Google.

schema faq
Hiển thị của FAQ Schema trên kết quả tìm kiếm (Ảnh Thạch Phạm)

Để kết quả hiển thị đẹp hơn nữa, kiểu như hình này:

Schema markup rank math

Thì 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
}

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>

Cái này mình thấy khá hay nên đăng lên blog để sau còn giới thiệu cho độc giả của mình. Kiến thức mình tham khảo từ blog của Thạch Phạm.

Kết quả đạt được là:

Schema markup rank math
Kết quả của FAQ Schema (Ảnh Thạch Phạm)

Tải plugin rank math miễn phí:

Bấm vào đây Rank Math SEO Pro miễn phí

0 0 Nhận xét
Article Rating

Bạn đang quan tâm đến nội dung này?

Hãy theo dõi bài viết này để được thông báo khi có cập nhật mới

Cảm ơn bạn đã quan tâm

Hình như chưa được

Đăng ký
Thông báo về
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả các bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luậnx
()
x