Nó được gọi là Thử nghiệm

WebFetch chuyển đổi sang Markdown, gây khó khăn cho việc chẩn đoán chính xác. Tôi sẽ kiểm tra thủ công Dom của trang trực tuyến bằng trình duyệt thực.

Sử dụng 5 công cụ Đúng vậy. Tất cả các nút main.js · được tải đúng cách và một hình được đặt trong phần thân. Khi bạn nhấp vào nút chia sẻ, bạn sẽ thấy những gì thực sự xảy ra trên bảng điều khiển.

Claude_in_Chrome: bật công cụ javascript Đây là một chẩn đoán quan trọng: kiểm tra cấu trúc đầu và thân SEO của trang trực tiếp một cách chính xác.

Claude_in_Chrome: bật công cụ javascript Chẩn đoán đầy đủ. SEO chủ yếu là bình thường (1 h1 · canonical · desc · hreflang 7 · JSON-LD Article) nhưng chúng tôi đã tìm thấy 3 lỗi thực sự:

og: image relative path (/LuaLoka/...) Không có hình thu nhỏ khi chia sẻ với → Kakao và Facebook (yêu cầu đường dẫn tuyệt đối) Không thể nhìn thấy bánh mì nướng ("đã sao chép địa chỉ") Xuất hiện không phản hồi khi nhấn nút → chia sẻ/sao chép Hình ảnh đã được đặt, nhưng phần phân cách đoạn nội dung yếu Khắc phục. Đầu tiên, sửa hình ảnh og: thành đường dẫn tuyệt đối.

Đã sửa đổi head.php +2 -0 Hình ảnh trong JSON-LD cũng được hiệu chỉnh theo đường dẫn tuyệt đối (post.php).

1 tập tin đã đọc, 1 tập tin đã chỉnh sửa Bây giờ hãy sửa nút chia sẻ — nếu navigator.share không thành công, hãy quay lại bản sao địa chỉ và đảm bảo bánh mì nướng hiển thị. Kiểm tra main.js.

1 tập tin đã đọc, 1 tập tin đã chỉnh sửa Cải thiện vị trí đặt hình ảnh — cho phép các đoạn văn được nhận biết và phân phối ngay cả khi được viết mà không có dòng trống.

1 lần đọc, 1 lần truy xuất, 1 lần chỉnh sửa Sau khi kiểm tra ngữ pháp, tạo một zip với các tệp mặt trước đã thay đổi.

Đã bật PowerShell Mọi thứ đều ổn, hãy tạo lại zip.

Đã bật PowerShell Hoàn thành zip. Trên trang trực tuyến, hãy đảm bảo hình ảnh nổi bật được hiển thị ở trên cùng, v.v.

Claude_in_Chrome: bật công cụ javascript OK, tôi đã tự kiểm tra trang thực tế, chẩn đoán chính xác và sửa lỗi.

Kết quả chẩn đoán (tự kiểm tra trang trực tuyến) Mặt hàng Tình trạng thực tế Nút chia sẻ main.js · Nút tất cả được tải bình thường. "Sao chép địa chỉ" đã hoạt động (đã sao chép vào khay nhớ tạm), nhưng thông báo "đã sao chép" dường như không hoạt động. "Chia sẻ" không phản hồi khi chia sẻ gốc không thành công trên máy tính để bàn Bố cục ảnh thực sự được sắp xếp như một hình trong phần thân (hình ảnh đại diện nằm ở trên cùng, giữa văn bản mà phần thân được hiển thị). Tuy nhiên, khi được sử dụng mà không có các dòng trống, phương sai là yếu. H1/H2 SEO H1 1 (title)✓, canonical · description · hreflang 7 · JSON-LD Article ✓ All OK. Tuy nhiên, og: hình ảnh là một đường dẫn tương đối, vì vậy hình thu nhỏ được chia sẻ với KakaoTalk và Facebook đã không xuất hiện (một lỗi thực sự). Cố định (4 tệp) og: hình ảnh · Chỉnh sửa → đường dẫn tuyệt đối hình ảnh JSON-LD (chuẩn hóa hình thu nhỏ chia sẻ SNS) ⭐ Nút "Chia sẻ" — tự động sao chép địa chỉ khi chia sẻ gốc không thành công + thông báo (luôn phản hồi) Luôn có thể hiển thị thông báo "Đã sao chép"

Lưu ý: Nội dung của bài kiểm tra có vẻ hơi kỳ lạ vì đó là văn bản "danh sách kiểm tra" mà tôi đã đưa cho bạn. Nếu bạn viết một đoạn văn bằng các dòng trống như một bài báo thực sự, hình ảnh sẽ tự nhiên nhập vào giữa các đoạn văn.

Tệp để tải lên (chỉ 4 tệp) Lần này không có thay đổi DB/quản trị viên, vì vậy bạn chỉ cần ghi đè lên 4 tệp này:

LuaLoka/inc/head.php LuaLoka/pages/post.php LuaLoka/inc/functions.php LuaLoka/asset/js/main.js Nếu bạn bối rối, bạn có thể ghi đè lên toàn bộ thư mục LuaLoka bằng cách giải nén zip mới (LuaLoka_deploy_20260608.zip) (config/db.php không có trong zip, vì vậy không cần thiết phải chạy lại install.php).

Sau khi đăng, hãy nhấn vào "Sao chép địa chỉ" trong chi tiết bài đăng để xem thông báo có bật lên hay liên kết đến KakaoTalk để xem hình thu nhỏ có bật lên không!