RaoVat24h
Kinh doanh

Tối ưu SEO Onpage – #3 Tối ưu cấu trúc dữ liệu trên Blogger

Advertisement

Structured-data hay còn gọi là Cấu trúc dữ liệu hay Dữ liệu có cấu trúc nếu gọi riêng cho Google là cấu trúc khai báo của code web. Việc tối ưu cấu trúc theo chuẩn này sẽ giúp Google dễ đọc các thành phần code web hơn. Mỗi trang web (nói đến blogger) hiện nay có đến 3000-4000  đoạn code hoặc hơn. Do vậy, cấu trúc lập trình không rõ ràng hoặc chưa khai báo sẽ làm Google khó xác định được cấu trúc website.

Tối ưu cấu trúc dữ liệu trên Blogger
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
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’>
Hoặc
<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 PersonHatom 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.
Tham khảo thêm bài viết khác:
Chúc các bạn thành công!
Rate this post

DienDan.Edu.Vn

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.

Đăng bình luận

(+84) (918) 369.468