Hiện mô tả tìm kiếm tại đầu bài viết cho Blogger

Nếu bạn là một người thuyền xuyên đọc báo chí trên mạng internet, ví dụ các trang như genk.vn, kenh14.vn, ictnews.vn, và nhiều các trang khác nữa bạn sẽ thấy ở đầu bài viết sẽ có một đoạn văn bản ngắn tách biệt tại đầu bài. Nếu bạn kiểm tra kỹ sẽ thấy chính đoạn in đậm này là đoạn sẽ là đoạn mô tả trên các công cụ tìm kiếm.

Hiện mô tả tìm kiếm tại đầu bài viết cho Blogger

Mục đích của đoạn mô tả tìm kiếm làm gì? Mục đích là câu kéo người dùng đọc bài viết của chúng ta bằng những lời lẽ kích thích. Nếu bạn viết đoạn mô tả tìm kiếm một cách hợp lý, xác xuất bạn sẽ kiếm được người dùng cao hơn tại các công cụ tìm kiếm.

Tại Blogger cũng hỗ trợ tính năng này, khi tạo bài viết mới tại phần sidebar bên phải bạn sẽ thấy đoạn "Mô tả tìm kiếm". Ở đây nó chỉ hiển thị cho công cụ tìm kiếm để lấy ra ngoài kết quả của nó, và bài viết này mình hướng dẫn các bạn làm sao để cho nó hiển thị ngay cả trong bài viết giống những mã nguồn khác.

Hiện mô tả tìm kiếm tại đầu bài viết cho Blogger

Bạn tìm đến đoạn mã này trong template của bạn
<b:if cond='data:blog.metaDescription == &quot;&quot;'>
chèn lên trên đó bằng đoạn mã này
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:blog.metaDescription != &quot;&quot;'>
     <div style='margin-bottom: 10px; font-weight: bold; color: #757575;'><data:blog.metaDescription/></div>
    </b:if>
</b:if>
bạn có thể tùy chỉnh lại css trong thuộc tính style rồi lưu lại.

Lời kết

Bạn nên thêm mô tả tìm kiếm cho mỗi bài viết của bạn vì nó rất tốt cho SEO. Bạn có thể tham khảo qua các thủ thuật về tối ưu SEO khác tại Chuyên mục SEO của KslZone.

Mặc dù đoạn mã này gặp một số hạn chế như đoạn mã này chỉ hoạt động khi tại trang bài viết, nếu lấy ra trang chủ nó sẽ hiện thị đoạn mô tả của blog, tuy vậy việc thêm nó vào như thế nào sẽ giúp bạn có một blog trông chuyên nghiệp hơn trong mắt người dùng.

