AIG COMMUNICATIONS AI • IoT • ERP • Smart Advertising Solutions

Hướng dẫn tương tác kỹ năng viết bài HTML nhúng website

SOP đào tạo biên tập viên: viết đúng nội dung, dựng HTML safe-embed, kiểm tra hình ảnh, tối ưu mobile, chuẩn nhận diện AIG và xuất bản không lỗi.

1

Tiếp nhận yêu cầu

Xác định đúng mục tiêu trước khi viết và dựng HTML.

+

Biên tập viên cần làm

  • Xác định bài viết thuộc sàn nào: EX-DOOH, ADTECH, TDC, Nexus, HSEVN, GLR, Logistics, ATX.
  • Xác định mục tiêu: giới thiệu sản phẩm, landing page, SOP, tuyển dụng, truyền thông hay bán hàng.
  • Thu thập hình ảnh, thông số, hotline, email và link CTA.

Lỗi cần tránh

  • Viết khi chưa rõ sản phẩm.
  • Dùng thông tin cũ hoặc chưa được Holding xác nhận.
  • Không biết bài sẽ nhúng vào vị trí nào trên website.
2

Soạn nội dung chuẩn

Tiêu đề mạnh, nội dung rõ lợi ích, đúng giá trị sản phẩm.

+

Cấu trúc nội dung nên dùng

  • Tiêu đề chính: tên giải pháp + lợi ích + đối tượng ứng dụng.
  • Mở bài: nêu vấn đề khách hàng đang gặp.
  • Thân bài: giải pháp, tính năng, lợi ích, ứng dụng thực tế.
  • CTA: liên hệ, nhận tư vấn, gửi yêu cầu báo giá.

Mẫu tiêu đề

AIG OS – Smart Solar DOOH Lighting Solution

Giải pháp chiếu sáng năng lượng mặt trời cho OOH / DOOH

3

Dựng HTML safe-embed

Không xung đột CSS, không phá cấu trúc website chính.

+

Cách đúng

<section class="aig-article-wrapper"> <style> .aig-article-wrapper { font-family: Arial, sans-serif; } .aig-article-wrapper h1 { color: #081a3a; } .aig-article-wrapper img { max-width: 100%; height: auto; } </style> ... </section>

Không dùng

body {} html {} h1 {} p {} img {} .header {} .footer {} .container {}
4

Kiểm tra hình ảnh

Ảnh phải hiển thị đúng, chất lượng tốt, không phản cảm.

+

Ảnh đạt chuẩn

  • Link HTTPS trực tiếp, ổn định.
  • Ảnh sắc nét, đúng sản phẩm, đúng thương hiệu.
  • Có alt mô tả rõ ràng.
  • Không méo tỷ lệ, không quá nặng.

Ảnh không được dùng

  • Ảnh có dấu gạch chéo, logo sai hoặc hình ảnh nhạy cảm.
  • Link Google Drive chưa public, blob, file local.
  • Ảnh mờ, xấu, sai kỹ thuật lắp đặt.
<img src="https://www.asiamedia.vn/path/to/image.jpg" alt="AIG OS Smart Solar DOOH Lighting Solution" loading="lazy">
5

Thiết kế Web + Mobile

Một nội dung phải đẹp trên cả desktop và điện thoại.

+

Desktop

  • Có thể chia 2–3 cột.
  • Hero lớn, hình rõ, CTA nổi bật.
  • Khoảng cách hợp lý, không quá rời rạc.

Mobile

  • Chuyển về 1 cột.
  • Font đủ lớn, nút dễ bấm.
  • Không tràn khung, không vỡ ảnh.
@media (max-width: 768px) { .aig-article-wrapper .aig-grid { grid-template-columns: 1fr; } .aig-article-wrapper h1 { font-size: 32px; } }
6

Chuẩn nhận diện AIG

Đúng màu, đúng font, đúng cảm giác thương hiệu.

+

Màu khuyến nghị

  • Navy: #081a3a
  • Blue: #0b3a75
  • Orange: #f58220
  • Light: #f5f8fc

Font & tiêu đề

  • Font dễ đọc: Arial, Helvetica Neue, sans-serif.
  • Tiêu đề lớn, mạnh, rõ vai trò truyền thông.
  • Không dùng quá nhiều kiểu font trong một bài.
7

Cập nhật Header / Footer

Tăng tính thẩm mỹ và tính chính thức của bài viết.

+

Header nên có

  • AIG OS / tên giải pháp.
  • Thông điệp ngắn, rõ giá trị.
  • CTA: Liên hệ tư vấn / Nhận báo giá.

Footer nên có

  • AIG Communications.
  • AI • IoT • ERP • Smart Advertising Solutions.
  • Hotline, nhà máy, email, website.
8

Kiểm tra thông tin Holding & liên hệ

Không để hotline, nhà máy, email hoặc địa chỉ sai.

+

Thông tin chuẩn cần đưa vào bài

AIG COMMUNICATIONS Hệ sinh thái giải pháp AI, IoT, ERP và quảng cáo thông minh Hotline: (+84) 0988 858 958 Nhà máy: (+84) 0987 696 996 Email: info@asiamedia.vn Website: www.asiamedia.vn
9

Rà soát khoảng trắng & lỗi hiển thị

Không để bố cục rỗng, ảnh lỗi, footer xấu.

+

Lỗi thường gặp

  • Khung ảnh trắng vì ảnh không hiển thị.
  • Section quá cao nhưng ít nội dung.
  • Footer bị rời rạc, cột lệch, khoảng trắng quá lớn.

Cách sửa

  • Giảm padding/margin dư.
  • Dùng grid/flex có responsive.
  • Kiểm tra ảnh trước khi đăng.
  • Giữ section gọn, rõ, có nhịp đọc.
10

Test & duyệt nội bộ

Đọc kỹ, kiểm tra kỹ trước khi xuất bản.

+

Quy trình duyệt

  • Biên tập viên tự kiểm tra nội dung và giao diện.
  • IT kiểm tra xung đột CSS, link ảnh, responsive.
  • Trưởng sàn kiểm tra sản phẩm, thông tin, CTA.
  • Holding kiểm tra nhận diện và thông tin chính thức nếu cần.
11

Xuất bản & theo dõi

Đăng bài xong vẫn phải kiểm tra lại.

+

Sau khi đăng

  • Mở bài trên link thật.
  • Kiểm tra mobile, desktop, hình ảnh, CTA.
  • Chia sẻ link cho nhóm kiểm tra lần cuối.

Theo dõi

  • Ghi nhận lỗi phát sinh.
  • Cập nhật ảnh, CTA, thông tin nếu có thay đổi.
  • Lưu mẫu bài đạt chuẩn để nhân sự học lại.
AI

Công cụ tương tác tạo Prompt cho biên tập viên

Nhập thông tin bài viết, hệ thống tự ghép prompt chuẩn để yêu cầu AI dựng HTML.

+

Prompt xuất HTML

Nhập thông tin và bấm “Tạo Prompt chuẩn”.