Sửa lỗi hiển thị sai thông tin khi share Facebook cho Blogspot

Bạn đang gặp phải vấn đề Hiển thị sai thông tin khi share Facebook? Không sao, hãy yên tâm vì cũng có rất nhiều những bạn khác gặp phải vấn đề tương tự như bạn chứ không phải mình bạn đâu.

Nhận thấy điều này, hôm nay mình xin được viết một bài chia sẻ tới các bạn cách Sửa lỗi hiển thị sai thông tin khi share Facebook cho Blogspot. Mình cam đoan rằng, bài này sẽ giúp bạn khắc phục hoàn toàn lỗi này.

Nguyên lý share của Facebook?

Trước khi đi vào vấn đề chính là hướng dẫn cách sửa lỗi thì chúng ta hãy cùng nhau tìm hiểu sơ qua về nguyên lý khi chia sẻ bài viết lên Facebook nhé!

OK, vậy theo bạn Facebook sẽ dựa vào những gì để lấy thông tin trong bài viết của bạn để đưa vào bài viết được chia sẻ? Câu trả lời chính là Facebook sẽ dựa vào Facebook Open Graph Meta Tag để thu thập thông tin về bài viết của bạn. Thực chất Facebook Open Graph Meta Tag là các thẻ meta có cấu trúc như sau:

1
<meta property="og:{tagName}" content="{tagValue}"/>

Chính dựa vào những thẻ meta như thế này mà Facebook sẽ lấy được các thông tin cần thiết và hiển thị trong link được chia sẻ.

Ví dụ như Facebook sẽ dựa vào thẻ sau đây để lấy tiêu đề của bài viết được chia sẻ. Và các thông tin khác cũng được làm tương tự.

1
<meta content="Sửa lỗi hiển thị sai thông tin khi share Facebook cho Blogspot" property="og:title"/>

Thật đơn giản đúng không ạ?

Cách sửa lỗi hiển thị sai thông tin khi share Facebook

Cũng chính dựa vào cách trên, mình đã tạo ra được 1 đoạn thẻ meta để tối ưu thông tin bài viết khi được chia sẻ. Các bạn chỉ việc copy và dán nó vào sau thẻ <head> trong Template của bạn là được.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<meta content='ID' property='fb:app_id'/>
<meta content='ID' property='fb:admins'/>
<meta content='https://www.facebook.com/ID/' property='article:publisher'/>
<meta content='https://www.facebook.com/ID/' property='article:author'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<title><data:blog.pageName/></title>
<meta content='THÊM Description' name='Description'/>
<meta content='THÊM keywords' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='LINK ẢNH TRANG CHỦ' property='og:image'/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
</b:if>
<meta content='data:blog.pageName' property='og:site_name'/>
<meta content='article' property='og:type'/>
</b:if>

Nếu như bạn thấy khó khăn trong việc chèn do trong Template đã có sẵn một số thẻ bị trùng rồi thì bạn hãy thực hiện theo bài viết dưới đây nhé!

Và khi đó, bạn không cần thực hiện bước trên nữa nhé!

Tiếp theo, khi đã thực hiện theo cách trên hay bài viết kia rồi thì bạn hãy làm tiếp bước này nữa nhé!

Các bạn hãy truy cập vào địa chỉ sau: https://developers.facebook.com/tools/debug/

Sau đó nhập địa chỉ bài viết muốn sửa lỗi vào và nhấn Sửa lỗi. Nếu chưa được thì bạn nhấn tiếp vào Scrape Again, đến khi nào hiển thị đúng thì thôi

Tổng kết

Bài viết này mình đã giới thiệu tới các bạn cách thức Facebook thu thập thông tin của bài viết cũng như cách sửa lỗi hiển thị không đúng thông tin khi chia sẻ bài viết cho Blogspot. Nếu như có chỗ nào chưa hiểu các bạn vui lòng để lại comment nhé!

5 / 4 votes