Hướng Dẫn Cách Hiển Thị Logo Trên Google

Thảo luận trong 'Mã Nguồn' bắt đầu bởi Pussy, Thg 6 22, 2017.

  1. Pussy

    Pussy New Member Chuyển tiền Tìm chủ đề

    Bài viết:
    Tìm chủ đề
    950
    Có 1 số bạn hỏi tôi qua email và Yahoo về cách hiển thị logo trên trang kết quả tìm kiếm của Google, tôi có trả lời “bạn thử tìm hiểu về Rich Snippets của Google, chắc chắn bạn sẽ làm được“. Mục đích câu trả lời của tôi là để các bạn tự tìm hiểu sẽ giúp các bạn có kinh nghiệm và hiểu rõ về nó hơn mà thôi. Nay tôi viết bài hướng dẫn này để giúp các bạn hiểu và có thể tự làm được, khi đọc xong bạn sẽ thấy nó chẳng có gì cao siêu và khó khăn cả.

    [​IMG]

    Đầu tiên chúng ta cần tìm hiểu về thuật ngữ Snippets

    Snippets là gì? Snippets là những dòng nội dung xuất hiện trong kết quả tìm kiếm và nằm dưới tiêu đề. Snippets được thiết kế để cung cấp cho người dùng biết những gì có trên trang web và tại sao nó liên quan đến truy vấn tìm kiếm của họ.

    Bạn có thể tham khảo thêm về Snippets tại đây:

    Google Support - Snippets


    Quay lại vấn đề chính, để hiển thị được Logo hoặc hình ảnh bất kỳ trang kết quả tìm kiếm của Google, bạn có thể sử dụng một trong hai cách sau sau:

    1. Hiển thị thông tin tác giả trên công cụ tìm kiếm

    Bạn chèn đoạn sau vào website của mình:

    <a href=”[profile_url]?rel=author”>Google</a>

    Thay thế đoạn [profule_url] bằng địa chỉ profile Google Plus của bạn.

    VD:

    Mã:
    <a rel=”AUTHOR” href=”https://plus.google.com/116814218837959173331?rel=author”>Trần Ngọc Chính</a>
    Sau đó bạn truy cập link sau đây: http://plus.google.com/me/about/edit/co và click vào Add custom link để add website của bạn vào và nhấn SAVE là xong.

    Bạn có thể truy cập Rich Snippets Testing Tool để test thử xem được chưa tại:

    Google Webmaster - Rich Snippets Testing Tool

    [​IMG]

    Hiển thị thông tin tác giả trên công cụ tìm kiếm

    2. Rich Snippets Recipes

    Rich Snippets Recipes thực ra được Google thiết kế để hỗ trợ cho các trang web cung cấp các thực đơn về các món ăn, 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…

    Lợi dụng đặc điểm là có hỗ trợ hình ảnh trên kết quả tìm kiếm nên một số webmaster đã ứng dụng nó vào website của mình và họ đã thành công, “bước đầu qua mặt được Google”. Khi bạn đọc đến đây chắc bạn đã hiểu được một phần vấn đề, vì vậy tôi khuyên các bạn nên bỏ ý định thực hiện việc này, vì nếu bạn đọc tiếp, bạn sẽ tò mò và muốn làm thử cho bằng được. Tôi đã cảnh báo rồi nhé, đọc tiếp hay không là quyền của bạn thôi.

    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.

    Đây là đoạn code để hiển thị Logo trên Google:

    Mã:
    <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://ngocchinh.com/wp-content/themes/ngocchinh/images/logo.png” />
    By <span itemprop=”author”>Trần Ngọc Chính</span>
    <span itemprop=”summary”>Mô tả về công ty bạn</span>
    <span itemprop=”review” itemscope itemtype=”http://data-vocabulary.org/Review-aggregate”>
    <span itemprop=”rating”>4.5</span> sao trên
    <span itemprop=”count”>912</span>người dùng</span>
    </span>
    </div>
    Các bạn chỉ cần sửa lại tên công ty, đường dẫn đến Logo của bạn, thông tin Author và mô tả. Sau đó bạn có thể copy đoạn code này đặt vào website của bạn.

    Ở hình dưới tôi đã thay thế các thông tin trong code trên để có thể hiển thị logo trên Google, bạn cũng có thể kiểm tra tại công cụ Rich Snippets Testing Tool tại đường dẫn sau:

    Google Webmaster - Rich Snippets Testing Tool

    [​IMG]

    Rich Snippets Recipes cho trang InboundMarketing.vn

    Nếu thấy kết quả của bạn hiện ra Logo là bạn đã làm đúng. Việc còn lại là ngồi chờ Google update website của bạn, thông thường khoảng 2 ngày là bạn sẽ nhìn thấy được kết quả trên công cụ tìm kiếm.

    Ngoài ra bạn có thể sử dụng định dạng Microformats và RDFa để thực hiện, code cũng gần giống nhau, bạn tham khảo thêm tại đây

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

    P/s: Mặc dù biết tác dụng của nó sẽ làm đẹp kết quả tìm kiếm của bạn, quảng cáo thêm cho logo hoặc hình ảnh sản phẩm của công ty bạn, tăng tỷ lệ click chuột CTR vào website của bạn, nhưng tôi không khuyến khích các bạn thêm vào website của mình (ngoại trừ trang web của bạn là website cung cấp các công thức chế biến món ăn…) và dừng lại ở mức đọc để hiểu thêm về việc ứng dụng các Snippets mà thôi.

    Nguồn: Trần Ngọc Chính – Cách hiển thị Logo trên Google
     
    Last edited by a moderator: Thg 11 13, 2017
  2. Đang tải...
Trả lời qua Facebook

Chia sẻ trang này