Thủ thuật máy tính

Hướng dẫn chèn thêm Google Rich Snippets cho Blogger [100% HIỂN THỊ]

Thứ Tư, 26 tháng 11, 2014

Có thể nói Google Rich Snippets  đang là xu thế hót hiện nay của dân seo. Tích hợp Google Rich Snippets  giúp website của bạn nổi bật hơn nhiều trên google qua đó thu hút được khách hàng đến với bạn nhiều hơn. Tuy nhiên không phải website nào cũng tích hợp được Google Rich Snippets. Trong đó phải kể tới là Blogger thì cực kỳ khó. Vậy hôm nay mình xin Hướng dẫn chèn thêm Google Rich Snippets cho Blogger [100% HIỂN THỊ] đảm bảo thành công nhé !

Bước 1 :
Bạn hãy đăng nhập vào Blogger của mình. Sau đó vào phần MẪU
Bạn hãy vào phần Mẫu rồi ấn Chỉnh sửa HTML


Bước 2 :
Bạn hãy ấn vào nút CHỈNH SỬA HTML nhé.
- Sau đó bạn ấn tổ hợp phím "Ctr+F" rồi bạn gõ “Blogposting” dán vào khung tìm kiếm .
Chú ý cần tìm đúng dùng có chữ Blogposting)
- Các bạn thay “Blogposting” bằng “Recipe” hết nhé (Ở Tempale mặc định của Google hình như chỉ có 2 kết quả) Sau đó di chuột đến cuối dòng lệnh gõ Enter và Copy đoạn này vào: (Các bạn chú ý trước khi copy các đoạn code vào Blog hãy paste qua Notepad sau đó từ Notepad cho vào blog nhé)

- Ở bước này một số bạn không tìm thấy dòng Blogposting nhưng hãy cứ bình tĩnh nhé. Mình sẽ hướng dẫn các bạn Fix lỗi này .
<meta expr:content='data:post.snippet' itemprop='description'/>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
</b:if>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='thumbnailUrl'/>
</b:if>
<meta expr:content='data:post.author' itemprop='author'/>
<meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>



Sau đó “Lưu mẫu”. (Còn với các Template không tìm thấy “Blogposting” thì Copy tất cả đoạn code giống hệt hình ảnh bên trên vào Template nhé, cả phần không có trong khung đỏ).
Vậy là chúng ta đã hoàn thành add đoạn code chứa tác giả, mô tả, tên, hình ảnh, thumbnail,... lên toàn bộ Website cho đồng bộ. Để mai sau chúng ta post bài sẽ chỉ cần một chút chỉnh sửa nữa.

Bước 3: Lúc chúng ra hưởng thành quả nhé
Chúng ta làm như vậy đã oke nhưng giờ đây chúng ta đăng bài thì phải sử dụng một chút thủ thuật nhé các bạn.
- Khi có một bài viết mới, hãy cho hình ảnh bạn muốn hiển thị trên Google lên trên cùng trong phần nội dung nhé. Giống như hình ảnh dưới:

Chú ý ở trong bài viết chúng ta phải vào chỉnh sửa HTML và thêm 1 đoạn code này vào.


Oke. Mình thêm đoạn code này vào trong bài viết
<meta itemprop="prepTime" content="PT15M">15 minutes
Thời gian xào: <meta itemprop="cookTime" content="PT1H">1 hour
Năng suất: <span itemprop="recipeYield">1 loaf</span>
<span itemprop="ingredients">Nguyên liệu gồm thịt bò, rau muống</span>
<span itemprop="recipeInstructions">Hướng dẫn làm món thịt bò xào rau muống
</span>


Oke và chúng ta đã hoàn thành rồi. Các bạn Copy link bài viết vào đây để kiểm tra Rich Snippets hiển thị nhé:http://www.google.com/webmasters/tools/richsnippets. Nếu thấy một hình vuông mờ mờ và tổng thời gian bên cạnh như hình dưới là OK.

CHÚC CÁC BẠN THÀNH CÔNG. HẸN GẶP CÁC BẠN VÀO BÀI VIẾT HƯỚNG DẪN KHÁC !

2 nhận xét:

Đăng nhận xét