 |
| Tối ưu cấu trúc dữ liệu trên Blogger |
Cấu trúc lập trình mới sẽ khai báo phần Header, Sidebar, Footer.... với các chuẩn khai báo mới.
Các cấu trúc lập trình cũ thường sửa dụng <div để khai báo cho các thành phần blog như:
<div id=\"header-wrapper\">
<div id=\"sidebar-wrapper\">
<div id=\"footer-wrapper\">
......
Sẽ được thay thành:
<div id=\"header-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/WPHeader\">
<aside id=\"sidebar-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/WPSideBar\">
<footer id=\"footer-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/WPFooter\">
......
Trong bài viết này theo kinh nghiệm của mình sẽ hướng dẫn các bạn tối ưu cấu trúc của blogger của bạn. Bài viết #3 nằm trong chuỗi bài viết Tối ưu SEO Onpage
Kiểm tra website của bạn đã tối ưu cấu trúc chưa?
Truy cập trang web structured-data và kiểm tra website của bạn. Công cụ sẽ hiện cấu trúc của website và để xuất cho bạn các lỗi cần phải sửa, lưu ý là các lỗi này khi fix rất khó khăn và không phải ai cũng có thể làm được nếu chưa rõ sâu được cấu trúc lập trình của các ngôn ngữ mà mình nói ở đây chỉ là blogger.
Kiểm tra Tôi Là Quản Trị Blog sẽ cho bạn biết thông tin gì?
Mình đã khai báo đầy đủ các cấu trúc website cho google, có thể thấy ở đây chúng ta có 9 việc cần phải làm và mình sẽ hướng dẫn từng công việc một.
 |
| Tối ưu cấu trúc dữ liệu |
1. Tối ưu WPHeader trên blogger
Tìm:
<div id=\"header-wrapper\">
Thay thành:
<div id=\"header-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/WPHeader\">
Việc sử dụng cấu trúc này sẽ khai báo cho Google biết đây là đoạn code của phần Header từ đó Google có thể đọc code dễ dàng hơn hay còn gọi là bạn đang tối ưu công cụ tìm kiếm (SEO)
2. Tối ưu WPSideBar trên Blogger
Tìm
<div id=\"sidebar-wrapper\">
Thay thành
<aside id=\"sidebar-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/WPSideBar\">
Tìm thẻ đóng </div> của nó và thay thành </aside> nhé.
Từ đây về sau khi lưu mẫu lại sẽ gặp lỗi bạn cần thay các thẻ </div> thành các thẻ đóng tùy vào thẻ mở của nó nhé
3. Tối ưu WPFooter trên Blogger
Tìm
<div id=\"footer-wrapper\">
Thay thành
<footer id=\"footer-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/WPFooter\">
Thay thẻ đóng </div> của nó thành </footer>
4. Tối ưu phần website tìm kiếm
Mình cũng chưa biết gọi tên phần này như thế nào. Khi tìm kiếm trên thanh địa chỉ Google và bạn nhập với cú phát toilaquantri.com_[Phím Tab]_Từ khóa bạn sẽ có thể sử dụng công cụ tìm kiếm ngay trên blogger Tôi Là Quản Trị.
Cách thực hiện là chèn đoạn code vào giữa cặp thẻ <head> ... </head> trong website của bạn. Nhớ đổi lại tên miền nhé
<script type=\"application/ld+json\">
{ "@context": "http://schema.org", "@type": "WebSite", "url": "http://www.toilaquantri.com/", "potentialAction": { "@type": "SearchAction", "target": "http://www.toilaquantri.com/?q={search_term}", "query-input": "required name=search_term" } }
</script>
5. Tối ưu phần SiteNavigationElement
Phần này dùng để khai báo vị trí của menu, bạn thực hiện các bước sau
Tìm phần
<div id="id của phần menu">
Mỗi menu thường có khai báo Id khác nhau nên bạn cần tìm id bao phần menu của bạn
Thay thành
<nav id=\"menu-wrap\" itemscope=\"itemscope\" itemtype=\"http://schema.org/SiteNavigationElement\">
id=\"menu-wrap\" bạn thay lại cho giống id menu của blog mình nhé
Thay thẻ đóng </div> của nó thành </nav>
6. Tối ưu phần chính của BLOG
Phần này khai báo phần Main chứa nội dung của Blog
Tìm
<div id=\"content-wrapper\">
Hoặc một số blog thường dùng <div id=\"main-wrapper\"> để khai báo, sẽ tùy vào mỗi blog và dùng cho phù hợp
Thay thành
<div id=\"content-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Blog\" role=\"main\">
<div id=\"main-wrapper\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Blog\" role=\"main\">
Còn các phần Product là sử dụng các đánh dấu Schema dạng sản phẩm mà có dịp mình sẽ hướng dẫn sau. Bạn có thể tìm hiểu trước tại đây: https://schema.org/
Các chuẩn đánh dấu Person và Hatom thường thì gặp lỗi, do vậy bạn nên chọn Template Blogger đã chuẩn 2 dòng này sẳn vì qua thời gian mình đã tìm và cố gắng fix 2 lỗi này nhưng vẫn chưa được nên không thể hướng dẫn các bạn.
Chúc các bạn thành công!
[/tintuc]
Cảm ơn anh nhiều, quá hữu ích