Cách tạo ảnh Thumbnail cho trang chủ khi chia sẻ link lên facebook

Cách tạo ảnh Thumbnail cho trang chủ khi chia sẻ link lên facebook
2.71 (54.29%) 7 votes

Xin chào tất cả các bạn. Như chúng ta cũng đã biết thì việc sử dụng mã nguồn mở WordPress để thiết lập nên một blog hay một website đang chiếm xu thế trong lĩnh vực thiết kế website hiện nay trên thị trường. Đối với các bạn yêu thích cũng như đam mê WordPress thì chúng ta cũng đã biết đó chính là sự tiện ích cũng như tính năng dễ sử dụng, dễ tùy biến mà nó mang lại cho chúng ta.

Nhưng khi sử dụng WordPress thì chúng ta lại bị một lỗi rất nhỏ đó chính là không có hình ảnh thumbnail cho trang chủ (home) của chúng ta mà nó sẽ tự động lấy một hình ảnh khác ngẫu nhiên trên website của chúng ta để làm hình ảnh thumbnail. Do đó chúng ta cảm thấy rất xấu khi chia sẻ link trang chủ của chúng ta lên facebook.

anh thumbnail cho trang chu

Xem thêm: Cách đưa Status Facebook vào website WordPress

Nếu như các bạn đã từng dùng qua các plugin hỗ trợ tự động tạo ảnh thumbnail như “auto post thumbnail” để tạo hình ảnh thumbnail cho các bài viết của mình cũng như khi chia sẻ link lên facebook hay các mạng xã hội thì hình ảnh thumbnail hiển thị rất đẹp đúng không nào?

CACH TAO ANH THUMBNAIL CHO TRANG CHU

Vậy làm thế nào để cho trang chủ của chúng ta khi chia sẻ link lên facebook hay các trang mạng xã hội cũng sẽ một hình ảnh ta và đẹp như vậy? Để giúp các bạn hôm nay iHuongDan sẽ hưỡng dẫn các bạn cách tạo hình ảnh thumbnail cho trang chủ của mình. Để khi các bạn chia sẻ link trang chủ đó lên các mạng xã hội sẽ hiển thị một hình ảnh lớn thật đẹp. Sẽ như sau:

Xem thêm: Cách chèn link vào hình ảnh trên facebook đơn giản nhất

sau khi them code thumbnail

Vậy để làm được như thế nào chúng ta sẽ làm như thế nào? Sau đây iHuongDan sẽ hướng dẫn chi tiết cho các bạn một thủ thuật wordpress để tạo hình ảnh thumbnail cho trang chủ nhé.

Xem thêm: Cách kéo traffic đơn giản từ comment facebook trên Website WordPress

Hướng dẫn cách tạo hình ảnh thumbnail cho trang chủ

Bước 1: Thêm code
– Đầu tiên các bạn truy cập vào hosting và tìm đến file header.php của theme đang dùng và theme đoạn code sau và ngay sau thẻ <head> nhé:

<?PHP IF (IS_HOME() ) : ?>
<meta property="og:image" content="http://ihuongdan.vn/wp-content/uploads/2016/07/IHUONGDAN-huong-dan-ban-moi-thu.png" />
<meta property="og:image:width" content="872" />
<meta property="og:image:height" content="450" />
<?PHP ENDIF; ?>

– Sau khi các bạn thêm xong thì nhấn lưu nhé.

Bước 2: Sửa debug facebook
– Sau khi chúng ta đã thêm code xong thì bước tiếp theo của chúng ta đó chính là truy cập vào công cụ debug của facebook để thông báo cho facebook cập nhật lại hình ảnh thumbnail cho trang chủ của chúng ta. Các bạn truy cập vào linh sau:

https://developers.facebook.com/tools/debug/

Xem thêm: Cách tạo ChatBot tự động trả lời tin nhắn Fanpage Facebook

– Sau khi nhập URL trang chủ của các bạn vào ô URL thì chúng ta nhấn vào nút Sửa lỗi nhé.
– Khi nhấn nút sửa lỗi thì các bạn vẫn sẽ chưa thấy hình ảnh của các bạn cập nhật mà các bạn phải nhấn tiếp nút Scrape Again để facebook cập nhật lại nhé. Sau khi cập nhật các bạn sẽ nhận được hình ảnh như sau:

sua loi debug tao anh thumbnail trang chuKết luận

Như vậy là chúng ta đã hoàn thành việc tạo hình ảnh thumbnail cho trang chủ của chúng ta rồi. Bây giờ các bạn hãy thử chia sẻ link trang chủ của mình lên facebook để kiểm tra kết quả của mình nhé. Các bạn có thể xem thêm Cách tự động thêm Meta Description cho WordPress không sử dụng plugin tại đây nhé. Chúc các bạn thành công. Nhớ like và chia sẻ để ủng hộ iHuongDan nhé.

 

Bình Luận

Bạn hãy để lại thắc mắc cũng như yêu cầu muốn iHuongDan giải đáp!

Leave a Comment

Thư điện tử 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 *


7 + 8 =