Thư viện

Trải nghiệm

Chủ Nhật, tháng 5 25, 2014

Sửa lỗi Hatom thiếu author, update, entry-title cho blogpsot

Cách sửa lỗi Hatom trong google webmaster tools, lỗi thiếu author, thiếu Update và thiếu entry-title

Chia sẻ:
Lỗi liên quan đến Hatom là một trong những lỗi phổ biến mà rất nhiều webmaster mắc phải như thiếu thông tin về Author, Update, Entry-Title, nhưng không biết hướng và phương pháp giải quyết triệt để lỗi đó. Việc này khiến cho trang của bạn hiển thị trong các công cụ tìm kiếm nhiều khi không được như ý của bạn.
Sửa lỗi Hatom thiếu author, update, entry-title cho blogpsot
Ảnh minh họa lỗi giảm đi một cách đáng kể khi sửa chữa những lỗi Hatom

Trong công cụ quản trị trang web Google webmaster tools kể từ khi có richsnippets, nhiều webmaster gặp phải một số lỗi microformat phổ biến như sau:
  • Cảnh báo: Thiếu trường bắt buộc “entry-title
  • Cảnh báo: Thiếu trường bắt buộc “updated
  • Cảnh báo: Thiếu trường bắt buộc “author
Sửa lỗi Hatom thiếu author, update, entry-title cho blogpsot
Lỗi thiếu author và thiếu Update

Người dùng Blogger đều phải đối mặt với vấn đề này. Bài viêt này namkna sẽ hướng dẫn các bạn khắc phục những lỗi thiếu author, update và entry-title này bạn có thể sử dụng để seo cho trang blogger của bạn tốt hơn.

Schema.org là gì?

- Kể từ khi Google (Bing!) Chính thức giới thiệu schema.org vào tháng 6/2011 nó đã làm thay đổi cách hiển thị các trang web trên kết quả tìm kiếm. Kể từ khi Schema.org được giới thiệu nó đã phát triển và thay đổi rất nhiều, thêm rất nhiều công cụ mới nhưng đa số mọi người không chú ý đến nó.
- Lược đồ Schema.org chỉ đơn giản là các thẻ html, quản trị trang web có thể sử dụng để đánh dấu các trang của họ theo những cách được công nhận bởi Bing, Google, Yahoo và Yandex. Tất cả các công cụ tìm kiếm đều dựa trên đánh dấu này để cải thiện việc hiển thị các kết quả tìm kiếm, làm cho mọi người dễ dàng hơn trong việc tìm kiếm trang web họ cần.
- Blogger thiếu các thẻ trên sẽ gây ra kết quả tìm kiếm không chính xác tạo ra 03 lỗi phổ biến trong hatom là thiếu Author, thiếu Update và thiếu Entry-title.

Rich Snippets là gì?

Trong năm 2009, Google đã quyết định thay đổi cách hiển thị kết quả tìm kiếm. Đây là một bước đột phá đem lại cái nhìn mới để giúp người dùng tìm có thêm thông tin về bài viết trong kết quả tìm kiếm (gồm tác giả và lĩnh vực hoạt động) như: nhà hàng, giải trí, các sự kiện và sản phẩm hàng hóa. Gọi chung là Rich Snippets mà mình từng giới thiệu tại đây. Bạn có thể xem hình ảnh sau:
Hướng dẫn Rich Snippets blogspot

Sửa lỗi thiếu Author, thiếu Update và thiếu Entry-title cho blospot?

Để sửa chữa những lỗi thiếu entry-title, thiếu update và thiếu author, namkna sẽ giới thiệu một số thẻ giản đồ bên trong mẫu blogger của bạn sẽ, Giúp cho các cho công cụ tìm kiếm có thể chọn đúng tiêu đề, tên tác giả và ngày xuất bản của mục hatom trong bài viết. 

Những thẻ này sẽ giúp các bạn khắc phục được những lỗi mà bạn gặp phải ở tab dữ liệu trong công cụ quản trị trang web.

