Không nhiều người chú ý đến công cụ SEO này, cho đến khi thử san sẻ website lên Facebook hay Zalo. Thông tin hiển thị trên đó như : ảnh đại diện thay mặt, tiêu đề, nội dung tóm tắt … không hay, không đẹp .
Vậy nếu muốn sửa cho chuẩn thì phải làm thế nào ?
Đó chính là lúc cần biết cách sử dụng các thẻ Open Graph (viết tắt là OG).
Bạn đang đọc: Thẻ meta Open Graph là gì? Có tác dụng gì trong SEO?
Nhưng thực sự thì thẻ meta Open Graph là gì ? Cách sử dụng ra làm sao ? Và cách tối ưu thể nào để đạt hiệu suất cao SEO cao nhất ?
Đó là những nội dung chính của bài viết này. Nếu bạn muốn tưởng tượng ngay xem thẻ này trông thế nào trong mã nguồn, thì hoàn toàn có thể xem trong hình dưới. Rồi sau đó đọc tiếp từng phần nội dung cụ thể trong bài nhé .
Các thẻ Open Graph của website này
Và đây là nội dung chính của bài :
Trước hết, tôi muốn trao đổi về khái niệm …
Thẻ meta Open Graph là gì ?
Thẻ Open Graph là loại thẻ cung cấp thông tin về trang web (meta tag), được đặt trong phần
của trang. Mục đích của thẻ OG là để giúp các mạng xã hội như Facebook, Twitter hay Zalo… xác định được những thông tin chính về trang web của bạn, và hiển thị những thông tin đó khi có ai đó chia sẻ trang web trên mạng xã hội.Có thể coi thẻ OG như 1 loại tài liệu có cấu trúc ( structured data ) mà Facebook hoàn toàn có thể hiểu được .
Hãy thử nghĩ lại xem đã khi nào bạn san sẻ một website lên Facebook, và thấy thông tin Open một cách đơn điệu thế này chưa ?
Xem trước san sẻ website lên Facebook
Tôi đã cố ý đưa thiếu thông tin trong mã nguồn để bạn thấy : Thiếu ảnh đại diện thay mặt, nội dung sơ sài, kém mê hoặc … Phải vậy không ?
Nguyên nhân là do trong mã nguồn không khai báo đủ, do đó Facebook không xác lập được thông tin quan trọng như ảnh đại diện thay mặt ( hoặc ảnh có size quá nhỏ ), tóm tắt nội dung của trang mà bạn vừa san sẻ. Mạng xã hội này sẽ tự chọn những nội dung có sẵn, và tác dụng là hình thức kém hấp dẫn như trên hình .
Nhưng tất cả chúng ta đang nói về chủ đề SEO web thì san sẻ trên Facebook, hay những mạng xã hội khác, liệu có tương quan gì nhỉ ?
Có đấy !
Mặc dù thẻ này không tác động ảnh hưởng trực tiếp đến xếp hạng của công cụ tìm kiếm, nhưng lại tác động ảnh hưởng gián tiếp đến SEO website, trải qua việc tương tác của người dùng đến san sẻ trên những mạng xã hội, điển hình như Facebook, Twitter, Pinterest, và ở Nước Ta là Zalo .
tin tức san sẻ sẽ ảnh hưởng tác động đến lượng truy vấn đến trang mà bạn san sẻ. Nếu thông tin đó không thiếu mê hoặc, ảnh đại diện thay mặt bắt mắt, thì sẽ lôi cuốn người dùng trên Facebook nhấp vào xem trang của bạn nhiều hơn. Và ngược lại .
Số lượng người dùng đến trang đương nhiên sẽ tác động ảnh hưởng đến tác dụng SEO, một cách gián tiếp .
Để bạn thấy được sự khác nhau, tôi bổ trợ thêm mã Open Graph vào web, và tác dụng trước và sau sẽ thế này .
 |
 |
