Tối ưu Website để chia sẻ link trên Google+ & Facebook

Thứ ba, 27/09/2011 - 02:04

Tối ưu Website để chia sẻ link trên Google+ & Facebook

Việc chia sẻ thông tin, hướng dẫn, học tập... trên G+ là cần thiết để giới thiệu, chia sẻ... với mọi người (SPAM nhiều là không nên). Vậy làm sao để chia sẻ của bạn hiển thị đẹp, đầy đủ tiêu đề, hình ảnh, mô tả phù hợp?

 

Bài viết này tôi sẽ hướng dẫn các bạn yêu thích thiết kế web, blogger, lập trình viên... có thể tự động thay đổi tiêu đê, hình ảnh, mô tả của link khi chia sẻ trên Google+. Có 2 phương án bạn có thẻ chọn ở dưới đây:

 

1. Thêm thẻ <meta> vào trong thẻ <head>:

 

<!-- Thêm phần in đậm vào tag <html>  -->

<html itemscope itemtype="http://schema.org/Article" />

 

 

<!-- Thêm 3 thẻ <meta> dưới vào trong thẻ <head></head> -->

<meta itemprop="name" content="tiêu đề" />

<meta itemprop="description" content="mô tả" />

<meta itemprop="url" content="link đầy đủ của bài viết" />

<meta itemprop="image" content="link đầy đủ hình ảnh có cả http://" />

 

 

2. Thêm các thuộc tính vào trong tags trong thẻ <body>:

 

<!-- Thêm phần in đậm vào tag <html>  -->

<html itemscope itemtype="http://schema.org/Article" />

 

hoặc bạn cũng có thể thêm vào thẻ <body>

<body itemscope itemtype="http://schema.org/Article">

 

 

<!-- Thêm các thuộc tính in đậm phù hợp và các thẻ của bạn  -->

<span itemprop="name">tiêu đề</span>

<span itemprop="description">mô tả</span>

<span itemprop="url">link đầy đủ muốn chia sẻ</span>

<img itemprop="image" src="link đầy đủ hình ảnh có cả http://" />

 

 

Với bước đơn giản trên bạn hoàn toàn thay đổi được nội dung hiển thi khi chia sẻ trên Google+

 

 

Tham khảo: http://www.google.com/webmasters/+1/button/#customize-snippet

 

Tham khảo thêm: Tối ưu thẻ <meta> cho chia sẻ link trên Facebook

<!-- Thêm phần in đậm vào tag <html>  -->

<html xmlns:og="http://ogp.me/ns#" />

 

<!-- Thêm 3 thẻ <meta> dưới vào trong thẻ <head></head> -->

<meta property="og:title" content="Tiêu đề"/>

<meta property="og:image" content="Urls link ảnh"/>

<meta property="og:description" content="Mô tả"/>

 

BiBi Nguyễn - iGoo.vn

 

Url Link

5 11

Bình luận (11)

Ảnh cá nhân của item[

Định Nguyễn

4 năm trước

Bây giờ lạm dụng G+ để biến google thành bãi rác thì dễ ăn đòn lắm
Ảnh cá nhân của item[

AV-Design

4 năm trước

Mình làm theo hướng dẫn nhưng vẫn chưa được. Hic...
Ảnh cá nhân của item[

Trần Dũng

4 năm trước

Em tối ưu như trên nhưng ở trang chủ thì load link trên g+ bình thường. Nhưng khi load bài viết chi tiết thì không thể load chi tiết được.
website của em: http://cancanh.vn. Mong anh Bình giúp đỡ ạ.
Ảnh cá nhân của item[

Khương Trung

4 năm trước

Làm chục thằng, mỗi thằng mỗi chuẩn, thì code cũng mệt nhỉ :)
Ảnh cá nhân của item[

Trung Huy

4 năm trước

Đơn giản mà rất hữu ích. Phần mềm SEO mới cập nhật chức năng Seeding Pro Premium chưa test được :)
Ảnh cá nhân của item[

Phuong Nguyen

5 năm trước

cám ơn bài viết rất hữu ích
Ảnh cá nhân của item[

Tai Tran

5 năm trước

[url=http://nhattai.com/DM-San-Pham-1-camera_jtech.aspx]cám ơn. Bài viết rất hữu ích[/url]
Ảnh cá nhân của item[

Tai Tran

5 năm trước

[url=http://nhattai.com/DM-San-Pham-1-camera_jtech.aspx]cám ơn. Bài viết rất hữu ích[/url]
Ảnh cá nhân của item[

dangthai son

6 năm trước

Cảm ơn nhiều vì bài viết hữu ích
Ảnh cá nhân của item[

Bình Nguyễn

6 năm trước

PM yahoo: igoovn giúp đỡ nhé bạn
thanks

Gửi bình luận của bạn

Đăng nhập hoặc Đăng ký ngay để đăng nhận xét!