Hướng dẫn sửa lỗi Hatom thiếu entry-title, author và update cho blogspot.
1- Đăng nhập vào trang blog của bạn.
2- Bấm chọn tab mẫu (Templale)
3- Chọn chỉnh sửa HTML (Edit HTML)
4- Tìm đoạn code có dạng tương tự như bên dưới:
    <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>
Đoạn mã XML trên có thể khác nhau tùy theo mẫu của blogger. Tuy nhiên nó có dạng tương tự như bên trên. Về cơ bản đoạn code màu tìm giống nhau:
- Thay thế đoạn mã vừa tìm được thành đoạn code sau:
<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>

5- Tìm đoạn code thời gian như bên dưới:
<data:post.timestamp/>
- Với đoạn code này công cụ tìm kiếm không xác định được thẻ Update của thời gian nên sẽ báo lỗi thiếu Update. Bạn có thể sửa nó thành đoạn code bên dưới để thêm thẻ update nha:
<span class='updated'><data:post.timestamp/></span>

6- Tìm đoạn code như bên dưới:
<b:if cond='data:post.title'>
      <h3 class='post-title'>

- Để thêm thẻ khai báo phần tiêu đề bài viết bạn phải thêm thuộc tính entry-title. Bằng cách thay thế đoạn code vừa tìm được thành đoạn code như bên dưới:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

7- Tieepstucj tìm đoạn mã có dạng như bên dưới:
<div class='blog-posts hfeed'> 

- Thay nó bằng đoạn code sau:

<div class='blog-posts'> 

8- Tìm đoạn mã:
<div class='post hentry'>
- Và thay nó bằng đoạn code sau:

<div class='post'>

9- Tìm đoạn mã
<div class='post hentry uncustomized-post-template 
và thay nó bằng đoạn code sau:

<div class='post uncustomized-post-template

- Giờ lưu mẫu lại chờ vài ngày để google cập nhật bạn sẽ thất số lượng lớn các lỗi đã biến mất.

