Tutorial Hướng dẫn sử dụng Rich Snippets toàn tập

Thảo luận trong 'Tối ưu hóa On-Page' bắt đầu bởi babyinternet, 19/6/12.

  1. babyinternet

    babyinternet Administrator

    Tham gia ngày:
    4/7/08
    Bài viết:
    4,655
    Đã được thích:
    1,583
    Điểm thành tích:
    113
    Nơi ở:
    [}{]e[][]
    Thảo theo yêu cầu tim hiểu về Rich Snippets của anh em.

    Bài viết này tôi sẽ tổng hợp những Rich Snippets phổ biến nhất

    Công cụ Test Rich Snippets: http://www.google.com/webmasters/tools/richsnippets

    Hướng dẫn:

    - itemscope: Định nghĩa khối có tác dụng.

    - itemtype: Khai báo cho Google biết định nghĩa và nhận dạng data cho thuộc tính itemprop.

    - itemprop: Khai báo định dạng cấu trúc mà itemtype cung cấp


    Nguồn: http://schema.org/docs/schemas.htmlhttp://www.data-vocabulary.org

    1. Rich Snippets xếp hạng, bình chọn, bỏ phiếu:

    HTML:

    Mã:
    <div itemscope itemtype="http://schema.org/Recipe">
    <span itemprop="name">Cộng đồng Google Việt Nam</span>
    <img itemprop="image" src="http://igoo.vn/Source/images/logo.png" alt="Cộng đồng Google Việt Nam">
    <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
    <span itemprop="ratingValue">9</span>/<span itemprop="bestRating">10</span>
    <span itemprop="ratingCount">99</span> bình chọn
    </div>
    </div>
    Minh hoạ:

    [​IMG]

    HTML:

    Mã:
    <div itemscope itemtype="http://schema.org/Recipe">
    <span itemprop="name">Cộng đồng Google Việt Nam</span>
    <img itemprop="image" src="http://igoo.vn/Source/images/logo.png" alt="Cộng đồng Google Việt Nam">
    <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
    <span itemprop="ratingValue">9</span>/<span itemprop="bestRating">10</span>
    <span itemprop="reviewCount">999</span> bài đánh giá
    </div>
    </div>
    Minh Họa:
    [​IMG]

    HTML:

    Mã:
    <div itemscope itemtype="http://data-vocabulary.org/Recipe">
    <span itemprop="name">Cộng đồng Google Việt Nam</span>
    <img itemprop="photo" src="/images/logo.jpg" alt="Cộng đồng Google Việt Nam" />
    <div itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
    <span itemprop="rating">2</span>
    <span itemprop="count">10</span>
    </div>
    </div>
    Minh hoạ:

    [​IMG]

    HTML:

    Mã:
    <div itemscope itemtype="http://data-vocabulary.org/Recipe">
    <span itemprop="name">Cộng đồng Google Việt Nam</span>
    <img itemprop="photo" src="/images/logo.jpg" alt="Cộng đồng Google Việt Nam" />
    <div itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
    <span itemprop="rating">2</span>
    <span itemprop="votes">15/span>
    </div>
    </div>
    Minh hoạ:

    [​IMG]

    2. Rich Snippets Breadcrumb link (navigation link):

    Tham khảo: http://igoo.vn/breadcrumb-link-navigation-link-trong-seo.html

    HTML:

    Mã:
    <ul itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <li><a itemprop="url" href="/" title="Trang chủ"><span itemprop="title">Trang chủ</span></a></li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/trang1" title="Trang 1"><span itemprop="title">Trang 1</span></a></li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/trang2" title="Trang 2"><span itemprop="title">Trang 2</span></a></li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/trang3" title="Trang 3"><span itemprop="title">Trang 3</span></a></li>
    </ul>
    Minh hoạ:

    [​IMG]

    3. Xác nhận Google+ Pages với Website:

    Tham khảo: http://igoo.vn/xác-nhận-google-pages...video-seo.html

    4. Xác nhận tác giả bài viết bằng Google+:
    Bạn chỉ cần thao tác 2 bước đơn giản để khai báo với Google là bài viết đó là của bạn.

    B1: Copy thẻ <a> vào bài viết:
    <a rel="author" href="https://plus.google.com/[ID Google+]?rel=author">[Tác giả]</a>
    ví dụ: <a rel="author" href="https://plus.google.com/116602647998496576269?rel=author">Bình Nguyễn</a>
    B2: Đăng nhập Google+ -> sửa tiểu sử của bạn -> thêm website của bạn vào mục Cộng tác viên để xác nhận bạn đang làm việc với Website

    [​IMG]

    Kết luận: Các bạn chỉ cần nhìn và phân tích chút là oki vì nó cũng rất đơn giản.

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

    Bình Nguyễn - iGoo.vn
    Nguồn: http://igoo.vn/hướng-dẫn-sử-dụng-rich-snippets-toàn-tập.html
     
  2. adv_sagalink

    adv_sagalink Supervisor Moderator

    Tham gia ngày:
    8/12/11
    Bài viết:
    594
    Đã được thích:
    1
    Điểm thành tích:
    18
    Cái snippet author (tác giả) em làm gần cả tháng nay mà chẳng thấy nó hiện :( hay là do em đang dùng rating và breadcrumb nên nó hết chỗ để hiện :))

    Note: Anh em dùng div sẽ có khả năng làm vỡ khung giao diện web, nếu không đặt đúng chỗ, tốt nhất thay toàn bộ bằng <span> code vẫn được tính, những khỏi lo bị vỡ khung do div. ( Đã test )
     
  3. 8xdesign

    8xdesign Cảnh sát thôn - Spam cẩn thận =_+

    Tham gia ngày:
    16/11/09
    Bài viết:
    517
    Đã được thích:
    0
    Điểm thành tích:
    16
    Nơi ở:
    Tiệm cây xanh - Xanhdecor.com
    Nếu nó không hiện tức là do site đã bị report không đúng rating. Cái này có thể do đối thủ cạnh tranh làm ...
    Site em cũng vậy, được mấy tuần thì biến mất, sau đó 1 thời gian bị ddos. Không hiểu cũng là cạnh tranh mà cần gì làm những trò như vậy
     
  4. adv_sagalink

    adv_sagalink Supervisor Moderator

    Tham gia ngày:
    8/12/11
    Bài viết:
    594
    Đã được thích:
    1
    Điểm thành tích:
    18
    Không bạn à, mình chỉ bị mỗi cái snippet author thôi, còn phần rating ngôi sao vẫn hiện bình thường.

    @Note : Đã fix xong lỗi rich snippet author -> nguyên nhân do mình dùng logo, nên up ảnh profile bằng ảnh khuôn mặt là OK.
     
  5. vancongkhanh

    vancongkhanh Lính mới

    Tham gia ngày:
    23/8/12
    Bài viết:
    6
    Đã được thích:
    1
    Điểm thành tích:
    3
    hình như lộn chuồng ko hiểu gì ráo
     
    thiensugia thích bài này.
  6. doiden

    doiden Lính mới

    Tham gia ngày:
    18/9/12
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    hay đó bác cảm ơn chia se nhé
     
  7. vnit969

    vnit969 Lính mới

    Tham gia ngày:
    9/9/12
    Bài viết:
    12
    Đã được thích:
    0
    Điểm thành tích:
    1
    cái này cũng hay. Cảm ơn chủ thớt, để vào nghịch tí xem thế nào
     
  8. seoweb123

    seoweb123 Lính mới

    Tham gia ngày:
    30/9/12
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Bài viết thật hữu ích, Thanks bạn rất nhiều.
     
  9. dungkako

    dungkako Lính mới

    Tham gia ngày:
    23/5/12
    Bài viết:
    16
    Đã được thích:
    0
    Điểm thành tích:
    1
    cai này đang tìm thank nhá
     
  10. dienlanhhanoi

    dienlanhhanoi Đang làm quen

    Tham gia ngày:
    3/10/12
    Bài viết:
    31
    Đã được thích:
    0
    Điểm thành tích:
    6
    cám ơn vì đã chia sẻ. nhưng mình cũng đã làm rồi, đặt code đó vào doạn fotes nhưng cũng chẳng thấy hiển thị, vào kiểm tra tại webmater có hiển thị nhưng đến nay gần 1 tháng rồi chưa hiển thị site mình chuatainha.net
     
  11. lucky_devil

    lucky_devil Lính mới

    Tham gia ngày:
    24/9/12
    Bài viết:
    18
    Đã được thích:
    0
    Điểm thành tích:
    1
    Cái này mình đang làm ,nhưng chưa thấy mặt mũi nó đâu hết.
     
  12. dzuidzui

    dzuidzui Đang làm quen

    Tham gia ngày:
    14/7/12
    Bài viết:
    41
    Đã được thích:
    0
    Điểm thành tích:
    6
    Bài viết thật chi tiết nhưng sao mình làm mãi chưa ra cái mặt của mình :(
     
  13. milanplaza

    milanplaza Đang làm quen

    Tham gia ngày:
    14/6/12
    Bài viết:
    61
    Đã được thích:
    0
    Điểm thành tích:
    6
    Nơi ở:
    Hà Nam
    Tìm bao nhiêu ngày đủ từ khóa bằng tiếng Việt mà giờ mới biết cái ảnh hiện chỗ tìm kiếm này phải search là rich snippets
     
  14. nexttop

    nexttop Đang làm quen

    Tham gia ngày:
    25/10/12
    Bài viết:
    101
    Đã được thích:
    0
    Điểm thành tích:
    16
    cái này tùy trang pác ui. trang nào có trust cao google thường ghé thí 1-2 ngày là nó lên còn trang bình thường thì pải đợi nó vào nó cập nhật. làm cái này cẩn thận xí nhé
     
  15. anmhit

    anmhit Lính mới

    Tham gia ngày:
    30/10/12
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    hay đấy chứ!thank chủ thớt nha:)
     
  16. seotadien

    seotadien Lính mới

    Tham gia ngày:
    30/10/12
    Bài viết:
    6
    Đã được thích:
    0
    Điểm thành tích:
    1
    Thấy nhà nhà đua nhau làm cái này...nhìn trên G đống sao
     
  17. maiditim

    maiditim Super Moderator Super Moderator

    Tham gia ngày:
    13/9/12
    Bài viết:
    838
    Đã được thích:
    33
    Điểm thành tích:
    28
    Nơi ở:
    Văn Quán Gia Trang (Hà Nội)
    Chẳng hiểu sao ảnh của em ko hiển thị đc bác ạ. Giúp em với.
     
  18. volderman1

    volderman1 Guest

    Bác ơi cho em hỏi, e k biết lắm về code, nhìn mấy cái ảnh minh họa trên đầu đó e có thấy khác nhau gì đâu nhỉ?
     
  19. Denis

    Denis Đang làm quen

    Tham gia ngày:
    2/11/12
    Bài viết:
    91
    Đã được thích:
    0
    Điểm thành tích:
    6
    Nơi ở:
    probiker
    Cái này ảo lắm, bị đối thủ cạnh tranh report google thì cũng bằng thừa !
     
  20. adwordsgooglevn

    adwordsgooglevn Đang làm quen

    Tham gia ngày:
    5/11/12
    Bài viết:
    39
    Đã được thích:
    0
    Điểm thành tích:
    6
    Híc, đọc hơi khó hiểu, chắc tại do kiến thức mình còn kém quá :(
     
Đang tải...

Chia sẻ trang này