테스트라고

테스트라고

WebFetch는 마크다운으로 변환해서 정확한 진단이 어렵습니다. 실제 브라우저로 라이브 페이지의 DOM을 직접 검사하겠습니다.

사용함 도구 5개 정확히 파악됐습니다. main.js·버튼 다 정상 로드됐고, 본문에 figure 1개도 배치됐습니다. 공유 버튼 클릭 시 실제로 무슨 일이 나는지 콘솔로 확인합니다.

Claude_in_Chrome: javascript tool 사용함 핵심 진단이 됐습니다. 라이브 페이지의 SEO 헤드와 본문 구조를 정확히 확인합니다.

Claude_in_Chrome: javascript tool 사용함 전체 진단 완료. SEO는 대부분 정상(h1 1개·canonical·desc·hreflang 7·JSON-LD Article)이지만 실제 버그 3개를 찾았습니다:

테스트라고

og:image가 상대경로 (/LuaLoka/...) → 카카오·페북 공유 시 썸네일 안 뜸 (절대경로 필요) 토스트("주소 복사됨")가 안 보임 → 공유/복사 버튼 눌러도 반응 없어 보임 이미지 배치는 됐으나 본문 단락 분리가 약함 수정합니다. 먼저 og:image를 절대경로로 고칩니다.

수정됨 head.php +2 -0 JSON-LD의 이미지도 절대경로로 보정합니다 (post.php).

읽기 파일 1개, 편집됨 파일 1개 이제 공유 버튼을 고칩니다 — navigator.share가 실패하면 주소복사로 폴백하고, 토스트가 확실히 보이게 합니다. main.js를 확인합니다.

읽기 파일 1개, 편집됨 파일 1개 이미지 배치를 개선합니다 — 빈 줄 없이 작성해도 단락을 인식해 이미지를 분산 배치하게 합니다.

테스트라고

읽기 파일 1개, 검색함 코드, 편집됨 파일 1개 문법 검사 후 변경된 프론트 파일들로 ZIP을 만듭니다.

PowerShell 사용함 전부 정상입니다. ZIP을 다시 만듭니다.

PowerShell 사용함 ZIP 완성. 라이브 페이지에서 대표이미지가 상단에 표시되는지 등 마지막으로 확인합니다.

Claude_in_Chrome: javascript tool 사용함 확인 끝났습니다. 실제 페이지를 직접 검사해서 정확히 진단했고, 버그를 고쳤습니다.

테스트라고

진단 결과 (라이브 페이지 직접 검사) 항목 실제 상태 공유 버튼 main.js·버튼 다 정상 로드됨. "주소복사"는 작동(클립보드엔 복사됨)했지만 "복사됨" 알림이 안 떠서 안 먹히는 것처럼 보였음. "공유하기"는 데스크톱에서 native share 실패 시 아무 반응이 없었음 사진 배치 실제로는 본문에 figure로 배치됨(대표이미지는 상단, 본문이미지는 글 중간). 다만 빈 줄 없이 쓰면 분산이 약했음 H1/H2 SEO H1 1개(제목) ✓, canonical·description·hreflang 7개·JSON-LD Article ✓ 모두 정상. 단 og:image가 상대경로라 카톡·페북 공유 썸네일이 안 떴음(진짜 버그) 고친 것 (4개 파일) og:image·JSON-LD 이미지 → 절대경로 보정 (SNS 공유 썸네일 정상화) ⭐ "공유하기" 버튼 — native share 실패 시 자동으로 주소복사+알림 (항상 반응 보이게) "복사됨" 알림 항상 표시되게 수정 이미지 자동배치 — 빈 줄 없이 써도 분산 배치 📌 H2 소제목은 "자동"이 아니라 버튼으로 H1(제목)은 자동입니다. 하지만 본문 소제목(H2/H3)은 글 내용을 보고 자동 생성할 수 없어서, 글 작성 화면 본문 위의 H2 소제목 / H3 소제목 버튼으로 넣으셔야 합니다. (그 버튼이 거기 있어요) → 이러면 SEO에 좋은 제목 구조가 잡히고, 번역본에도 H2가 유지됩니다.

참고: 테스트 글 본문이 제가 드린 "확인 체크리스트" 텍스트라 좀 이상해 보였어요. 실제 기사처럼 문단을 빈 줄로 나눠 쓰시면 이미지가 문단 사이사이 자연스럽게 들어갑니다.

업로드할 파일 (4개만) 이번엔 DB·관리자 변경이 없어서 이 4개 파일만 덮어쓰기하면 됩니다:

LuaLoka/inc/head.php LuaLoka/pages/post.php LuaLoka/inc/functions.php LuaLoka/asset/js/main.js 헷갈리면 새 ZIP(LuaLoka_deploy_20260608.zip)을 풀어 LuaLoka 폴더를 통째로 덮어쓰기 해도 됩니다 (config/db.php는 ZIP에 없어 보존). install.php 재실행 불필요.

테스트라고

올리신 뒤 글 상세에서 "주소 복사" 눌러 알림 뜨는지, 카톡에 링크 붙여서 썸네일 뜨는지 확인해보세요!

공유하기 Facebook X LINE

관련 글

🔥 인기 콘텐츠