Thư viện

Trải nghiệm

Thứ Hai, tháng 1 14, 2013

Hiển thị profile Google+ trên kết quả tìm kiếm

Thủ thuật hiện avata (Rich Snippet) trên index google cho blogger và wordpress. hướng dẫn các bạn thếm avantar google profile của bạn vào các kết quả tìm kiếm.

Chia sẻ:
Hiển thị profile Google+ trên kết quả tìm kiếm với Rich Snippets
Thêm ảnh profile Google plus (còn gọi là Rich Snippets profile Google+) kèm theo trên các kết quả tìm kiếm của google custom search, là đoạn thông tin đặc biệt dùng để hiển thị các thông tin thêm có trong những bài viết đặc biệt (bài đánh giá, sản phẩm, ứng dụng, công thức nấu ăn, địa chỉ công ty..v.v..) trên các máy tìm kiếm (Google, Yahoo, Bing) nhằm cung cấp thêm những thông tin giá trị đến người tìm kiếm giúp họ xác định kết quả tìm kiếm mà họ đang cần. Trong bài viết này mình sẽ hướng dẫn các bạn thêm avantar google profile của bạn vào các kết quả tìm kiếm.

» Lợi ích khi sử dụng Rich Snippets và Rich Snippets profile Google+.

Mỗi loại Rich Snippets đều có những lợi ích đặc trưng khác nhau, nhưng tất cả các lợi ích đó chúng ta có thể hiểu là làm nổi bật kết quả của website mình trên máy tìm kiếm. Đồng thời bổ sung những thông tin có giá trị đến với người dùng và tăng khả năng họ click vào nếu các thông tin đó phù hợp với nhu cầu tìm kiếm của họ, tất nhiên tỷ lệ Click-Through Rate (CRT – tỷ lệ click vào so với số lần hiển thị) cũng được cải thiện đáng kể. Xem thêm: 7 cách tăng CTR trên Google Search.

Đó là những lợi ích chung, còn các lợi ích riêng cho từng loại Rich Snippets mình có kể ra đây tới mai cũng không hết, nếu bạn có câu hỏi tương tự như thế này thì hãy sử dụng Rich Snippets ngay và bạn sẽ có câu trả lời thỏa đáng cho mình. Bạn không biết sử dụng Rich Snippets như thế nào ư? Đừng lo lắng, mình sẽ tiếp tục bài viết với việc hướng dẫn sử dụng Rich Snippets.

Đây có thể xem là một cách quảng bá hình ảnh, và tạo cho độc giảcảm thấy tò mò và hừng thú với blog của bạn.
Ảnh minh họa khi bạn tìm kiếm phải trang chủ:
Hiển thị profile Google+ trên kết quả tìm kiếm
Ảnh minh họa khi tìm kiếm phải bài viết:
Thủ thuật hiện avata (Rich Snippet) trên index google cho blogger và wordpress

Thủ thuật hiện avata (Rich Snippet) trên index google cho blogger và wordpress

1. Rich Snippets Recipes thủ thuật cũ

