Hướng dẫn tùy biến Widget ở những trang nhất định trong Blogspot

LongAnIT 6/22/2019 Bình luận
Hello các bạn. Hôm nay chúng ta lại gặp nhau trong topic thủ thuật blogspot. Như các bạn đã biết blogspot quản lý giao diện chính từ Template chứa tất cả các code người dùng sử dụng. Một phần nữa là Bố cục (Widget) - Giao diện đồ họa dành cho người dùng dễ thao tác có thể thêm/xóa các tiện ích

Đối với các blog có nhiều bốc cục thì việc sử dụng nhiều Widget (Tiện ích) là điều không tránh khỏi. Do vậy làm thế nào để các Wiget tiện ích đó hiển thị đúng nơi, đúng chỗ là điều mà các Blogger phải tính toán và cân nhắc rất kỹ.

Việc bố trí các Widget trên Template một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.Hiển thị Widget ở những trang nhất định trong Blogspot - ẩn hiện Wiget ở những trang nhất định trên desktop và moblie sẽ giúp tối ưu hóa tốc độ tải trang cho blog của bạn rất nhiều

Chính vì thế mà trong bài viết này longanit xin được giới thiệu đến các bạn thủ thuật ẩn hiện Widget ở những trang nhất định trong Blogspot”

 Xác định ID của Widget tiện ích cần tùy biến ta làm như sau:

Bước 1: Đăng nhập vào Blogger - Bốc cục như hình

Cách xác định ID của tiện ích Widget
Cách xác định ID của tiện ích Widget

Tại giao diện tiện ích chọn một Widget bất kỳ cần tùy biến click vào chỉnh sửa như hình

ID nằm phía bên phải cuối cùng của thanh Address
ID nằm phía bên phải cuối cùng của thanh Address
Nhìn lên phía trên thanh địa chỉ màu xanh bạn kéo con trỏ chỏ cho đền cuối cùng sẽ hiện thị ID của Widget như trong hình trên ID=HTML7.

Các bước tùy biến Widget

Sau khi hoàn thành xác định ID của Widget cần tùy biến bạn quay lại trang quản trị Blogger

  1. Chủ đề - Chình sửa HTML. 
  2. Phần phía trên thanh menu của template bạn sẽ thấy tab "chuyển đến tiện ích". 
  3. Tìm ID có tên là HTML7
Chỉnh sửa tùy biến trong template blogspot
Chỉnh sửa tùy biến trong template blogspot

Click vào dấu tam giác màu đen bên trái để mở rộng code ra như trong hình tôi có code này


<b:widget id='HTML7' locked='false' title='Liên hệ quảng cáo' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<a href="https://www.longanit.com/" target="new"><img  src="https://1.bp.blogspot.com/-uvy7EJFXU64/XOuWV1zbIRI/AAAAAAAABhQ/PWvJ5GADafIwEVofohOM9sD1JYUe8WwlgCLcBGAs/s1600/ad-longanit.com.jpg" class="img-responsive"/></a>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
Bây giờ để ẩn Widget này ngoài trang chủ tôi sẽ thêm code bên dưới vào phía dưới dòng  <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:remove/>
</b:if>
Sau khi hoàn thành tôi có code hoàn chỉnh như sau
 <b:widget id='HTML7' locked='false' title='Liên hệ quảng cáo' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<a href="https://www.longanit.com/" target="new"><img  src="https://1.bp.blogspot.com/-uvy7EJFXU64/XOuWV1zbIRI/AAAAAAAABhQ/PWvJ5GADafIwEVofohOM9sD1JYUe8WwlgCLcBGAs/s1600/ad-longanit.com.jpg" class="img-responsive"/></a>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:remove/>
</b:if>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
Tiến hành lưu lại và xem kết quả. Cũng tương tự như thế dùng cho các thè điều kiện bên dưới để tùy biến

Hide from home page

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:remove/>
</b:if>

Hide from index pages