48 nhận xét:

  1. Em muốn hỏi anh một số câu hỏi:
    #1.Làm sao để tạo khung cho các cái wiget,body và đặt màu nền cho tiêu đề wiget
    #2.Làm sao để trang đầu tiên của phân trang luôn là 6 em đã đặt var postperpage=6;
    anh cứ vào blog của em sẽ hiểu khanh98.blogspot.com

    Trả lờiXóa
    Trả lời
    1. 1.
      Em xác định ID của widget đó như ảnh sau: XEM ANH ví dụ ID là HTML10

      thì chèn đoạn code sau vào trước thẻ ]]></b:skin>:

      #HTML10{border:3px dotted #9c6}

      - có thể thay dotte thành solid để đường viền liền

      2.
      Có rất nhiều thao tác dể nó hoạt động hoàn hảo.
      Em xem hướng dẫn tại bài viết này: Sửa lỗi không phân trang khi xem theo nhãn

      Xóa
    2. Vậy còn màu nền cho tiêu đề wiget thì thế nào hả anh? có thể thêm đường viền cho tất cả wiget một cách tự động ko?
      trong phần css của mẫu simple em thấy có Variable definitions, nó là gì và em có thể bỏ đi hay ko?

      Xóa
    3. Phần màu nền tiêu đề thì em làm như sau:

      #HTML10 h2{
      border:3px dotted #9c6;
      background:#333;
      color:#fff;
      font-size:15px;
      }

      background:#333 chính là mã màu.

      Variable definitions chính là phần khai báo các thuộc tính css để em có thể tham chiếu và chỉnh sửa nó trong phần TRÌNH THIẾT KẾ MẪU mà không phải can thiệp thủ công vào css. Nếu bỏ nó đi em sẽ phải chỉnh sửa lại toàn bộ phần css thủ công trong trang của em.

      Xóa
    4. CÓ THỂ THÊM TỰ ĐỘNG CHO MỌI WIGET KO ANH

      Xóa
    5. /* Headings
      ----------------------------------------------- */
      h2 {
      margin: 0 0 1em 0;

      font: $(widget.title.font);
      color: $(widget.title.text.color);
      border:1px solid #9c6;
      background:#333;
      color:#fff;
      font-size:15px;
      }
      dung ko anh

      Xóa
    6. Đoạn trên của em sẽ tự động cho mọi wiget và tự dộng cho tất cả những phần khác chứa thẻ h2. Như vậy nếu trong bài viết có thẻ h2 nó sẽ có màu như trên tiện ích,

      Nếu chỉ muốn tự động cho tất cả các tiện ích trên sidebar, Thì em xác định id hoặc class của phần sidebar. A ví dụ id sidebar là sidebar-wrapper thì mình dùng đoạn như sau:

      #sidebar-wrapper h2 {
      margin: 0 0 1em 0;

      font: $(widget.title.font);
      color: $(widget.title.text.color);
      border:1px solid #9c6;
      background:#333;
      color:#fff;
      font-size:15px;
      }


      Nếu class là sidebar thì dùng đoạn dạng như sau:

      .sidebar h2{
      margin: 0 0 1em 0;

      font: $(widget.title.font);
      color: $(widget.title.text.color);
      border:1px solid #9c6;
      background:#333;
      color:#fff;
      font-size:15px;
      }

      Phần id và class này có thể thay dổi tùy theo mẫu e đang dùng.

      Xóa
    7. mình đã làm như bạn nói nhưng từ hôm qua tới giờ rồi mà mình vào kiểm tra vẫn bị là sao vậy?
      cho mình biết lời giải đáp đi.
      thank


      Dữ liệu có cấu trúc đã trích xuất
      hcard
      Lỗi: This information will not appear as a rich snippet in search results, because it seems to describe an organization. Google does not currently display organization information in rich snippets
      Lỗi: At least one field must be set for Hcard.
      Lỗi: Missing required field "name (fn)".
      rdfa-node
      relationship:
      name: image_src
      href: http://2.bp.blogspot.com/-TXhnx9GyHWA/T_AIEsXoqOI/AAAAAAAABEc/325JnnJ1LmI/s640/thiet+ke+nha+pho+4+x+15.JPG
      Item
      type: http://data-vocabulary.org/breadcrumb
      property:
      url: Trang chủ
      title: Trang chủ

      Xóa
    8. Phần này là phần báo lỗi trong Google webmaster tools mà. Mình từng viết bài hướng dẫn khắc phục lỗi đó rồi bạn có thể xem ở bài viết này:

      Sửa lỗi Hatom thiếu author, update, entry-title cho blogpsot

      Xóa
  2. Mình sửa theo cách của bạn nhưng vẫn không được Nam à. :(

    Trả lờiXóa
    Trả lời
    1. Nó sẽ không cho bạn biết kết quả ngay lập tức. Bạn để ý hình ảnh đầu tiên của mình sẽ thấy. Google chỉ cập nhật theo lịch khoảng 7-15 ngày họ cập nhật một lần. Nên sau khi làm xong bạn vui lòng chờ vài ngày để thấy sự cải thiện khi đã chỉnh sửa nha.

      Xóa
    2. m đã làm theo nhưng sau cả tháng vẫn ko mất lỗi đc ! http://www.remcuaviet.net

      Xóa
  3. à nam ơi bạn fix lỗi này dùm hộ cái: Lỗi: The name of reviewed item is not supplied by "item" field. trang của mình tuanphan.info . Nam bữa này còn trao đổi textlink không Nam, Nếu còn cho mình trao đổi link tuanphan nhá bạn

    Trả lờiXóa
    Trả lời
    1. Lỗi này do rất nhiều nguyên nhân,. Bạn cung cấp lỗi này bạn gặp phải trong trường hợp nào để mình đưa ra hướng khắc phục nha.

      Xóa
    2. Lỗi webmaster tool đó bạn:
      https://www.google.com/webmasters/tools/richsnippets?q=http%3A%2F%2Fwww.tuanphan.info%2F2014%2F06%2Ftim-hieu-ve-coreldraw.html

      Xóa
    3. Trong trang của bạn không có đoạn khai báo tác giả.

      <link rel="author" href="https://plus.google.com/106326556171217599260"/>

      Xóa
    4. Mình có đặt mà Nam
      <!DOCTYPE html>
      <HTML>
      <head>
      <meta charset='utf-8'/>
      <link href='https://googledrive.com/host/0BwbwSIoW-tx1ZTVSYlQ5X1R0UTA' rel='stylesheet' type='text/css'/>
      <link href='https://plus.google.com/112764217088305999933' rel='author'/>
      <title>Chương 1: Nhóm công cụ tạo hình cơ bản trong CorelDRAW</title>
      <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
      <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
      <meta content='blogger' name='generator'/>

      Xóa
    5. Quyên mất cả đoạn:

      &lt;a href=&#039;https://plus.google.com/112764217088305999933&#039; rel=&#039;author&#039;/&gt;

      Bạn vui lòng đợi google họ xét duyệt, hiện tại mình vào thì tràng của bạn có rồi đó.,

      Xóa
  4. mình không có đoạn này div class='post hentry' giờ phải làm sao :'(

    Trả lờiXóa
    Trả lời
    1. hình như là
      <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

      Xóa
    2. Nếu không có thì có thể bỏ qua. Đoạn này do người thiết kế cho vào thôi bạn ak. Mình lấy chuẩn theo mẫu Simple nên một số đoạn có thể trong blog của bạn không có.

      Xóa
    3. Cảm ơn bạn nhiều nhe :D

      Xóa
  5. Phải công nhận blog của đ/c này load rất nhanh. Có cái vừa bấm vào, đã nhảy ra, chả kịp nhìn gì hết. :)

    Để ý thấy thế này, phần giao diện và cấu trúc blog đ/c đơn giản nhưng đầy đủ, tiện nghi (giống như loại vũ khí đơn điệu nhưng sức công phá rất kinh khủng). Phần nội dung đa dạng, phong phú và bài bản, khoa học... Tóm lại là rất chuẩn chỉnh.

    Cái của mình mới phục hồi lại, mặc dù dữ liệu không đáng kể, tiện ích không nhiều, mà chậm hơn đáng kể. Chả biết vài ba ngày tới, khi nguồn bài vở được up lên, thì nó có chạy nổi không nữa. :)

    Cứ vào blog của đ/c này, rồi sang cái của mình là thấy nản ngay. :v

    Trả lờiXóa
    Trả lời
    1. Cảm ơn bạn đã quá khen, Vấn đề tốc độ load chỉ cần hạn chế sử dụng một số tiện ích và Javarscipts không cần thiết, bài đăng sử dụng dấu ngắt là sẽ nhanh thôi bạn ak.

      Mình để ý hiện nay nhiều người thích sử dụng những hiệu ứng đẹp tứ các thư viện JQuery và Js, điều này làm blog chậm đi rất nhiều, Tất nhiên ta vẫn có thể sử dụng nhưng hạn chế tới mức tối thiêu, nếu đoạn code đó không cần thiết thì tốt nhất không nên thêm vào như các hiệu ứng tải trang, slider, đếm nhận xét,....

      Xóa
  6. Nam ơi trao đổi với link với mình nhé. Site mình: http://www.duongdoi8x.com/
    OK thì đặt giúp nhé. Cho mình mail hoặc yahoo, skype mình inbox nếu đồng ý nha. tks

    Trả lờiXóa
  7. Hi bạn Nam Ta
    Cám ơn bạn nhiều về hướng dẫn trên. Mình đã áp dụng và khá là thành công với số lỗi giảm từ 1.300 còn 570 (hcard 270 lỗi, hatom 259 lỗi). Kiểm tra thì tất cả lỗi này đều do các link hình avatar của người comments gây ra ( link avatar nặc danh và cả những link hiển thị ảnh tốt cũng bị).
    Nhờ bạn nghiên cứu khắc phục. Cám ơn nhiều và xin chúc bạn luôn khỏe, hạnh phúc

    Trả lờiXóa
    Trả lời
    1. Một số lỗi sẽ giảm dần khi google cập nhật tới các bài viết đó bạn ak. Với nhiều bài viết viết trước đây khi chưa có thẻ meta bài viết cũng sẽ báo lỗi đó. Bạn có thể chỉnh sửa bài viết và thêm mô tả cho những bài viết lỗi đó.

      Xóa
  8. Blog mình bị Lỗi: Missing required field "name (fn)". Thì sửa sao vậy bạn!

    Trả lờiXóa
    Trả lời
    1. Lỗi này nằm trong cấu trúc của trang rồi đó bạn, blog của bạn là gì? Nhắn qua mình xem nào!

      Xóa
    2. Nhận xét này đã bị tác giả xóa.

      Xóa
  9. Bạn ơi ! có nick yahoo không. Cho mình xin cái đc k ạ

    Trả lờiXóa
  10. Mình hỏi chút. Mình làm bước đầu tiên nhưng tìm mãi ko ra dòng post-author đâu cả, bạn chỉ dùm mình với. Link web: http://www.phimmoihd.net. Tks

    Trả lờiXóa
  11. em làm như hướng dân mà máy ngày sau vào thấy lối nó bị gắp đôi và blog báo "kết nối này ko" hiện hình chú công an nữa chứ...là sao??? giúp em với.

    Trả lờiXóa
  12. mình bị lỗi Thuộc tính title không được Google nhận dạng vì một đối tượng thuộc loại WebPage.

    câu lệnh lỗ (mình xuống dòng riêng)

    < - span class = 'crust' typeof='v: Breadcrumb'>
    < -a class= 'crumb' href='http://www.bb.edu.vn/' property='v:title' rel='v:url'>

    <- s pan itemprop='title'>ntson <

    Mình làm như hướng dẫn mà Test tool vẫn báo như thế.

    Trả lờiXóa
  13. blog của mình không ổn phải không bạn,mình làm theo hướng dẫn của bạn mà vẫn không thấy chuyển biến?

    Trả lờiXóa
  14. của em đã giảm nhưng tốc độ chậm lắm anh ah.

    Trả lờiXóa
  15. Chào anh NamKha!
    Anh ơi kiểm tra giùm em code đã khắc phục được mấy lỗi anh chỉ chưa, em không biết thay có đúng không nữa.
    Làm phiền anh.
    http://www.gsh.vn/

    Trả lờiXóa
  16. Anh Nam ơi

    Em làm theo bài hướng dẫn của anh đã khắc phục được lỗi hatom nhưng sau 1 thời gian các mục dữ liệu có cấu trúc của em bị giảm. Vậy có cách nào khắc phục tình trạng này không ạ.
    http://cuahangbakingsoda.wordpress.com

    Trả lờiXóa
  17. Cảm ơn nhiều

    http://www.vitinhnguyenban.com/2015/05/ho-tro-may-tinh-may-tinh-khong-len.html

    Trả lờiXóa
  18. bạn ơi, sao mình lam theo cach cua ban 1tuan roi ma van ko dc, lỗi vẫn nhiều lên từng ngày?
    mình gửi code qua bạn sửa dùm mình đc ko :-ss
    blog cua minh la http://containersdongnai.blogspot.com

    Trả lờiXóa
  19. bạn ơi, sao mình lam theo cach cua ban 1tuan roi ma van ko dc, lỗi vẫn nhiều lên từng ngày?
    mình gửi code qua bạn sửa dùm mình đc ko :-ss
    blog cua minh la http://containersdongnai.blogspot.com

    Trả lờiXóa
  20. Nam ơi mình làm mãi mà ko đc. www.asanzohanoi.com

    Trả lờiXóa
  21. lỗi image: thiếu và bắt buộc sữa sao vậy ad

    Trả lờiXóa


  22. div class='blog-posts hfeed'>
    em có tận 2 cái :(
    Còn đoạn
    div class='post hentry'>
    Thì không có mà đoạn mã số 9 thì có.
    Em thay đại rồi lưu nhưng không biết đúng hay sai, được hay không nữa.

    Trả lờiXóa
  23. Bạn giúp mình với được không? Blog www.dakhoaquangnam.com thanks bạn nhiều.

    Trả lờiXóa
  24. Đã thử không biết ăn thua không, cũng thanks bạn nhé
    web của mình đây: Chung cư Hà Nội

    Trả lờiXóa