Tại sao lại bảo đây là thủ thuật cũ vì hiện nay thủ thuật này không còn tác dụng. Mình chỉ nói lại để các bạn hiểu hơn. Nếu muốn áp dụng ngay mà không tìm hiểu tường tận thì hãy kéo xuống  đọc mục 2.
Trước đây, khi Google chưa cho phép dùng profile G+ làm hình ảnh đại diện trên kết quả search, mọi người thường dùng Rich Snippets để làm hiển thị hình ảnh, logo trên kết quả tìm kiếm.
Rich Snippets Recipes thực ra được Google thiết kế để hỗ trợ cho các trang web chuyên về lĩnh vực nhà hàng ăn uống, cách chế biến, thành phần của các món ăn đó và kèm cả hình ảnh của nó nữa…
Mỗi Rich Snippets (RS) đều có 3 định dạng khác nhau đó là: Microdata, Microformats, RDFa. Ở bài này tôi sẽ cung cấp cho các bạn code và cách sử dụng Microdata cho RS Recipes.
Rất đơn giản, chỉ cần chèn vào website đoạn code sau :
<div itemscope="" itemtype="http://schema.org/Recipe" style="display:none !important;">
<span itemprop="name">Tên công ty của bạn</span>
<img itemprop="image" src="http://4.bp.blogspot.com/-PywZTL2iYfk/UJfPjB8m4hI/AAAAAAAADkk/vkKLQlK_yU8/s45/avanta-namkna-blogspot-com.JPG" alt="Namkna blog">
</div>
</div>
Hoặc chi tiết hơn:
<div style=" margin-top: -1px; position: fixed; text-indent: -99999px;" itemscope itemtype="http://data-vocabulary.org/Recipe" >
<h1 itemprop="name">Tên công ty của bạn</h1>
<img itemprop="photo" src="http://4.bp.blogspot.com/-PywZTL2iYfk/UJfPjB8m4hI/AAAAAAAADkk/vkKLQlK_yU8/s45/avanta-namkna-blogspot-com.JPG" />
By <span itemprop="author">Tạ Nam</span>
<span itemprop="summary">Mô tả về công ty hay website bạn</span>
<span itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
</span>
</div>
Tuy nhiên, sau khi dùng một thời gian, các bạn sẽ thắc mắc khi thấy logo này lúc ẩn lúc hiện, thậm chí biến mất và đến thời điểm hiện tại thì có thể nói là hoàn toàn biến mất trên kết quả tìm kiếm mặc dù vẫn giữ đoạn code trên. Tại sao lại như vậy ? Vì đây là Rich Snippet fake và Google không thích điều đó.

Vậy giải pháp nào để chúng ta có một hình ảnh đẹp và “hợp pháp” trên kết quả search. Đó chính là tính năng mới của Google ra mắt trong tháng 5 vừa qua : tính năng hiển thị profile G+ trên kết quả tìm kiếm mà mình sẽ giới thiệu sau đây:.

2. Hiển thị profile Google+ trên kết quả tìm kiếm

Hiện nay, Google đã dùng hình đại diện trên profile G+ để làm hình ảnh hiển thị trên kết tìm kiếm cho website của bạn.

- Để làm được điều này, các bạn hãy làm như sau :

1- Trước tiên các bạn hãy tạo cho mình một tài khoản G+ và upload hình ảnh đại diện của mình lên.
2- Tiếp theo, vào mục chỉnh sửa tiểu sử
Xem tiểu sử tài khoản google +

3- Sau khi vào trang Tiếu sử bạn bấm vào thẻ giới thiệu trên thanh menu dưới ảnh đại diện => Bạn bấm vào mục cộng tác viên cho
4- Bấm vào thêm liên kết tùy chỉnh
5- Điền các thông số vào sau đó lưu lại.
VỚi mục Liên kết các bạn điền tương tự
6- Sau đó chèn đoạn code sau vào HTML hoặc vào widget bất kỳ trên blog của bạn.
<a href="https://plus.google.com/106326556171217599260?rel=author" target="_blank" title="Namkna on Google+">Nam Tạ</a>
Thay 106326556171217599260 thành ID google pluss của bạn. Bạn có thể thấy trên URL trang google pluss của bạn.

- Cập nhật: Ngoài dùng code trên bạn cũng có thể chèn đoạn code sau vào sau thẻ head
<link rel="author" href="https://plus.google.com/106326556171217599260"/>

-Như vậy là đã hoàn tất, các bạn hãy chờ vài ngày để Google cập nhật profile.

» Kiểm tra tính hợp lệ của Rich Snippets profile Google+


Sau khi bạn đã thực hiện các bước trên thì đa phần đều lo lắng rằng không biết mình đã làm đúng hay chưa, nó có hiển thị trên máy tìm kiếm không. Đừng lo lắng, bạn vẫn có thể kiểm tra tính hợp lệ của nó ngay tức thì bằng công cụ Rich Snippets Testing Tool của Google theo link bên dưới.

