Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
Không có kết quả
Tất cả kết quả
Trang chủ Blogspot

Tối ưu website khi chia sẻ lên Facebook, G+, Twitter

Trần Bá Đạt bởi Trần Bá Đạt
14/12/2017
trong Blogspot, SEO, SEO Blogspot, Thủ thuật Blogspot
10
CHIA SẺ
259
LƯỢT XEM
Chia sẻTweetPinChia sẻ

Chắc hẳn bất kỳ ai đọc bài viết này đều đã và đang sử dụng các mạng xã hội lớn như Facebook, Google + hay Twitter nhỉ? Và ắt hẳn bạn cũng thấy rằng, nhiều liên kết được chia sẻ lên các mạng xã hội trên có định dạng rất đẹp.

Tối ưu website khi chia sẻ lên Facebook, G+, Twitter


Để làm điều đó, những người lập trình trang web đều sử dụng các thẻ metadata được cung cấp bởi các mạng xã hội trên, hay được nghe đến nhất là open graph facebook, đây là ảnh hiển thị bài viết chuẩn khi sử dụng metadata của Facebook:

Tối ưu website khi chia sẻ lên Facebook, G+, Twitter
  • Xem thêm: Tối ưu thẻ Meta Geo cực kỳ hiệu quả trong Local Seo

Hướng dẫn tối ưu website khi chia sẻ lên Facebook, Google +, Twitter

– Truy cập vào trang quản trị Blogspot của bạn
– Vào Mẫu (Template) và Chỉnh sửa HTML (Edit HTML):

Chỉnh sửa HTML

– Thêm đoạn code này vào trong thẻ <head>:

<b:if cond=’data:blog.postImageUrl != &quot;&quot;’>
<meta expr:content=’data:blog.postImageUrl’ property=’og:image’/>
<b:else/>
<meta content=’https://lh4.ggpht.com/-MqkGRXr1mgw/VbwoRGm0zYI/AAAAAAAABnM/3nCSkLzUSFs/s1600/CTPG_Flat.png‘ property=’og:image’/>
</b:if>
<b:if cond=’data:blog.metaDescription != &quot;&quot;’>
<meta expr:content=’data:blog.metaDescription’ property=’og:description’/>
<meta expr:content=’data:blog.metaDescription’ name=’twitter:description’/>
<meta expr:content=’data:blog.metaDescription’ itemprop=’description’/>
</b:if>
<b:if cond=’data:blog.postImageUrl’>
<meta expr:content=’data:blog.postImageUrl’ property=’og:image’/>
<meta expr:content=’data:blog.postImageUrl’ name=’twitter:image’/>
<meta expr:content=’data:blog.postImageUrl’ itemprop=’image’/>
<b:else/> <b:if cond=’data:blog.postImageThumbnailUrl’>
<meta expr:content=’data:blog.postImageThumbnailUrl’ property=’og:image’/>
<meta expr:content=’data:blog.postImageThumbnailUrl’ name=’twitter:image’/>
<meta expr:content=’data:blog.postImageThumbnailUrl’ itemprop=’image’/>
</b:if></b:if>
<!– Metadata Facebook –>
<meta content=’https://www.facebook.com/chiaseblogspot‘ property=’article:author’/>
<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 content=’article’ property=’og:type’/>
</b:if>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<meta content=’1612004132418088‘ property=’fb:app_id’/>
<meta content=’100000351244406‘ property=’fb:admins’/>
<!– Metadata Twitter –>
<meta name=’twitter:card’ value=’summary’/>
<meta expr:content=’data:blog.pageTitle’ name=’twitter:title’/>
<meta content=’@publisher_handle’ name=’twitter:site’/>
<meta content=’@author_handle’ name=’twitter:creator’/>
<!– Schema.org markup for Google+ –>
<meta expr:content=’data:blog.pageTitle’ itemprop=’name’/>

Trong đó:

NÊNĐỌC THÊM

Người chơi không nạp làm thế nào mạnh hơn người chơi nạp?

Kinh nghiệm sử dụng kim cương hợp lý trong Pocket Ninja

Những tính năng cơ bản của game Pocket Ninja

  • Thay link ảnh của bạn vào đoạn link màu xanh, đó là link ảnh sẽ hiển thị trên Facebook cho trang chủ, label… Còn bài viết sẽ lấy ảnh đầu!
  • Thay đường dẫn màu cam bằng link Trang Facebook hoặc bạn muốn ghi gì vào đó thì ghi, đó chính là cái CHIA SẺ TEMPLATE BLOGSPOT như ảnh demo của mình
  • Thay các id màu đỏ bằng app_id và admins của bạn

– Lưu template lại.

Từ nay website của bạn đã được tối ưu khi chia sẻ lên Facebook, G+, Twitter rồi ^_^

Copy vui lòng ghi nguồn bài viết được viết bởi: https://www.tranbadat.com/
5/5 - (1 bình chọn)
Chia sẻ10TweetPinChia sẻ

Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!

Hủy đăng ký
Trần Bá Đạt

Trần Bá Đạt

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.com là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, Blogspot, Wordpress và Windows

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

ĐƯỢC YÊU THÍCH

  • Cách gỡ bỏ Microsoft Office tận gốc

    Cách gỡ bỏ Microsoft Office hoàn toàn khỏi máy tính khi bị lỗi

    62 chia sẻ
    Chia sẻ 60 Tweet 0
  • Cách bỏ gạch đỏ trong Word/Excel/PowerPoint

    1 chia sẻ
    Chia sẻ 1 Tweet 0
  • Hướng dẫn active theme Newspaper 12.1.1 dễ dàng và đơn giản

    2 chia sẻ
    Chia sẻ 1 Tweet 0
  • Tổng hợp 1069 icon Facebook – biểu tượng cảm xúc FB 2020

    104 chia sẻ
    Chia sẻ 103 Tweet 0
  • Hướng dẫn nhận key Office 2019 bản quyền, active Office 2019

    58 chia sẻ
    Chia sẻ 57 Tweet 0

VPS NÊN DÙNG

Trần Bá Đạt Blog
Trần Bá Đạt Blog hình thành với mục đích chia sẻ, hướng dẫn và đồng hành cùng bạn tiếp cận và giải quyết các vấn đề về Internet, Windows, Wordpress và SEO.

Email: [email protected]
Fanpage: Trần Bá Đạt Blog

DMCA.com Protection Status

EXTERNAL LINKS

  • Technology Knowledge

TAGS THÔNG DỤNG

  • Tìm hiểu Gmail
  • Tìm hiểu theme Newspaper
  • Kiến thức Wordpress

INTERNAL LINKS

  • Biểu tượng Facebook
  • Key Win 10
  • Key Office 2016
  • Cách vào Facebook
  • SEO Blogspot
  • Thủ thuật Blogspot
  • Lập Gmail
  • Ứng dụng học tiếng Anh
  • Key Office 2019
  • Liên hệ
  • Sitemap

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.

Không có kết quả
Tất cả kết quả
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.