(home, label, search page or all posts page (include home and its older posts pages).
<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <b:remove/>
</b:if>

Hide from static pages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <b:remove/>
</b:if>

Hide from item pages (articles, posts)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:remove/>
</b:if>

Hide from archive pages (showing posts by months / years)

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
 <b:remove/>
</b:if>

Hide from 404 pages

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
 <b:remove/>
</b:if>

Hide from mobile

<b:if cond='data:blog.isMobileRequest'>
 <b:remove/>
</b:if>
Kết luận: Như vậy qua bài viết trên tối đã hướng dẫn các bạn cách để chúng ta tùy biến một widget bất kỳ trong blogspot bằng cách sử dụng một số thẻ điều kiện cơ bản. Chúc các bạn thành công

Nếu trong quá trình thực hiện báo lỗi hay gặp khó khăn vui lòng để lại bình luận bên dưới để được hỗ trợ nhé. Chúc các bạn SEO nhanh lên top.

Hướng dẫn cách tạo RSS Feedburner và thêm Feed vào Blogspot

LongAnIT 6/15/2019 Bình luận
Xin chào tất cả các anh em hôm nay cuối tuần chúng ta lại gặp nhau trong chuyên mục bài viết thủ thuật blogspot. Trong chủ đề bài viết này tôi sẽ giới thiệu đến các bạn một thuật ngữ có tên RSS hay Feedburner của google. Trước khi đi vào bài viết này tôi xin giới thiệu sơ qua đôi chút về nó.

RSS hay feed là nguồn cấp dữ liệu miễn phí được Google cung cấp giúp các webmaster có thể quảng bá, quảng cáo, tối ưu hóa cũng như kiếm thêm thu nhập từ quảng cáo. RSS hay Feed là rất cần thiết cho một website. Chúng ta có thể sử dụng RSS hay Feed để làm một nguồn cấp dữ liệu qua mail cho những người dùng đăng ký. Cụ thể là ngay trong blogspot với tính năng tiện ích Widget tạo hộp mail để người dùng theo dõi qua email

Hướng dẫn cách tạo Feedburner

Bước 1:  Truy cập vào đường dẫn sau: https://feedburner.google.com

Bước 2: Bạn đăng nhập với tài khoản Google bình thường thôi nhé. Và chúng ta sẽ có giao diện sau:
Feed của feedburner blogspot
Giao diện Feed của feedburner minh họa qua hình
Bước 3: Tại đây bạn nhập các thông tin như hình minh họa bên dưới để đăng ký cho trang blogspot của bạn nhé.
Nhập địa chỉ trang web của bạn tại khung quản lý feed
Nhập địa chỉ trang web của bạn tại khung quản lý feed

Sau khi điền đầy đủ thông tin xong bạn click vào NEXT đề sang bước kế tiếp

Tùy chọn Feed cho blogspot của bạn
Tùy chọn Feed cho blogspot của bạn

Bước 4:  Ngay tại trang Indentify Feed Source bạn click chọn vào mục thứ 2 như hình trên chính là RSS bạn đăng ký sau đó click Next để tiếp tục.

 Feed cho blogspot bạn nhập tên Feed
Chúc mừng bạn đã hoàn thành tạo Feed cho blogspot bạn nhập tên Feed tại đây

Đây chính là tùy chọn cho bạn đặt đường dẫn tùy chỉnh cho RSS của mình, hãy sửa lại cho vừa ý và tiếp tục Next. Chú ý: nếu tên báo bị trùng bạn phải tìm tên khác cho nó phú hợp nhé. OK rồi thì Next tiếp, các bước tiếp theo các bạn cứ bấm Next cho đến khi hoàn thành là xong

Hoàn chỉnh tạo  Feed cho blogspot
Hoàn chỉnh tạo  Feed cho blogspot như vậy bạn sẽ có 01 link như trích dẫn bân dưới
Như vậy với cách làm như trên thì tôi đã tạo xong RSS cho blogspot của mình với địa chỉ:
http://feeds.feedburner.com/longanitvn
Đến đây chúng ta đã hoàn thành 99% chỉ còn một bước nữa đó chính là khai báo feed cho Blogspot.

Khai báo Feed cho blogspot trong phần cài đặt thiết lập
Khai báo Feed cho blogspot trong phần cài đặt thiết lập

Để khai báo Feed cho Blogspot, bạn truy cập vào trang quản trị Blogspot. Sau đó vào Cài đặt (Settings) -> Khác. Sau đó thêm đường dẫn feed vừa tạo vào URL chuyển hướng nguồn cấp dữ liệu bài đăng, sau đó lưu lại là xong.

Kết luận: Qua bài viết trên tôi đã hướng dẫn các bạn cách để tạo RSS Feedburner của google thay thế cho Atom mặc định của blogspot việc này giúp cho site của bạn index nhanh hơn mỗi khi có bài viết mới và giúp bạn cải thiện hơn rất nhiều trong việc SEO và nếu như traffic của bạn tốt bạn sẽ có ngay một backlink chất lượng 92 điểm từ đây.

Khắc phục sự cố khi chuyển sang giao thức https trên blogspot

LongAnIT 5/28/2019 Bình luận
Việc chuyển sang https bây giờ thật sự rất dễ dàng vì bản thân blogger đã hỗ trợ sẵn trong phần cài đặt từ trang quản trị. Tuy nhiên webiste của bạn vẫn gặp một số lỗi cở bản nhất là một số link trong template do bạn chưa chuyển sang https. Trong bài viết này longanit.com sẻ hướng dẫn các bạn khắc phục sự cố một số lỗi khi chuyển giao sang giao thức https này chỉ qua một vài bước kiểm tra cơ bản.

Bước 1: Đăng nhập vào Blogger - Cài đặt
Bước 2: Kéo thanh cuộn xuống giữa trang bạn sẽ nhìn thấy mục thiết lập HTTPS. Mục này phải ở tình trạng là nhé. Nếu bạn để Không thì hãy chuyển trạng thái nó sang Có 



Hướng dẫn thiết lập cơ bản https trong blogspot
Hướng dẫn thiết lập cơ bản https trong blogspot 
Một câu hỏi đặt ra là mặc dù bạn đã thiết lập tất cả đúng nhưng trên thanh trình duyệt vẫn không hiện ra được hình ảnh dấu" chìa khóa"" bảo mật như hình bên dưới


Nếu như bạn gặp phải trường hợp này vui lòng thực hiện thêm các bước sau nhé

Bước 3: Đăng nhập vào Blogger - Chù đề - Chỉnh sửa HTML
Bước 4: Trong khung tìm kiếm bạn tìm từ khóa sau http:// và sửa nó thành // khi đó hệ thống sẽ tự động gán link https cho các link trong blog của bạn. Thí dụ tôi có link sau
http://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
Sau khi chuyển xong nó sẽ thế này
//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
Bước 5: Sau khi hoàn thành save lại và kiểm tra nhé.

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách fix một số lỗi cơ bản khi chuyển blogger sang giao thức https. Nếu trong quá trình thực hiện báo lỗi hay gặp khó khăn vui lòng để lại bình luận bên dưới để được hỗ trợ nhé. Chúc các bạn SEO nhanh lên top.

Nếu trong quá trình thực hiện báo lỗi hay gặp khó khăn vui lòng để lại bình luận bên dưới để được hỗ trợ nhé. Chúc các bạn SEO nhanh lên top.

Cách chèn hình ảnh và liên kết vào trang web HTML

LongAnIT 5/27/2019 Bình luận
Chúng ta có thể chèn hình ảnh thuộc các định dạng như: jpg, png, gif (hình động),.... vào trang web của mình. Trong bài viết hôm nay phần chuyên mục HTML và CSS căn bản mình xin giới thiệu với các bạn một số mã cơ bản để chèn hình ảnh, link vào trong website.

1. Cách chèn hình ảnh vào trong website

Để đưa hình ảnh vào trang html ta dùng thẻ <img> với cú pháp cơ bản như sau

<img src="Liên kết đến ảnh " />

Một số thuộc tính đi kèm như sau

  • Width: Chiều rộng của ảnh sẽ hiển thị trên trình duyệt ( tính bằng pixel hoặc % so với chiều rộng toàn trang web )
  • Height: Chiều cao mà ảnh sẽ hiển thị trên trình duyệt.
  • Border (Đường biên hay đường viền) :Thuộc tính này quy định độ dày của đường biên bao quanh ảnh ( tính bằng pixel ). Nếu không có thuộc tính này, ảnh sẽ không có đường biên bao quanh.
  • Alt : Tiêu đề cho ảnh, khi bạn rê chuột vào ảnh, tiêu đề của ảnh sẽ hiện ra. Tuy nhiên "alt" không có tác dụng trong một số trình duyệt, vì vậy để chắc ăn, bạn nên dùng thuộc tính sau.
  • Title : Tương tự như "Alt".

Vậy cú pháp đầy đủ để đưa một bức ảnh vào trang html là

<img src="Dường dẫn đến ảnh" width="Độ rộng" height="chiều dài" border="độ dày" title="Tiêu đề ảnh" >

2. Chèn Link/Liên kết vào webiste


Để chèn một liên kết vào trang web, ta sử dụng thẻ <a> với cú pháp như sau


<a href="https://www.longanit.com" target=" "> LonganIT </a>

Khi bạn sử dụng thẻ này ta có một số chú ý sau


  • Liên kết đến một trang web nào đó phải có http:// đi trước.
  • Thuộc tính target sẽ xác định xem liên kết của bạn sẽ được mở ở đâu khi kích hoạt.
  • Giá trị thường dùng là "_blank" - Mở trong một tab mới
  • Nếu không có thuộc tính này, liên kết sẽ được mở trên trang hiện tại.
  • Trên trình duyệt sẽ chỉ hiển thị đoạn "text", đoạn text này sẽ đại diện cho liên kết, khi bạn click vào "text", liên kết sẽ được mở như ví dụ trên  của tôi text là "LonganIT"

Bạn có thể thay thế đoạn text bằng một bức ảnh theo cú pháp sau

<a href="liên kết" target="new"><img src="link ảnh"></a>

3. Liên kết gửi email

Khi bạn click vào một liên kết, bạn sẽ được đưa đến một trang tài liệu hoặc một trang web. Nhưng giả sử một người đọc bài viết của bạn, và họ muốn liên hệ với bạn để trao đổi thêm. Lúc này, bạn nên để lại một "dấu vết" để giúp họ liên hệ với bạn.

  • Tạo lệnh có tên là mailto: <a href="mailto:Địa chỉ email của bạn"> text </a>
  • Khi người dùng click vào dòng text, họ sẽ được đưa đến trang gửi email, khi họ đăng nhập vào email của họ, thì email của bạn sẽ được đặt sẵn trong phần Email đích.
Cuối cùng là bạn xem đoạn code ví dụ dưới đây mình demo nhé

<a href="https://www.longanit.com/p/contact.html" target="new"><img src="https://1.bp.blogspot.com/-uvy7EJFXU64/XOuWV1zbIRI/AAAAAAAABhQ/PWvJ5GADafIwEVofohOM9sD1JYUe8WwlgCLcBGAs/s1600/ad-longanit.com.jpg" /></a>

Hướng dẫn cài đặt template mới cho Blogspot

LongAnIT 5/27/2019 Bình luận
Hello các anh em. Hôm nay chúng ta sẽ quay lại với một chủ đề nó rất cũ rồi nhưng mà thật sự rất mới đối với những bạn lần đầu tiên mới làm quen với blogspot. Hãy cùng với longanit.com tìm hiểu cách thế nào để chúng ta có thể cài đặt template mới cho blogspot cũng như là "Sao lưu / Khôi phục" template trên blogspot.

Sao lưu và khôi phục template blogspot
Hướng dẫn cài đặt template mới cho Blogspot

Thường thi sau khi tiến hành xong thủ tục đăng ký blog thì bước tiếp theo là bạn sẽ cài Template hay còn gọi theme (giao diện) cho nó bởi những giao diện mặc định của Blogger bản thân nó không được đẹp cho lắm và không hỗ trợ tính năng tùy biến cao đối với nhu cầu sử dụng.

Hiện nay trên mạng có rất nhiều trang chia sẻ các Template blogspot miễn phí bạn có thể thoải mái tải về và cài đặt. Tôi nói thí dụ bạn muốn làm một trang blog bán hàng điện thoại thì bạn tìm những template nào có chức năng giống như thế để cài vào. Bạn có thể thao khảo template blogspot bán hàng shop điện thoại mà tôi chia sẻ tại longanit nhé.

Mẫu template mình nói ở trên là một mẫu giao diện mình thấy là khá hoàn hảo về chức năng bán hàng cũng như là tốc độ load trang khá nhanh và có thể tùy biến rất dễ, bạn có thể xem demo ngay tại đây: https://www.hi4kids.com.

Bước 1: Download template bán hàng tại đây
Bước 2: Tiến hành giải nén ra một thư mục. Chú ý password unpack là: longanit.com
Bước 3: Đăng nhập vào trang Blogger - Chủ đề
sao lưu và khôi phục template blogspot
Giao diện sao lưu và khôi phục template blogspot by longanit.com
Bước 4: Click vào mục Sao lưu / Khôi phục để vào giao diện bên trong
Hướng dẫn cách sao lưu và thay đổi template blogspot
Giao diện chính của blogspot với 2 tính năng sao lưu và thay đổi template như hình
Sau khi thay đổi xong phần giao diện bạn truy cập lại website của bạn để thấy thay đổi , tuy nhiên bạn sẽ có thắc mắc là sao nhìn nó không giống ở template gốc mà trông cũng xấu vậy? Đó chính là lí do tại sao chúng ta phải cần cài đặt sao cho nó giống bản template gốc. Và đây chính là công đoạn làm lâu nhất và khó nhất đấy. Bạn có thể để lại comment bên dưới để chúng tôi hỗ trợ cho bạn việc hoàn thành.

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách cơ bản nhất để sao lưu cũng như thay đổi một template mới trên nền tảng blogspot. Chúc các bạn thành công và SEO nhanh lên top nhé.

Hướng dẫn sử dụng thẻ Label (nhãn) trong blogspot

LongAnIT 5/22/2019 Bình luận
Trong blogspot có một thuật ngữ mang tên "Label" tạm dịch là "nhãn". Khi bạn đăng một bài viết bất kỳ thì trong thanh menu tùy chọn nằm phái bên phải bạn sẽ thấy có một tùy chọn tên là ""cài đặt bài đăng" bao gồm: Nhãn, Lịch Biểu, Liên kết,...như hình bên dưới.
Hướng dẫn cài đặt nhãn trong blogspot
Tùy chỉnh cài đặt bài đăng Label cho blogspot

Trong bài viết ngày hôm nay longanit.com sẽ hướng dẫn cách sử dụng thẻ Label (nhãn) trong blogspot như thế nào cho đúng cách cũng như là chuẩn SEO

Bước 1: Tạo mới một bài đăng bất kỳ sau khi chỉnh chu tất cả các thứ nhìn phái bên phải mục cài đặt bài đăng bạn click vào mục Label (nhãn) hiển thị khung hộp thoại để tạo nhãn bạn hãy nhập vào nhãn mà bạn mong muốn thí dụ tôi đặt tên nhãn là SEO thì nó sẽ như sau
Quá trình tạo nhãn hoàn thành cho bài viết
Quá trình tạo nhãn hoàn thành cho bài viết
Bước 2: Sau khi tạo xong nhãn click vào hoàn thành như bước 2 trong hình trên. Ok  bây giờ  một "Label" (Nhãn) đã hiển thị với dòng chữ màu xanh, bên dưới khung vừa đặt tên "Label" (Nhãn). Các bạn chỉ cần bấm "Xuất bản" là xong.

Chú ý các tùy chỉnh nhãn trong blogspot như sau


  1. Nếu muốn tạo một "Label" (Nhãn) khác, thì viết một bài nữa và tiếp tục gắn (đặt tên) cho "Label" (Nhãn) mới - lặp lại thao tác như trên.
  2. Nếu viết một bài nữa và muốn đặt vào nhãn cũ thì chỉ việc bấm vào nhãn cũ đã tạo (hiển thị với chữ màu xanh ngay bên dưới khung đặt tên "Label" (Nhãn) rồi bấm "Hoàn thành" là bài viết sẽ được hệ thống tự động chuyển vào "Label" (Nhãn) đó. 
  3. Bạn có thể gán nhiều nhãn cho một bài viết bằng các nhãn có sẵn cũng như là tạo mới các nhãn cách nhau bằng dấu , (dấu phẩy)
  4. Bạn có thể đổi sang sang nhãn khác bằng cách chỉnh sữả bài viết và tạo nhãn mới cho bài viết

Vấn đề nhãn chuẩn SEO

Thật ra phần này liên quan đến "Permark link" mà trong các bài viết trước tôi đã có giới thiệu qua trong mục 10 bước để tạo một bài viết chuẩn SEO trên blogspot bạn có thể tham khảo trong longanit nhé.

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách tạo nhãn cho bài viết trong blogspot cũng như là một số tùy chình về nhãn. Hi vọng qua bài viết này có thế giúp được phần nào các bạn trong việc tùy chỉnh nhãn trong blogspot. Trong quá trình thực hiện bài viết sẽ không thể tránh khỏi một số vấn đề thiếu xót vui lòng để lại bình luận bên dưới để trao đổi thảo luận cũng như chia sẻ. Chúc các bạn thành công và SEO nhanh lên top nhé.

Hướng dẫn sửa lỗi cấu trúc dữ liệu trên blogspot

LongAnIT 5/13/2019 Bình luận
Hello! Xin chào các bạn chúng ta lại gặp nhau trong chuyên mục thủ thuật blogger. Trong bài viết ngày hôm nay longanit sẽ hướng dẫn các bạn cách khắc phục một số lỗi trong cấu trúc dữ liệu của blogspot. Trong các bài viết trước mình đã có giới thiệu về cấu trúc dữ liệu của blogspot cũng như hướng dẫn các bạn cách chúng ta cấu trúc dữ liệu blogspot lại theo chuẩn.

Các lỗi thường gặp nhất khi kiểm tra dữ liệu cấu trúc blogspot thường sẽ là thiếu trường name, tên tác giả, ngày tháng, header,...Vậy thì chúng ta khắc phục nó thế nào. Các bạn hãy xem các hướng dẫn dưới đây để sửa nhé.

Đầu tiên chúng ta quay lại một chút xíu để test cấu trúc trang blogspot. Các bạn truy cập vào link sau:

https://search.google.com/structured-data/testing-tool/u/0/


Trước khi thực hiện việc kiểm tra bạn phải thông báo cho blogspot biết bằng việt thêm code sau đây vào trước thẻ đóng </body>
 <script type='application/ld+json'>
// <![CDATA[
{
  "@context" : "http://schema.org",
  "@type" : "WebSite",
  "name" : "All Blogger Things",
  "alternateName" : "ABT",
  "url" : "https://www.longanit.com"
}
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "https://www.longanit.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.longanit.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
// ]]>
      </script>

Thay thế địa chỉ https://www.longanit.com thành địa chỉ blogspot của bạn nhé. Ok bây giờ chúng ta bắt đầu việc sửa lổi.

Sửa lỗi Web Page Error

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <body> trong template 
  3.  Thay thế đoạn code bên dưới bằng thẻ <body>
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>

 #Nhấn save để hoàn thành. Bạn nên làm đến đâu thì save đến đó nếu báo lổi thì dễ có hướng khắc phục nhé.

Sửa lỗi Header Error

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <header> trong template 
  3.  Thay thế đoạn code bên dưới bằng thẻ <header>

 <header itemscope='itemscope' itemtype='http://schema.org/WPHeader'>

#Nhấn Save đế hoàn thành.

Sửa lỗi Menu Error

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <nav> trong template 
  3.  Thay thế thẻ <nav> bằng đoạn code bên dưới
 <nav itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
# Nhấn save để hoàn thành.

Sửa lỗi Sidebar

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div id='sidebar-wrapper'>  trong template 
  3.  Thay thế đoạn code bên dưới bằng thẻ <div id='sidebar-wrapper'> 
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>

# Nhấn save để hoàn thành

Sửa lỗi Footer

  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div id='footer-wrapper'> trong template
  3. Thay thế thẻ <div id='footer-wrapper'> bằng đoạn code bên dưới
 <div id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>

Sửa lỗi Blog Error

  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div id='main-wrapper'> trong template
  3. Thay thế thẻ <div id='main-wrapper'> bằng đoạn code bên dưới
  <div id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
# Save đề hoàn thành

Sử lỗi Blog Posting Error


  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div class='post hentry uncustomized-post-template'> trong template
  3. Thay thế thẻ <div class='post hentry uncustomized-post-template'> bằng đoạn code bên dưới

  <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
 #4: Tiếp tục tìm từ khóa <div class='post hentry'> or <article class='post hentry'>

 #5: Tiến hành thay thế bằng đoạn code bên dưới
 <div class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
Sửa lỗi hCard Errors
  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code
 <span class='post-author vcard' >                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>
3. Tiến hành thay thế bắng đoạn code bên dưới
 <span class='post-author vcard' itemscope='itemscope'  itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>
                </b:if>
              </span>


Sửa lỗi Article Errors

Tất cả các lỗi này bao gồm: Main Entity Of Page, Publisher, Article Name, Image, URL, Updated Date, and Published Date Errors.

Bước 1: Blogger > Chủ đề > Chỉnh sửa HTML

Bước 2: Tìm đoạn code sau  <div class='post hentry'> or <article class='post hentry'>

Bước 3: Thay thế bằng đoạn code bên dưới
    <meta content='data:post.link : data:post.url' expr:itemid='data:post.link' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
    <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
      <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
        <meta content='https://2.bp.blogspot.com/-bYkKfIQpPX4/W5o7M85ORcI/AAAAAAAAAF8/kUER1t54X1knI0i7bO6l7EjiQz2AZyotwCK4BGAYYCw/s1600/longanitvn.png' itemprop='url'/>
        <meta content='320' itemprop='width'/>
        <meta content='60' itemprop='height'/>
      </div>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
      <meta expr:content='data:blog.title' itemprop='name'/>
    </div>
    <a expr:name='data:post.id'/>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'><img itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
    <b:else/>
    <a expr:href='data:post.url'/>
    </b:if>
      </b:if>
Bước 4: Thay thế địa chỉ link logo tô màu đỏ phía trên thành địa chỉ link logo blog của bạn nhé.

Bước 5: Sửa lỗi date published tìm đoạn code sau  <data:post.timestamp/>

Bước 6: Thay thế đoạn code trên bằng đoạn code bên dưới
 <span class='updated' itemprop='datePublished'><data:post.timestamp/></span>
Bước 7: Save để hoàn thành chỉnh sửa lỗi cấu trúc. Và bây giờ bạn hãy quay lại trang kiểm tra cấu trúc trang blog của bạn xem kết quả như thế nào sau khi tiến hành sửa lỗi nhé.

Kết luận: Như vậy qua bài viết này tôi đã hướng dẫn các bạn cách để chúng ta sửa một số lỗi cơ bản về cấu trúc dữ liệu trên nền tảng blogspot. Dĩ nhiên là bài viết còn nhiều sai xót trong quá trình hướng dẫn rất mong các bạn thông cảm và đóng góp ý kiến bằng cách để lại comments bên dưới để góp ý. Chúc các bạn thành công và SEO nhanh lên top nhé.

Bài viết có tham khảo nguồn: https://www.allbloggerthings.com