» Lời kết

Tới đây mình tin rằng bạn đã hiểu ra một phần nào về Rich Snippets Google+ và đã biết tại sao có một số kết quả tìm kiếm đặc biệt được hiển thị trên máy tìm kiếm. Trong bài viết này có thể bạn sẽ cảm thấy thiếu khi mình không nói sơ qua các định dạng Rich Snippets (microdata, microformat và RDFa) ở phần 1, nhưng thành thật mà nói, nếu bạn chỉ cần biết cách sử dụng Rich Snippets thì không cần tìm hiểu kỹ về nó lắm, mình sẽ nhắc chi tiết tới nó vào các bài viết khác liên quan chặt chẽ hơn.

Nếu bạn vẫn có thắc mắc nào liên quan đến Rich Snippets, đừng ngần ngại nói cho mình biết tại phần bình luận nhé.

36 nhận xét:

  1. Thủ thuật này còn thiếu, bạn seach trên google từ khóa này: " Thủ thuật hiện avata (Rich Snippet) trên index google cho blogger và wordpress" sẽ huống dẫn cụ thể hơn

    Trả lờiXóa
    Trả lời
    1. Không thiếu đau bạn! Ngắn gọn nhưng hiệu quả là chính !

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

    Trả lờiXóa
  3. Để mình áp dụng xem, rất thích cách này.

    À, anh em xem hài tết 2013

    hai tet 2013 chưa. Hài năm nay chán chết

    Trả lờiXóa
  4. đã làm ok rồi.
    bác cho hoiur bao lâu thì nó hiển thị đc trên Google. khi mà ng ta tìm kiếm.

    Ps: trước mình làm theo nhiều bài nhưng k đc.
    code của bác pate phát ok luôn.

    web mình nè: http://thẻdata3g.vn

    Trả lờiXóa
    Trả lời
    1. Link search trang chu đuợc ngay khj thực hjện. Còn link bàj vjet khoảng 1 ngay la dc.

      Xóa
    2. Sao mình làm xong search trang chủ không hiển thị ngay nhỉ? có cách nào biết mình đã thành công luôn không bạn. hay phải đợi vài ngày :( blog mình: www.phimmediafire.com

      Xóa
    3. Bạn có thể kiểm tra xem bạn đã làm được hay chưa tại đây:

      http://www.google.com/webmasters/tools/richsnippets

      Xóa
  5. mình thay đổi id những còn cái namkna on google+ với lại cái bắc tạ mình có đổi lun hông anh nam

    Trả lờiXóa
    Trả lời
    1. Những phần in đậm có thể đổi.
      Namkna on google + là dòng hjển thj trên kết qủa tìm kiếm. Ban co the doj thành Quốc khánh nguyễn on google + hoặc gj khác tùy ý.
      Và phần nam tạ là tên hjển thj bạn có the nhjn hjnh trong baj se ro.

      Xóa
  6. Em ko biết chèn vào đâu cả , anh nói dõ đi anh nam

    Trả lờiXóa
    Trả lời
    1. Chèn vào một tiện ích HTMl/javarscrip bất kỳ hoặc chèn trước thẻ </body>

      Xóa
  7. thanks bạn nhé, bài viết rất bổ ích

    Trả lờiXóa
    Trả lời
    1. Không có gì rất vui vì nó có ích với bạn :)

      Xóa
  8. thanks a.... e test trên http://www.google.com/webmasters/tools/richsnippets đã hiện rồi... nhưng đã hơn 1 tuần mà search trang chủ vẫn ko ra a à.... ae xem thế nào : www.anhung.tv

    Trả lờiXóa
    Trả lời
    1. Anh kiểm tra blog em đã có các đoạn: https://plus.google.com/..... tuy nhiên em không gắn cho nó thuộc tính rel="author" để xác nhận đó là em nên google không nhận em ak. Hãy xem lại bước 6 nha.

      Xóa
    2. hì.. để e thử lại. thanks a .. có gì e báo lên :)

      Xóa
    3. Oke e. Có gì em cứ bào đẻ anh còn cập nhật nha :)

      Xóa
  9. hì. vẫn ko dc a à..

    có trang e bỏ thẻ này vào <link href='https://plus.google.com/u/0/103351094958742905536' rel='publisher'/> hôm sau nó hiện lên lun...e đang test lại trang e thử... đc thì a cập nhật lại nhé. hì


    A cho e liên kết blog a nhé.. e đã add liên kết của a rồi nhé.hì. thanks a
    URL: http://anhung.tv
    title: Chia sẻ thủ thuật giải trí tổng hợp
    tên hiển thị: An Đình Hùng [Blog]

    Trả lờiXóa
    Trả lời
    1. Eke wm. Em em lại link blog em có nhầm không nha a thử vào nhưng nó không xem được trang của em nên tạm thời anh chưa thêm. Em test lại rồi báo cho anh nha :)

      Xóa
    2. hì. đúng mà a: http://www.anhung.tv/

      Xóa
    3. Anh đã thêm rồi em có thể kiểm tra bên dưới nha :)

      Xóa
  10. Cảm ơn bạn nhiều về bài viết, nhưng bạn có thể nói rõ hơn khi chèn vào " Chỉnh sửa HTML" của phần " Mẫu " thì chỉnh vào dòng nào, cột nào, vì mình đã làm nhưng khi bấm " Lưu Mẫu" không được.
    Nhưng khi vào kiểm tra http://www.google.com/webmasters/tools/richsnippets thì lại báo " Đánh dấu rel=author đã thiết lập thành công quyền tác giả cho trang web này "
    Bạn có thể giúp mình cụ thể hơn được ko?
    Web của mình: http://www.thegioimebe.com.vn/
    Mail: tamnhushop@gmail.com
    Chân thành cảm ơn những kiến thức rất bổ ích của bạn.

    Trả lờiXóa
    Trả lời
    1. Bạn chèn trước thẻ </body> hay phần copyright cũng được bạn ak.

      Blog của bạn đã có nó trong thẻ tiện ích Giới thiệu bản thân rồi nên có thể bỏ qua bước chèn và chờ đợi thôi bạn ak.

      Xóa
  11. google mới chỉnh sữa giao diện nên em không tìm thấy mục "Công tác viên cho..." anh Nam ơi :)

    Trả lờiXóa
  12. Giao diện vẫn như ngày sưa thôi mà e,

    Trả lờiXóa
  13. sao minhf không thấy phần tiểu sử trong google+ nhỷ?
    cảm ơn adm

    Trả lờiXóa
    Trả lời
    1. Mình đã cập nhật lại bài viết theo giao diện mới hiện nay rồi ban xem đi nha.

      Xóa
  14. Nếu Blog có nhiều tác giả thì mình thêm nhiều dòng <link rel="author" href="https://plus.google.com/...." có được không admin? Hay chỉ cần một author của tác giả chính là được?

    Trả lờiXóa
    Trả lời
    1. Chỉ cần thêm của tác giả blogger thôi. Những tài khoản khác nếu họ không khai báo cộng tác viên cho trang của bạn trong tài khoản của họ thì cho thêm code cũng thừa. Với lại không phải tất cả mọi kết quả tìm kiếm đều hiển thị hình ảnh đâu.

      Xóa
  15. em đã làm theo nhưng không được khanh98.blogspot.com

    Trả lờiXóa
    Trả lời
    1. Hiện nay GG bỏ cái này rồi, nên không còn cần thiết nữa đâu.

      Xóa
  16. http://muabannhadatthaibinh.blogspot.com/ bỏ lâu rồi mà

    Trả lờiXóa
  17. máy tính của mình nó ko có phần Xem tiểu sử mới đau chứ

    Trả lờiXóa