21 bình luận

  1. avatar says

    lúc 15:43 25 tháng 6, 2014

    Bạn có cách nào để lấy 1 đoạn đầu tiên trong bài để làm mô tả cho bài viết không?

  2. avatar says

    lúc 18:13 25 tháng 6, 2014

    Cái đấy thì mình chịu, khó mà lấy đoạn đầu tiên mà nhét vào thẻ meta được.

  3. avatar says

    lúc 14:05 26 tháng 6, 2014

    Mình thử bằng cách đem thẻ description xuống dưới thì OK

    Nhưng không biết thẻ meta mà không nằm trên Head thì nó có giữ đúng giá trị SEO của nó không bạn? Mình cảm ơn bạn rất nhiều !

  4. avatar says

    lúc 14:48 26 tháng 6, 2014

    Theo ý kiến cá nhân của mìnhược biết thì

    1) Thẻ meta chỉ hợp lệ khi nằm trên thẻ head thôi, mà trong nhiều template mặc định mình thấy các có một thẻ meta về hình ảnh ở bài viết nên cũng ko biết như thế nào.

    2) Thẻ meta chỉ có giá trị cung cấp thông tin cho các robot thu thập thông tin chứ không có giá trị với ranking ngoài Google.

    Nên mình nghĩ bạn có thể vừa thêm meta tag ở trên thẻ head vừa móc thẻ decription ở dưới là đẹp :)

  5. avatar says

    lúc 15:01 26 tháng 6, 2014

    Cảm ơn ý kiến chân thành của bạn...

    Lý do mình muốn dùng đoạn văn bản snipet trong bài viết để làm description là vì:
    - Lúc trước mình có làm một blog, trong lúc làm mình vẫn backup data blog thường xuyên, nhưng không may blog đó bị xóa cho nên mình up data lên blog mới. Nhưng lại phát sinh vấn đề là khi up lên toàn bộ không chứa "Mô tả" cũ...

    - Nếu viết lại mô tả cho hàng trăm bài thì rất mệt, viết lại mà không giống description cũ đã index trên google thì càng mệt.

    - Vì thế mình muốn dùng cách này để bỏ qua bước nhập Desctiption thủ công và nếu lỡ blog có bị xóa thì vẫn auto des lại như cũ.

    Có thể mình sẽ dùng cách lôi thẻ Description xuống includable main để chạy một thời gian xem sao :)

    Cảm ơn bạn rất nhiều nhé !

  6. avatar says

    lúc 15:36 26 tháng 6, 2014

    Mà mình cũng công nhận thật, cái dụ backup description thì cũng có khá nhiều người ý kiến trên Blogger forum của Google nhưng chã thấy Google thêm vào :(

  7. avatar says

    lúc 13:40 18 tháng 12, 2014

    mình tìm không thấy đoạn này có đoạn nào khác không bạn

  8. avatar says

    lúc 13:41 18 tháng 12, 2014

    cái đoạn html bạn nói ở trên đó ....blogmetaDescription....

  9. avatar says

    lúc 21:17 18 tháng 12, 2014

    Thế thì bạn cứ tìm thẻ "head" rồi chèn xuống dưới nhé, nó ngay trên đầu template ấy.

  10. avatar says

    lúc 23:27 18 tháng 12, 2014

    công nhận cái này rất hay em cảm ơn,như tiếc là em áp dụng vào wap em thì nó làm wap em xấu lắm,rời rạc wap em,anh có cách nào để phần mô tả tìm kiếm hiện thị ở phần cuối bài như tag không vậy?

  11. avatar says

    lúc 23:28 18 tháng 12, 2014

    công nhận cái này rất hay em cảm ơn,như tiếc là em áp dụng vào wap em thì nó làm wap em xấu lắm,rời rạc wap em,anh có cách nào để phần mô tả tìm kiếm hiện thị ở phần cuối bài như tag không vậy?

  12. avatar says

    lúc 08:22 19 tháng 12, 2014

    Mình đoán không lầm thì blog của bạn là http://game-android79.blogspot.com
    nếu đúng bạn tìm
    <div id='related-newest-href'>
    và chèn xuống dưới thử nhé.

  13. avatar says

    lúc 08:49 19 tháng 12, 2014

    em đã làm được rồi.
    cảm ơn anh nhiều nhiều nha,kiến thức về blogspot của anh thật là rộng,em rất mong một ngày nào đó có thể có được hiểu biết như anh về blogspot.

  14. avatar says

    lúc 08:51 19 tháng 12, 2014

    mà anh có cách gì để mấy các mô tả tìm kiếm đó có liên kết với link của bài viết không anh?

  15. avatar says

    lúc 18:58 19 tháng 12, 2014

    Bạn thay cái này
    <data:blog.metaDescription/>
    bằng cái này
    <a expr:href='data:post.url'><data:blog.metaDescription/></a>

  16. avatar says

    lúc 00:20 20 tháng 12, 2014

    cảm ơn anh nhiều nha,em làm được rồi.hỳ

  17. avatar says

    lúc 08:05 20 tháng 12, 2014

    Không có gì, có gì khó khăn cứ qua đây em giải đáp :D

  18. avatar says

    lúc 16:11 20 tháng 12, 2014

    Làm Phiên Anh Lâm Kiều Qúa!!!
    Anh Lâm Kiều cho em hỏi tý sao trang này http://taigamevi.blogspot.com/2014/07/tai-game-chien-binh-cs.html
    từ khóa cuối trang mỗi từ khóa mô tả tách nhau bởi một dấu phẩy đều có từng link vậy nhỉ ?
    với anh có cách nào để nhận biết dòng máy android và ios như trang bên trên không ạ.

  19. avatar says

    lúc 16:31 20 tháng 12, 2014

    Theo mình đoán không lầm thì cha nội đó chèn tay đó :D

  20. avatar says

    lúc 10:45 2 tháng 9, 2015

    Khi chèn đoạn code của anh dưới thẻ head thì nó thông báo: div should not appear inside of head, có nghĩ là nó không cho chèn, có cách nào không Kiều.

  21. avatar says

    lúc 10:53 2 tháng 9, 2015

    Cái này chèn ở đầu bài viết, có nghĩa là nó nằm trong phần code phát sinh ra blog chứ không phải dưới thẻ head anh ơi.

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.