 |
| Schema Event và Richnet 5 sao |
- Ta có xếp hạng 5 sao gọi là Richnet -> Kiểu Schema là Product
- 3 link mở rộng bên dưới ta gọi là kiểu Schema Event
Sau đây ta sẽ cùng triển khai với 2 nền tảng Wordpress và Blogspot.
I. Triển khai Schema với Wordpress:
1) Về đánh giá Richnet 5 sao bạn cài Plugin KK rating
Gói mở rộng -> Cài mới
Search từ khóa: "KK Rating" -> Cài đặt -> Kích hoạt -> Cấu hình
Search từ khóa: "KK Rating" -> Cài đặt -> Kích hoạt -> Cấu hình
- Phần này dễ lắm nên không hướng dẫn nhiều. Bạn tự đánh sao cho bài viết của mình nhé!
- Kết quả đánh giá sẽ hiện ngoài kết quả tìm kiếm Google
 |
| Hiện thị của Plugin KK Star Rating |
Lưu ý: Nếu bạn dùng các plugin lưu cache thì cấu hình không lưu cache với kk star nếu gặp lỗi nhé.
2) Về hiển thị 3 link Events bạn thực hiện các bước sau
2.1 Cài đặt và kích hoạt plugin: WordPress Crayon Syntax Highlighter
Gói mở rộng -> Cài mớiSearch từ khóa: "WordPress Crayon Syntax Highlighter" -> Cài đặt -> Kích hoạt
 |
| WordPress Crayon Syntax Highlighter |
2.2 Chèn code Schema Events
- Edit chỉnh sửa lại các bài viết bạn muốn hiển thị link Events
- Trên thanh công cụ xuất hiện icon để bạn chèn code vào
 |