| Không tối ưu thì chia sẻ sẽ thế này | Chia sẻ trên Facebook sau khi tối ưu |
Bạn thấy công dụng của thẻ OG rồi chứ. Chắc hẳn trường hợp có đủ thông tin khai báo với Facebook, thì post mà bạn san sẻ sẽ mê hoặc người dùng hơn nhiều .
Ở trên tôi mới minh họa Facebook, với nhiều mạng xã hội khác như Twitter, LinkedIn, Pinterest hay Zalo, thì thẻ OG cũng có công dụng tương tự như .
Cách sử dụng thẻ meta Open Graph thế nào?
Trước hết tôi nói qua một chút về giao thức Open Graph.
Đây là giao thức giúp cho website tiếp xúc với mạng xã hội được nhanh gọn hiệu suất cao. Mạng xã hội lấy thông tin quan trọng trên trang được nhanh gọn, những thông tin như : url, tiêu đề trang, tóm tắt nội dung, ảnh đại diện thay mặt …
Giao thức này do Facebook khởi xướng và áp dụng từ năm 2010, nên có tên đầy đủ là Facebook Open Graph. Sau đó nhiều mạng xã hội khác cũng phát triển công cụ để kết nối với website: hoặc dùng chung cú pháp của Facebook OG, hoặc phát triển giao thức khác có cấu trúc tương tự (Twitter dùng Twitter Cards).
Cú pháp của Facebook Open Graph có 5 nội dung chính, cùng với nhiều tùy chọn đi kèm. Để hiểu rõ hơn, bạn nhìn vào ảnh dưới đây :
Nội dung chính của những thẻ OG
Khi san sẻ hoặc chỉ cần gõ Url của 1 website, Facebook nạp trước thông tin, và bạn đã hoàn toàn có thể thấy được 4 nội dung – tương ứng với 4 loại thẻ OG :
- Ảnh đại diện (image)
- Nhan đề (title)
- Url của trang web đang được chia sẻ (dưới title và ẩn trong image)
- Đoạn mô tả ngắn (description)
Để có những thông tin này, thì trong thẻ
bạn cần chèn đoạn mã như sau:Giờ tất cả chúng ta sẽ tìm hiểu và khám phá từng loại :
Đây là nhan đề, hay nhiều người gọi là tiêu đề trang cũng được. Phần này sẽ hiển thị là tiêu đề trên phần san sẻ .
Thẻ này tương tự như thẻ
Để người dùng chăm sóc, bạn cần viết phần này thật hấp dẫn. Độ dài thường khoảng chừng từ 60 đến 90 ký tự để hiển thị vừa đẹp trong khoảng trống san sẻ. Tham khảo thêm về cách viết thẻ tiêu đề tại đây .
Thuộc tính này là để miêu tả loại đối tượng người tiêu dùng thông tin ( object ) mà bạn đang muốn san sẻ. Trong ví dụ tôi nêu ở phía trên là với trang bài viết ( article ), thì cú pháp sẽ thế này :
Thực tế, bạn hoàn toàn có thể san sẻ nhiều loại đối tượng người dùng, trong số đó có những loại thông dụng như :
- Liên quan đến web: Website, Blog, Bài viết (article)
- Trong lĩnh vực giải trí: sách (book), trò chơi (game), phim (movie), đồ ăn (food)
- Về nơi chốn: đất nước (country), thành phố (city)
- Về con người: diễn viên (actor), tác giả (author), chính trị gia (politician)
- Trong kinh doanh: Công ty (company), nhà hàng (restaurant), khách sạn (hotel)
Bạn hoàn toàn có thể tra cứu list vừa đủ những loại OG tại đây .
Phần này biểu lộ url của trang mà bạn san sẻ .
Lưu ý : cần nhập Canonical URL – nghĩa là đường dẫn của trang chính, nếu có 2 hay nhiều trang trùng lặp nội dung. >> Tìm hiểu thêm về Canonical URL tại đây .
Ví dụ:
Đây chính là thuộc tính thể hiện ảnh đại diện thay mặt cho trang bạn san sẻ trên Facebook. Thuộc tính này nên được phân phối rõ ràng, ngay cả khi Facebook hoàn toàn có thể tự suy ra giá trị từ những thẻ khác .
Ví dụ :
Bạn nên chọn 1 ảnh đại diện thay mặt đẹp và tương thích với nội dung, đồng thời mê hoặc người xem .
Nếu không có thẻ og : image này thì Facebook sẽ tự tìm 1 ảnh nào đó trên trang, và rất hoàn toàn có thể đó là 1 tấm hình banner quảng cáo nào đó có nội dung chẳng tương quan ( ví dụ điển hình ảnh từ quảng cáo Google banner ). Chắc hẳn khi làm SEO, bạn không muốn để Facebook tự xác lập ảnh cần hiển thị vậy .
Chẳng hạn, nếu không chỉ định bằng thẻ og : image, thì rất hoàn toàn có thể trang của bạn sẽ thế này trên Facebook :
Không có thuộc tính og : image thì khi san sẻ hoàn toàn có thể xấu thế này
Thuộc tính ảnh này có công dụng rất lớn trong marketing, vì ảnh chụp có nhiều ý nghĩa với người dùng, và rất dễ lôi cuốn quan tâm, từ đó người dùng nhấp chuột vào trang để đọc chi tiết cụ thể. Điều này làm tăng tỷ suất quy đổi ( conversion rate ) .
Vì vậy, hãy hướng dẫn cho mạng xã hội biết ảnh nào ( đẹp ) làm ảnh đại diện thay mặt ( thumbnail ) khi ai đó san sẻ bài viết trên Facebook. Có thể dùng nhiều ảnh, mỗi ảnh khai báo trên 1 dòng og : image .
Và cũng khá mê hoặc khi biết rằng, bạn hoàn toàn có thể sử dụng ảnh không có trên website mà bạn đang san sẻ. Nghĩa là hoàn toàn có thể lấy ảnh khác ( nhưng nên tương quan ) để lôi cuốn người lướt Facebook. Ngoài ra, nên dùng ảnh kích cỡ lớn ( dưới 5MB ) để tận dụng tối đa hiệu ứng với người dùng .
Nhiều chuyên viên SEO khuyên nên dùng ảnh có độ phân giải 1200 x 627 pixel ( tỉ lệ 1.91 / 1 ). Tôi dùng thử, thì hình san sẻ rất lớn, nhìn rõ ràng và đẹp mắt, như thế này :
Có ảnh cỡ lớn được hiển thị trên chia sẻ
Trường hợp bạn dùng ảnh có size nhỏ hơn 400 x 209 px, thì Facebook sẽ xén bớt ảnh để tạo thumbnail hình vuông vắn, và sẽ như dưới đây. Lưu ý phần ảnh ở TT sẽ hiển thị, 2 bên sẽ bị cắt xén, cho nên vì thế nếu ảnh có dòng ký tự nào đó, thì nên để ở chính giữa ( tránh bị cắt đi ) .
Chia sẻ trên Facebook với ảnh thumbnail nhỏ
Rõ ràng, hình trên size lớn hơn, nhìn đẹp mắt hơn nhiều. Và tất cả chúng ta làm marketing đều muốn như vậy. Vậy bạn nên quan tâm cụ thể size này để tận dụng lợi thế .
Thẻ này cũng tựa như như thẻ Meta description trong SEO Onpage. Tại đây, bạn tóm tắt nội dung chính của trang. Nhưng thay vì để thông tin cho Google, thì thẻ này để phân phối nội dung phần miêu tả tóm tắt của trang khi san sẻ trên Facebook. Mục đích là giống nhau .
Ví dụ :
Do không phải là thẻ Meta Description, nên không tác động ảnh hưởng trực tiếp đến SEO. Vì vậy, bạn không cần mất quá nhiều thời hạn để trau chuốt, hay cũng không cần cố nghĩ cách hay để đưa từ khóa chính vào làm gì. Mặc dù thế, bạn vẫn nên viết nội dung này sao cho mê hoặc, để luôi cuốn người dùng nhấp chuột vào xem cụ thể trang .
Một số thẻ Open Graph nâng cao
Nếu không có thời hạn hoặc chỉ cần đơn thuần, bạn dùng 5 loại thẻ tôi trình làng ở phần trên là đủ. Trường hợp, bạn muốn dùng nâng cao hơn, thì đây là một số ít thuộc tính của thẻ Open Graph hoàn toàn có thể xem xét thêm :
- og:locale – định nghĩa ngôn ngữ, mặc định là “en_US” cho tiếng Anh – Mỹ, bạn nên chuyển về “vi” cho website tiếng Việt.
- og:site_name – nếu trang (đối tượng) bạn đang chia sẻ là một phần của một mạng lưới lớn hơn.
- og:audio hoặc og:video – để thêm file dạng audio hoặc video vào đối tượng chia sẻ.
- fb:app_id – để liên kết đối tượng chia sẻ tới ứng dụng Facebook (ví dụ: Facebook Comments).
Ngoài những thẻ nêu trên, nếu bạn có nhu yếu vận dụng thêm, thì hoàn toàn có thể tìm hiểu thêm list không thiếu hơn những thẻ Open Graph tại đây .
Cách tạo thẻ Open Graph nhanh
Bạn hoàn toàn có thể sử dụng một số ít công cụ open graph generator để khởi tạo mã OG cho nhanh và đúng mực. Chẳng hạn như :
- https://webcode.tools/open-graph-generator
- https://smallseotools.com/open-graph-generator/
- https://www.duplichecker.com/open-graph-generator.php
Cách thực thi khá đơn thuần. Bạn nhập nội dung thiết yếu vào những ô có sẵn rồi Enter là sẽ nhận được những mã thiết yếu .
Chẳng hạn, tôi dùng smallseotools.com, thì khi nhập thông tin như sau :
Nhập thông tin để tạo Open Graph trên SmallSeoTools
sẽ được tác dụng như hình dưới :
Tạo mã những thẻ Open Graph bằng SmallSeoTool
Tiếp đó, bạn chỉ cần Copy và dán những dòng code này vào mã nguồn là xong. Khá đơn thuần phải không !
Kiểm tra thẻ meta Open Graph thế nào?
Khi thêm thẻ OG xong, có lẽ rằng bạn cũng muốn xem trước ( preview ) 1 trang khi san sẻ lên Facebook thì trông sẽ như thế nào .
Cách làm đơn thuần thôi, bạn dùng luôn trình gỡ lỗi san sẻ ( Open Graph Debugger ) của Facebook .
Chỉ cần nhập Url của trang vào ô văn bản rồi nhấn nút Debug hoặc phím Enter. Bạn sẽ thấy mạng lưới hệ thống báo những lỗi hoặc những gợi ý với trang, nếu có. Bạn cũng sẽ thấy được nội dung những thẻ og : title nhìn thế nào, og : image trông ra làm sao …
Căn cứ vào thông tin Facebook đưa ra để bổ trợ chỉnh sửa cho tương thích .
Thử test công cụ Open Graph Debugger của Facebook cho ivivu.com
Một điều cần chú ý quan tâm : dùng công dụng này sẽ xóa cache ( bộ nhớ đệm ) với Facebook. Nó hoạt động giải trí thế này : khi bạn dùng 1 ảnh trong thẻ og : image và san sẻ trang trên Facebook. Lúc đó, bạn chưa ứng ý, và quay lại thay ảnh khác, và san sẻ lại. Kỳ lạ thay, tấm ảnh cũ vẫn hiển thị trên đó. Đó là vì Facebook lấy ảnh trong bộ nhớ cache. Để có ảnh mới, bạn cần xóa cache Facebook, và một cách là dùng chính công cụ Sharing Debugger mà tôi đang trình diễn ở đây .
Công cụ này sẽ tích lũy lại và làm mới ( refresh ) lại bộ nhớ đệm, và bạn sẽ có nội dung update khi san sẻ trang lên Facebook .
Thẻ meta Open Graph với Zalo
Zalo cũng sử dụng cú pháp giống như Facebook. Do đó, bạn chỉ cần làm xong những bước ở trên cho Facebook, cũng hoàn toàn có thể dùng luôn được với Zalo .
Ví dụ của Zalo :
Có thể tìm hiểu thêm cách tạo liên kết để chia sẻ trên Zalo tại đây.
Kết luận
Sử dụng thẻ meta Open Graph để san sẻ website của bạn lên những mạng xã hội là một trong những kỹ thuật mà người làm SEO cần biết và vận dụng. Bạn hoàn toàn có thể vận dụng cho những thuộc tính cơ bản, hoặc nếu hoàn toàn có thể, thì cả những thuộc tính nâng cao .
Mặc dù không có công dụng trực tiếp, nhưng sử dụng đúng thẻ meta loại này sẽ giúp tăng tương tác, tăng truy vấn, và cải tổ tỷ suất quy đổi. Còn nếu bạn sử dụng dịch vụ SEO chuyên nghiệp, thì cũng nên ý kiến đề nghị công ty dịch vụ tích hợp với công ty phong cách thiết kế web dùng thẻ meta này cho web của bạn .
Đến đây tôi xin kết thúc bài viết. Bạn muốn san sẻ gì về kinh nghiệm tay nghề của mình khi vận dụng những thẻ Open Graph này ? Kết quả thế nào ?
Source: https://wincat88.com
Category: BLOG
