Social Meta Tags phải có cho Twitter, Google+, Facebook

Social Media

{ 0 comments }

Khi mạng xã hội ngày càng trở nên phổ biến và len lỏi vào từng góc nhà thì cũng là lúc chúng ta xem lại ngôi nhà nhỏ, Website của mình xem đã tương thích và tối ưu hóa toàn bộ khi chia sẻ nội dung lên mạng xã hội hay chưa.

Trong bài viết này tôi sẽ chia sẻ về lợi ích của việc tối ưu hóa các Social Meta Tags cho mạng xã hội cũng như cách thực hiện tối ưu thẻ Meta để khi chia sẻ nội dung từ Website lên mạng xã hội đạt kết quả cao nhất.

1. Lợi ích khi tối ưu thẻ Meta cho mạng xã hội

Khi tối ưu thẻ meta cho các mạng xã hội, các thông tin hiển thị sẽ đầy đủ hơn bao gồm cà tiêu đề, nguồn, hình ảnh, đoạn mô tả ngắn điều này sẽ tăng tỷ lệ chuyển đổi và tăng tỷ lệ tương tác giữa người dùng với nội dung được chia sẻ thông qua hình thức like, +1 hoặc re-tweet….

Social Meta Tags cho Website

Social Meta Tags cho Website

Ngoài ra tối ưu Social Meta Tags cũng sẽ có lợi thế rất lớn về SEO khi nội dung được chia sẻ lên các mạng xã hội mang độ uy tín cao như Google+, Twitter, Facebook... được ưu tiên hiển thị.

Xem thêm  Thuật toán mới của Facebook về tỷ lệ hiển thị link trên News Feed

2. Các loại Meta Tags chính

Ở đây tôi chỉ liệt kê các thẻ Meta chính của bốn mạng xã hội lớn nhất hiện tại là Facebook, Google+, Twitter và Pinterest

Twitter Cards: Summaries, Images, Galleries, Apps, Video, Audio, and Products
Pinterest Rich Pins: Products, Recipes, Movies, and Articles
Google+: Articles, Blog, Book, Event, Local Business, Organization, Person, Product, and Reviews
Facebook: Articles, Photos, Audio, Video…

Bạn có thể tìm hiểu thêm: Ý nghĩa các loại Twitter Cards

Nếu bạn đang sử dụng WordPress có thể xem qua: Officla Twitter Plugin cho WordPress

Demo về Twitter Card:

3. Social Meta Tags chuẩn cho các mạng xã hội

Do có quá nhiều định dạng nên tôi sẽ dùng theo dạng chuẩn là Article. Dưới đây là Code Social Meta Tags chuẩn:

<!– Cập nhật thẻ HTML để bao gồm thuộc tính itemscope và itemtype. –>
<html itemscope itemtype=”http://schema.org/Article“><!– Đặt đoạn mã bên dưới vào trong cặp thẻ <head> của website –>
<title>Tiêu đề. Dài tối đa 60-70 ký tự</title>
<meta name=”description” content=”Miêu tả. Dài tối đa 155 ký tự.” /><!– Schema.org markup for Google+ –>
<meta itemprop=”name” content=”Tiêu đề“>
<meta itemprop=”description” content=”Miêu tả“>
<meta itemprop=”image” content=”http://www.example.com/image.jpg“> <!– Link hình ảnh cho Google + –><!– Twitter Card data –>
<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@publisher_handle“> <!– Tên Website @publisher_handle –>
<meta name=”twitter:title” content=”Tiêu đề bài viết“>
<meta name=”twitter:description” content=”Miêu tả bài viết tối đa 200 ký tự“>
<meta name=”twitter:creator” content=”@author_handle“> <!– Tên Tác giả @tohaitrieu –>
<meta name=”twitter:image:src” content=”http://www.example.com/image.jpg“> <!– Link hình ảnh cho Twitter tối thiểu 280x150px –><!– Open Graph data –> <!– Dành cho Facebook và hầu hết các mạng xã hội khác –>
<meta property=”og:title” content=”Tiêu đề” />
<meta property=”og:type” content=”article” />
<meta property=”og:url” content=”http://www.example.com/” /> <!– Link bài viết –>
<meta property=”og:image” content=”http://example.com/image.jpg” /> <!– Hình ảnh –>
<meta property=”og:description” content=”Miêu tả” />
<meta property=”og:site_name” content=”Tên Website, VD. Hai Trieu Blog” />
<meta property=”article:published_time” content=”2013-09-17T05:59:00+01:00” /> <!– Thời gian đăng bài viết –>
<meta property=”article:modified_time” content=”2013-09-16T19:08:47+01:00” /> <!– Thời gian cập nhật bài viết –>
<meta property=”article:section” content=”Chuyên mục” />
<meta property=”article:tag” content=”Từ khóa” />
<meta property=”fb:admins” content=”Facebook numberic ID” /> <!– ID tài khoản Facebook cá nhân –>

 

Xem thêm  Mời tất cả người đã like post like Fanpage Facebook

Xem thêm: Hướng dẫn lấy ID tài khoản Facebook

4. Vị trí đặt thẻ Meta

Các thẻ Meta này sẽ được đặt ở trong cặp thẻ <head>của Website cặp thẻ này quy định phần đầu của một Website và nó sẽ được tải đầu tiên.

Social Meta Tags áp dụng cho Blogger

Social Meta Tags áp dụng cho Blogger

Trong các bài viết sau tôi sẽ chia sẻ cách áp dụng Social Meta Tags cho các nền tảng lớn nhất là WordPress và Blogger các bạn hãy đón đọc và góp ý cho tôi nhé.

Góp ý cho Tô Triều