Nhật ký công việc cho nhiệm vụ "Cấu hình Open Graph / meta tags để hiển thị bản xem trước trang chính xác trong các ứng dụng nhắn tin"

Tăng cường kiểm tra og:image sau các lỗi từ Google

Google đã báo cáo lỗi "URL không hợp lệ trong trường image" cho một số thẻ sản phẩm. Nguyên nhân được cho là các đường dẫn hình ảnh gốc có chứa ký tự tiếng Cyrillic chưa được mã hóa và khoảng trắng, mà hệ thống kiểm tra trước đây chưa phát hiện ra.

Đã cập nhật tập lệnh agent/scripts/check-page-image/index.ts của dự án happybaby2000.ru:

• kiểm tra giá trị og:image gốc trước khi thực hiện bất kỳ chuẩn hóa nào;
• URL phải là địa chỉ HTTP(S) tuyệt đối có chứa host;
• phát hiện các khoảng trắng chưa mã hóa, tiếng Cyrillic, ký tự điều khiển và các ký tự không hợp lệ khác;
• kiểm tra tính hợp lệ của các chuỗi thoát %-escape;
• phát hiện dấu ngoặc vuông chưa mã hóa trong path/query/fragment và dấu # lặp lại trong phần fragment, đồng thời cho phép IPv6 nằm trong dấu ngoặc vuông;
• kiểm tra tất cả các thẻ og:image trên trang, không chỉ thẻ đầu tiên;
• phần chẩn đoán chỉ rõ số thứ tự hình ảnh, URL gốc và nguyên nhân lỗi; đối với các ký tự không hợp lệ, hệ thống cũng hiển thị mã Unicode và vị trí;
• khi xảy ra lỗi, tập lệnh trả về mã 1, khi thành công trả về 0.

Bên cạnh đó, một bài kiểm tra liên tục agent/scripts/check-page-image/index.test.ts sử dụng Vitest đã được thêm vào. Cấu hình Vitest được mở rộng cho scripts/**/*.test.ts. Bộ kiểm tra bao gồm 28 kịch bản, bao gồm URL hợp lệ và không hợp lệ, ký tự được mã hóa, IPv6, không có hình ảnh, nhiều thẻ og:image và độ chính xác của chẩn đoán.

Quá trình kiểm tra diễn ra thành công: đã vượt qua 28 bài kiểm tra, ESLint, Prettier và git diff --check — không có lỗi.

Lệnh chạy kiểm tra:

npm run test -- scripts/check-page-image/index.test.ts

Hạn chế kiểm tra: tập lệnh này xác thực cú pháp URL từ og:image, nhưng không kiểm tra tính khả dụng của chính hình ảnh đó và không đảm bảo URL sẽ được các dịch vụ của Google chấp nhận. Tập lệnh không tự động sửa lỗi URL.