Open Graph Meta Tags Facebook cho Blogger
Chắc các bạn đã biết công dụng, tính năng của thẻ meta Open Graph Facebook đối với SEO như thế nào và ở bài Tìm hiểu về Open Graph Meta Tags Facebook tôi đã chia sẻ một số thuộc tính meta chuẩn cho mã html. Trong bài này các tôi sẽ giúp các viết lại nó để phù hợp với mã XML trong Blogger.
og:description gán nó với giá trị data:blog.metaDescriptionog:site_name gán nó với giá trị data:blog.titleog:url gán nó với giá trị data:blog.canonicalUrl
og:type gán nó với giá trị articleog:title gán nó với giá trị data:blog.pageNameog:image gán nó với giá trị data:blog.postImageUrlog:type gán nó với giá trị website hoặc blogog:title gán nó với giá trị data:blog.titleog:image gán nó với địa chỉ hình ảnh đại diện cho blog của bạn
Thay thếhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOrhTe6WBPqdbkbmKwdnxP4LJAlfJlpOX3578Fbyf3LmX7ItSSOOc1HrgeosnRNNInHaf5nJIXzXZdHBk9WKPYGVkZ5VkzGDsWAzvaOO-DiqJ3zxNROwLkoKsem8MOb-SkqL3MeWzL7iuM/s1600/image-sunf5.png bằng địa chỉ hình ảnh đại diện cho blog của bạn.
Tiếp theo copy code trên rồi vào Blogger > Mẫu > Chỉnh sửa HTML và dán nó vào phần đầu của trang web (trong thẻ<head>).
Lời kết: Nếu các bạn chưa hiểu hãy nhận xét bên dưới mình sẽ giải thích rõ hơn.
Đầu tiên các bạn cần hiểu ta sẽ thêm những thẻ meta Open Graph Facebook nào vào những trang nào trong blog của mình (hơi khó hiểu nhỉ, đọc kĩ sẽ hiểu).
Đối với tất cả các trang trong blog
Chúng ta có thẻ meta với các thuộc tính giống nhau sau:
Trong trang bài viết
Trong trang bài viết thì có một số thuộc tính thay đổi so với trang chủ nên chúng ta cần viết riêng nó chỉ hiển thị ở trong trang bài viết.
Hiển thị trang còn lại trừ trang bài viết
Lưu ý: Vì các giá trị XML Blogger nó hơi dài dòng nên tôi không tiện giải thích ở bài này. Tiếp theo tôi sẽ sử dụng phương pháp loại trừ để hiển thị các thẻ meta trong các trang khác nhau. Nếu bạn chưa biết về phương phái loại trừ hiển thị nội dung các bạn có thể xem bài viết này Tùy chỉnh hiển thị nội dung trong blogger.
Hướng dẫn thêm Open Graph Meta Tags Facebook vào Blogger
Sau khi các bạn đã hiểu về những thẻ meta với thuộc tính Open Graph Facebook sẽ hiển thị ở những trang nào. Thì bây giờ chúng ta tổng hợp nó vào code XML dưới đây:
<!-- Open Graph Meta Tags BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOrhTe6WBPqdbkbmKwdnxP4LJAlfJlpOX3578Fbyf3LmX7ItSSOOc1HrgeosnRNNInHaf5nJIXzXZdHBk9WKPYGVkZ5VkzGDsWAzvaOO-DiqJ3zxNROwLkoKsem8MOb-SkqL3MeWzL7iuM/s1600/image-sunf5.png' property='og:image'/>
</b:if>
<b:else/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOrhTe6WBPqdbkbmKwdnxP4LJAlfJlpOX3578Fbyf3LmX7ItSSOOc1HrgeosnRNNInHaf5nJIXzXZdHBk9WKPYGVkZ5VkzGDsWAzvaOO-DiqJ3zxNROwLkoKsem8MOb-SkqL3MeWzL7iuM/s1600/image-sunf5.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='vi_VN' property='og:locale'/>
<!-- Open Graph Meta Tags END -->Thay thế
Tiếp theo copy code trên rồi vào Blogger > Mẫu > Chỉnh sửa HTML và dán nó vào phần đầu của trang web (trong thẻ
Lời kết: Nếu các bạn chưa hiểu hãy nhận xét bên dưới mình sẽ giải thích rõ hơn.
Chúc các bạn thành công !
Open Graph Meta Tags Facebook cho Blogger
Reviewed by Cozy
on
07:18
Rating:
Reviewed by Cozy
on
07:18
Rating:
hay lắm cám ơn nhé.
Trả lờiXóaphá thai bằng thuốc