| Chèn code Schema Event vào bài viết trong Wordpress |
2.3 Code Schema Events
Copy toàn bộ code bên dưới cho vào phần mềm notepad++ thay link, nội dung cho phù hợp rồi hãy chèn vào.
<style>
.event {
width: 100%;
display: inline-block;
margin-top: 5px;
}
.eve {
padding: 1%;
width: 31.33%;
float: left;
border-bottom: 1px solid #F4F4F4;
}
.eve .date_ev {
display: block;
float: left;
border-radius: 5px;
overflow: hidden;
width: 50px;
margin-right: 10px;
}
.eve .date_ev span.month {
background: #ed1c24;
color: #fff;
font-weight: 400;
font-size: 12px;
}
.eve .date_ev span {
display: block;
font-weight: bold;
text-align: center;
width: 100%;
}.eve .date_ev span.day {
background: #DFDFDF;
padding: 6px 0;
font-size: 20px;
color: #666;
}
meta {
display: none;
}.eve a {
display: block;
text-align: left;
color: #1b9c20;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<div class='event'>
<div class='eve' itemscope='' itemtype='http://schema.org/Event'>
<span class='date_ev' content='2017/07/05' itemprop='startDate'>
<span class='month'>T.07</span>
<span class='day'>05</span>
</span>
<meta content='2020-07-07' itemprop='endDate'/>
<a class='schemah1' href='https://www.toilaquantri.com/2016/03/kinh-nghiem-quang-cao-google-adwords.html' itemprop='url'>
<span itemprop='name'>Kinh nghiệm chạy quảng cáo Google Adwords<span/></span></a>
<span itemprop='location' itemscope='' itemtype='http://schema.org/Place'>
<meta content='Kinh nghiệm Quảng Cáo Google Adwords Google.Com' itemprop='name'/>
<meta content='https://www.toilaquantri.com/2016/03/kinh-nghiem-quang-cao-google-adwords.html' itemprop='url'/>
<span itemprop='address' itemscope='' itemtype='http://schema.org/PostalAddress'>
<meta content='98 Nguyễn Văn Lượng, Gò Vấp, TPHCM' itemprop='streetAddress'/>
<meta content='TP.HCM' itemprop='addressLocality'/>
<meta content='Việt Nam' itemprop='addressRegion'/>
</span>
<span itemprop='offers' itemscope='' itemtype='http://schema.org/Offer'>
<meta content='Liên hệ' itemprop='price'/>
<meta content='VND' itemprop='priceCurrency'/>
<meta content='https://www.toilaquantri.com/2016/03/kinh-nghiem-quang-cao-google-adwords.html' itemprop='url'/>
</span>
</span>
</div>
<div class='eve' itemscope='' itemtype='http://schema.org/Event'>
<span class='date_ev' content='2017/07/01' itemprop='startDate'>
<span class='month'>T.07</span>
<span class='day'>01</span>
</span>
<meta content='2020-07-07' itemprop='endDate'/>
<a class='schemah1' href='https://www.toilaquantri.com/2016/04/dich-vu-quang-cao-google-adwords-tai-TPHCM.html' itemprop='url'>
<span itemprop='name'>Dịch vụ Google Adwords tốt nhất TPHCM<span/></span></a>
<span itemprop='location' itemscope='' itemtype='http://schema.org/Place'>
<meta content='Báo Giá Dịch Vụ Quảng Cáo Google Adwords Google.Com' itemprop='name'/>
<meta content='https://www.toilaquantri.com/2016/04/dich-vu-quang-cao-google-adwords-tai-TPHCM.html' itemprop='url'/>
<span itemprop='address' itemscope='' itemtype='http://schema.org/PostalAddress'>
<meta content='98 Nguyễn Văn Lượng, Gò Vấp, TPHCM' itemprop='streetAddress'/>
<meta content='TP.HCM' itemprop='addressLocality'/>
<meta content='Việt Nam' itemprop='addressRegion'/>
</span>
<span itemprop='offers' itemscope='' itemtype='http://schema.org/Offer'>
<meta content='Liên hệ' itemprop='price'/>
<meta content='VND' itemprop='priceCurrency'/>
<meta content='https://www.toilaquantri.com/2016/04/dich-vu-quang-cao-google-adwords-tai-TPHCM.html' itemprop='url'/>
</span>
</span>
</div>
<div class='eve' itemscope='' itemtype='http://schema.org/Event'>
<span class='date_ev' content='2017/07/12' itemprop='startDate'>
<span class='month'>T.07</span>
<span class='day'>12</span>
</span>
<meta content='2020-07-07' itemprop='endDate'/>
<a class='schemah1' href='https://www.toilaquantri.com/2016/12/toi-uu-diem-chat-luong-google-adwords-len-10.html' itemprop='url'>
<span itemprop='name'>Tối ưu điểm chất lượng Google Adwords lên 10/10<span/></span></a>
<span itemprop='location' itemscope='' itemtype='http://schema.org/Place'>
<meta content='Tối ưu điểm chất lượng Google Adwords lên 10/10' itemprop='name'/>
<meta content='https://www.toilaquantri.com/2016/12/toi-uu-diem-chat-luong-google-adwords-len-10.html' itemprop='url'/>
<span itemprop='address' itemscope='' itemtype='http://schema.org/PostalAddress'>
<meta content='98 Nguyễn Văn Lượng, Gò Vấp, TPHCM' itemprop='streetAddress'/>
<meta content='TP.HCM' itemprop='addressLocality'/>
<meta content='Việt Nam' itemprop='addressRegion'/>
</span>
<span itemprop='offers' itemscope='' itemtype='http://schema.org/Offer'>
<meta content='Liên hệ' itemprop='price'/>
<meta content='VND' itemprop='priceCurrency'/>
<meta content='https://www.toilaquantri.com/2016/12/toi-uu-diem-chat-luong-google-adwords-len-10.html' itemprop='url'/>
</span>
</span>
</div> </div>
Nguyên tắc khi sử dụng code Schema Events (quan trọng)
- Dùng URL nào thì lấy chính xác tiêu đề bài viết của URL đó
- Mô tả có thể viết tự do không cần phải giống với Meta Description của URL đó
- Thay lại địa chỉ cty / cửa hàng của bạn
- URL mỗi liên kết xuất hiện 3 lần lận nhé!
- 3 link Events phải liên quan đến bài viết đang chèn nhé. Ví dụ bài gốc nói về Facebook thì 3 link mở rộng cũng phải nói về Facebook
- Code CSS là code chia ra 3 cột. Bạn có thể tự do tùy chỉnh lại code CSS cho đẹp hơn.
- Chèn tại bài viết hoặc trang Catelogy. Không chèn tại trang chủ.
2.4 Submit lại bài viết vừa chèn code Schema Events
Link submit: https://www.google.com/webmasters/tools/submit-url
Khoảng 1-3 ngày là Google sẽ cập nhật lại
2.5 Kiểm tra kết quả Schema
1. Search trực tiếp trong Google để xem kết quả hiển thị (sau khi Google cập nhật lại)
2. Kiểm tra cấu trúc dữ liệu nhanh tại: https://search.google.com/structured-data/testing-tool/u/0/. Dán URL bài viết vừa chèn sẽ xuất hiện mục Event là ok nhe!
3. Xem mục dữ liệu có cấu trúc trong Search Console (cũng phải chờ Google cập nhật lại)
Lưu ý: Bạn thấy Mục Event hiện cảnh báo thì không sao cả nhé. Cảnh báo chỉ là Google muốn cung cấp thêm thông tin cho chính xác, không có cũng không sao. Nếu bạn hiểu cấu trúc thì sửa lại cho chuẩn luôn hoặc để mặc định như vậy.
II. Triển khai Schema Events đối với Blogger
Đối với Blogger và các dạng website 2.0 khác thì phải chèn code cứng
1. Chèn Richnet 5 sao thì xem tại đây
2. Chèn code Event cho Blogger
- Cũng sử dụng code Events như trên Wordpress. Bạn copy đoạn code trên
- Chèn dưới vị trí của Code richnet 5 sao. Hoặc trên cũng được
- Submit lại và chờ kết quả như trên.
- Các lưu ý khi chèn Code Schema Event trên blogger ở bài trên cũng giống như chèn code Richnet. Chèn chuẩn để tránh SPAM
Theo: toilaquantri.com
