Chủ Nhật, 2 tháng 4, 2017

Hiển thị title, mô tả, ảnh theo ý khi share lên facebook

Trang chủ » blogger » Hiển thị title, mô tả, ảnh theo ý khi share lên facebook

Hiển thị title, mô tả, ảnh theo ý khi share lên facebook

*** Trường Hợp 1 :

Trang Chủ :
ví dụ : http://www.mitsubishi-oto.com/
- Hiển thị title, description, ảnh khi share trang chủ website lên facebook :


vào chỉnh sửa html
Chèn ngay sau thẻ <head> đoạn code dưới đây :

  <!--tối ưu title & description cho trang chủ-->
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <title>Mitsubishi Việt Hùng - Nhà phân phối các mẫu ô tô Mitsubishi</title>
      <meta content='Mitsubishi Việt Hùng - Nhà phân phối các mẫu ô tô Mitsubishi' property='og:title'/>
      <meta content='Mitsubishi Việt Hùng là nhà phân phối nhãn hiệu ô tô Mitsubishi tại Việt Nam với các dòng xe: Pajero (sport), Outlander (sport), Triton, Mirage, Attrage' name='description'/>
      <meta content='Mitsubishi Việt Hùng là nhà phân phối nhãn hiệu ô tô Mitsubishi tại Việt Nam với các dòng xe: Pajero (sport), Outlander (sport), Triton, Mirage, Attrage' property='og:description'/>
      <meta content='Mitsubishi Việt Hùng, Mitsubishi motors, ô tô mitsubishi, mitsubishi miền bắc, mitsubishi việt nam, showroom mitsubishi hà đông, showroom mitsubishi hà nội' name='keywords'/>
      <meta content='https://3.bp.blogspot.com/-i-rwWLoPJuY/WKuwF68bqTI/AAAAAAAACgg/Z3L5dCitgN0N4JNotMI787FgsmtQPOTXwCLcB/s1600/thiet-ke-anh-hao.jpg' property='og:image'/>
    </b:if>

Trong đó :
og:image :  là ảnh hiển thị khi share lên facebook hay bất cứ đâu
keywords : là từ khóa hướng đến cho trang chủ, phân cách bằng dấu phẩy (",") - cái này google đánh giá
og:description : là mô tả khi share lên facebook ....
description : mô tả trang web - hiển thị trên thứ hạng google
og:title : tiêu đề khi share lên facebook ...

phần chữ màu xanh là phần các bạn cần thay đổi cho phù hợp với website của mình.

*** Trường hợp 2 :

Bài viết :
các bạn viết mô tả tìm kiếm và tiêu đề như bình thường :


sau đó quay lại chỉnh sửa HTML
thêm dòng code sau vào sau thẻ <head> :

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2014/08/foo.html"'>
<meta content='https://3.bp.blogspot.com/-i-rwWLoPJuY/WKuwF68bqTI/AAAAAAAACgg/Z3L5dCitgN0N4JNotMI787FgsmtQPOTXwCLcB/s1600/thiet-ke-anh-hao.jpg' property='og:image'/>
</b:if>

Trong đó : 2014/08/foo.html là link sau domain
ví dụ : http://internet.htdqn.com/2017/04/hien-thi-title-mo-ta-anh-theo-y-khi-share-bai-viet.html
thay link ảnh màu xanh : https://3.bp.blogspot.com/-i-rwWLoPJuY/WKuwF68bqTI/AAAAAAAACgg/Z3L5dCitgN0N4JNotMI787FgsmtQPOTXwCLcB/s1600/thiet-ke-anh-hao.jpg bằng link ảnh của bạn muốn hiển thị khi share.

chúc các bạn thành công

* Lưu ý : nếu copy bài viết phải ghi rõ nguồn để tránh bị report nhé:
http://internet.htdqn.com/2017/04/hien-thi-title-mo-ta-anh-theo-y-khi-share-bai-viet.html

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)

Thủ thuật internet - chia sẻ công nghệ với cộng đồng

Thủ thuật internet - chia sẻ công nghệ với cộng đồng. Mang tất cả thông tin đến với bạn chỉ với 1 click. I LIKE IT

Bài Xem Nhiều Nhất