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

- [tintuc]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\">


<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.

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

[/tintuc]
Huỳnh Phụng Blogger

TLQT là Blog chia sẻ kiến thức về Marketing, Digital Marketing, Kinh nghiệm làm SEO, Tối ưu Website và nhiều thứ khác

1 Nhận xét

➔ Gửi kèm hình ảnh trên bài viết để được hỗ trợ tốt nhất.
➔ Để bình luận kèm hình ảnh, bạn vào trang Upload Ảnh, kéo thả để Upload hình ảnh lên.
➔ Bạn dán URL link hình ảnh vào khung bình luận và ấn Xuất bản, ảnh sẽ được tự động tải lên.
➔ Không spam trong khung bình luận, hạn chế viết tắt.
➔ Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin

Mới hơn Cũ hơn

POST ADS1

POST ADS 2