188bongda.com

Chia sẻ [Hướng dẫn] Tạo breadcrumb cho blogspot

Thảo luận trong 'SEO Blogspot' bắt đầu bởi sociu, 8/5/15.

  1. Lượt xem: 367

    sociu PageRank 1 Member

    Tham gia ngày:
    16/12/14
    Bài viết:
    101
    Đã được thích:
    1
    Breadcrumb cho blogspot là một trong những tiêu chí mà Google đưa ra để xếp blog, website của bạn thân thiện hơn với searcher và các search engine (Friendly Site)

    Breadcrumb là gì?
    Breadcrumb là tập hợp các đường link phân cấp giúp người dùng có thể biết được mình đang ở trang nào và từ đó có thể di chuyển thuận lợi từ trang này trang khác trong 1 website. Nếu một website có cấu trúc phức tạp mà lại không có Breadcrumb thì người dùng dễ lâm vào tình trạng : ô mình đang ở trang nào đây, mục nào đây nhỉ bla bla?

    Breadcrumb có tác dụng gì?
    Breadcrumb chính là cách giúp điều hướng khách truy cập tốt hơn khi giúp cho khách truy cập biết được mình đang ở đâu và nhắm tới mục tiêu mà khách truy cập tìm kiếm.

    Breadcrumb còn giúp google đánh giá cao hơn mức độ thân thiện với website của bạn.

    Breadcrumb giúp điều hướng khách truy cập ngay trên các công cụ tìm kiếm.

    Và hiển nhiên với các tác dụng trên Breadcrumb sẽ giúp bạn seo bài viết tốt hơn –>> khả năng seo cho website, blog sẽ tăng lên [​IMG]

    Hình ảnh demo:

    [​IMG]
    Google Breadcrumb
    Mình là người mới mò mẫm bước vào thế giới blogspot và cũng đang ấp ủ dự định viết một series về BloggerDevelopmenthướng dẫn tạo template cho blogspot và chia sẻ những thủ thuật mà mình tìm kiếm và sưu tầm được bấy lâu trên thế giới blog cho mọi người.

    Trong các bài viết trước mình đã lần lượt giới thiệu về cách tạo sitemap cho blogspot, hiển thị bài viết trong một nhãn (label) bất kì hay trang trí bài viết bằng cách sử dụng font awesome, hôm nay mình sẽ tiếp tục giới thiệu với các bạn cách tạo breadcrumb cho blogspot ở một vị trí bất kì. Mà cụ thể ở đây là breadcrumb sẽ hiển thị ngay trên tiêu đề bài viết.

    Tạo Breadcrumb cho blogspot gồm mấy bước?
    Có nhiều cách để tạo Breadcrumb cho một website nhưng đối với blogspot chúng ta không thể sử dụng Microdata để tạo breadcrumb theo đúng chuẩn được mà phải làm theo một hướng khác vì blogspot không chấp nhận thuộc tính itemscope để trống.

    Chúng ta có thể tạo breadcrumb theo những bước sau.

    Bước 1: Login vào blogger chọn blog muốn thêm sau đó chọn menu Mẫu (Template) và chọn Chỉnh sửa HTML (Edit HTML)

    Bước 2: tìm đoạn code

    Xem Code
    Thêm vào bên dưới

    Xem Code
    Bước 3: Tìm tiếp đoạn code

    Xem Code
    Thêm vào bên trên

    Xem Code
    Tuy nhiên nếu để vậy thì breadcrumb cũng chỉ hiện các link nhìn khá xấu xí.

    Làm sao để trang trí cho breadcrumb?
    Điều này yêu cầu bạn phải hiểu một chút về css. Tuy nhiên nếu không biết bạn vẫn có thể sử dụng một trong 2 đoạn css có sẵn sau để thêm vào.
    Cách thêm css trang trí cho breadcrumb:
    Tìm đoạn code:

    Xem Code
    Thêm vào phía trên một trong 2 style cho breadcrum sau:

    Style breadcrumb 1

    Xem Code
    Style breadcrumb 2 (dạng google :p)

    Xem Code
    Như vậy là các bạn đã có thể có một breadcrumb đẹp rồi. Sau khi làm xong các bạn có thể sử dụng Google Rich Snippet Testing Tools để kiểm tra nhé.
    Trích Nguồn : SEO.TOT
     
    #1
  2. luckylike95 PageRank 1 Member

    Tham gia ngày:
    12/3/15
    Bài viết:
    134
    Đã được thích:
    2
    sao không thấy đoạn code nào vậy bạn? @@
     
    #2
  3. cuonthichgame PageRank 1 Member

    Tham gia ngày:
    20/4/15
    Bài viết:
    91
    Đã được thích:
    1
    nghe chứng khó thực hiện theo quá, em đọc mà chẳng hiểu luôn
     
    #3

Chia sẻ trang này