[HTML Tool] Hướng dẫn thêm Meta Social Tag cực đơn giản!

Nếu bạn đang xây dựng web bằng HTML và bạn muốn website của mình "xịn hơn" khi chia sẻ lên mạng xã hội thì bạn cần phải thêm Meta Social Tag vào file HTML của mình. Cùng xem nhé!

Thêm Meta Social Tag để làm gì?

Thẻ meta là các đoạn mã cụ thể của nội dung văn bản và hình ảnh cung cấp bản tóm tắt cho một trang web. Thông thường, dữ liệu thẻ meta hiển thị bất cứ khi nào ai đó chia sẻ liên kết trên mạng xã hội, trong tin nhắn hoặc trong phần mềm trò chuyện công việc của bạn (Zalo, Faceebook, ...)

Ngoài ra, các thẻ meta có thể chứa thông tin để giúp các công cụ tìm kiếm quét trang web của bạn để tìm ra tất cả nội dung của nó và nó có hợp pháp hay không!

Thêm Meta Social Tag bằng cách nào?

Bạn chỉ cần truy cập vào trang web này: https://metatags.io/ sau đó

Bước 1: Điền Tên trang web của bạn, hình ảnh, tiêu đề, mô tả vào các ô.

Bước 2: Chọn các mạng xã hội bạn muốn hiển thị (thông thường thì chọn hết luôn)

 Hướng dẫn thêm Meta Social Tag cực đơn giản!
 

Bước 3: Bấm "GENERATE META TAGS" sau đó copy đoạn code HTML chèn vào giữa thẻ:

trong file của bạn.

copy đoạn mã dán vào head

Khi chèn xong bạn cần chỉnh lại một chút: Tại toàn bộ các thẻ meta image, bạn cần thay thế URL ảnh thành URL ảnh trên host của bạn.

Thay thế link hình ảnh
 

Chúc các bạn thành công!