홈페이지 문제 분석 및 개선 사항 보고서
🔴 우선순위 1: 심각한 문제 (즉시 수정 필요)
1.1 URL 불일치 문제
문제:
CNAME파일:jin-kim.net사용_config.yml:https://jhkim07.github.io사용_layouts/default.html메타 태그:https://jin-kim.net사용_layouts/_config.yml:https://jhkim07.github.io사용
영향:
- SEO 최적화 실패 (검색 엔진이 혼란스러워함)
- 소셜 미디어 공유 시 잘못된 URL 표시
- 링크 일관성 부족으로 사용자 신뢰도 하락
개선 방안:
- 모든 파일에서 동일한 도메인 사용 통일
jin-kim.net을 주 도메인으로 사용하는 경우,_config.yml의url을https://jin-kim.net으로 변경- 또는
jhkim07.github.io를 주로 사용하는 경우, 메타 태그와 Schema.org JSON-LD를 모두jhkim07.github.io로 통일
1.2 이메일 주소 불일치
문제:
index.md:jin.kim@gnu.ac.kr(40-42줄)와jinhkim@gnu.ac.kr(84줄) 혼용news.md:jinhkim@gnu.ac.kr사용
영향:
- 연락처 정보 불일치로 사용자 혼란
- 이메일 전달 실패 가능성
개선 방안:
- 하나의 공식 이메일 주소로 통일 (추천:
jin.kim@gnu.ac.kr) - 모든 파일에서 일관되게 사용
1.3 Sitemap.xml 로컬 개발 URL 포함
문제:
sitemap.xml에http://0.0.0.0:4000/같은 로컬 개발 서버 URL이 하드코딩됨
영향:
- 검색 엔진이 잘못된 URL 크롤링
- 프로덕션 배포 시 sitemap 무용지물
개선 방안:
- Jekyll sitemap 플러그인이 자동 생성하도록 설정 (
_config.yml에 이미jekyll-sitemap플러그인 있음) - 수동으로 작성된
sitemap.xml삭제 후 플러그인 자동 생성 활용
🟠 우선순위 2: 중요한 문제 (가까운 시일 내 수정 권장)
2.1 모바일 네비게이션 UX 문제
문제:
- 모바일에서 햄버거 메뉴가 없음
- 긴 메뉴 리스트가
flex-wrap으로 처리되어 여러 줄로 표시됨 - 드롭다운 메뉴가 작은 화면에서 사용하기 어려움
영향:
- 모바일 사용자 경험 저하
- 네비게이션 접근성 문제
개선 방안:
- 모바일에서 햄버거 메뉴 아이콘 추가
- 작은 화면에서는 메뉴를 세로 스택으로 표시
- 드롭다운 대신 접을 수 있는 아코디언 메뉴 사용 고려
2.2 SEO 이미지 경로 문제
문제:
_layouts/default.html에서og:image와twitter:image가https://jin-kim.net/images/profile.jpg를 참조- 실제 이미지는
assets/images/main-photo.jpg에 위치
영향:
- 소셜 미디어 공유 시 이미지 미표시
- SEO 최적화 실패
개선 방안:
- 메타 태그의 이미지 경로를 실제 존재하는 이미지 경로로 수정
- 또는
main-photo.jpg를 프로필 이미지로 사용하도록 경로 변경 - 권장:
https://jin-kim.net/assets/images/main-photo.jpg사용
2.3 접근성 문제 (키보드 네비게이션)
문제:
- 드롭다운 메뉴가
:hover와:focus-within에만 의존 - 키보드로만 탐색하는 사용자가 드롭다운 접근 어려움
- ARIA 속성 누락
영향:
- 접근성 규칙(WCAG) 위반
- 키보드 전용 사용자 및 스크린 리더 사용자 불편
개선 방안:
aria-expanded,aria-haspopup등 ARIA 속성 추가- 키보드 이벤트(
Enter,Space,Escape) 핸들링 추가 :focus스타일 개선
2.4 언어 설정 문제
문제:
- HTML 태그에
lang="en"이 설정되어 있으나, 일부 콘텐츠는 한글로 작성됨 biography.md등에서 한글 콘텐츠 존재
영향:
- 검색 엔진 언어 인식 혼란
- 브라우저 번역 기능 오작동 가능
개선 방안:
- 주요 언어가 영어인 경우 유지하되, 한글 콘텐츠가 많은 페이지는
lang="ko"또는lang="en"속성을 페이지별로 설정 - 또는
lang="en"을 유지하고 한글 콘텐츠에 적절한 메타 태그 추가
🟡 우선순위 3: 개선 권장 사항
3.1 사용하지 않는 CSS 코드
문제:
styles.css에.navbar,.navbar-nav,.navbar-brand등 사용되지 않는 Bootstrap 스타일 코드 존재 (567-602줄)
영향:
- 불필요한 CSS로 파일 크기 증가
- 유지보수 어려움
개선 방안:
- 사용하지 않는 CSS 제거
3.2 메타 설명 중복
문제:
_layouts/default.html에meta name="description"이 두 번 선언됨 (7줄, 10-11줄)
영향:
- 브라우저가 어떤 메타 태그를 사용할지 불명확
- SEO 최적화 비효율
개선 방안:
- 하나의 메타 description만 유지
3.3 이미지 최적화 부족
문제:
- 이미지 파일에 대한 최적화 정보 없음
- WebP 형식 사용 여부 불명확
- 이미지 lazy loading 미적용
영향:
- 페이지 로딩 속도 저하
- 모바일 데이터 사용량 증가
개선 방안:
- 이미지 최적화 (압축, WebP 변환)
<img>태그에loading="lazy"속성 추가
3.4 성능 최적화
문제:
- CSS 애니메이션 사용으로 인한 성능 이슈 가능성
- 미니파이된 CSS 파일 없음
- 폰트 최적화 부족
개선 방안:
- CSS/JS 파일 미니파이
- 폰트 preload 추가
- 애니메이션 성능 최적화 (
will-change속성 등)
3.5 보안 헤더 부재
문제:
- 보안 헤더(Content-Security-Policy, X-Frame-Options 등) 설정 없음
영향:
- XSS, 클릭재킹 등 보안 취약점 가능성
개선 방안:
- GitHub Pages에서는 직접 설정 불가하지만, 메타 태그로 일부 보안 헤더 설정 가능
- 또는
.htaccess파일 사용 고려 (GitHub Pages에서 제한적)
3.6 구조화된 데이터(Schema.org) 보완
문제:
- Person 스키마만 있고, 논문이나 연구 프로젝트에 대한 구조화된 데이터 없음
영향:
- 검색 엔진이 논문 정보를 구조화하여 표시하지 못함
- Google Scholar 등과의 연동 부족
개선 방안:
- 논문 정보에
ScholarlyArticle스키마 추가 - 연구 프로젝트에
ResearchProject스키마 추가
📊 우선순위 요약
즉시 수정 (우선순위 1)
- ✅ URL 불일치 해결
- ✅ 이메일 주소 통일
- ✅ Sitemap.xml 수정
빠른 시일 내 수정 (우선순위 2)
- ⚠️ 모바일 네비게이션 개선
- ⚠️ SEO 이미지 경로 수정
- ⚠️ 접근성 개선
- ⚠️ 언어 설정 개선
개선 권장 (우선순위 3)
- 💡 사용하지 않는 CSS 제거
- 💡 메타 태그 중복 제거
- 💡 이미지 최적화
- 💡 성능 최적화
- 💡 보안 헤더 추가
- 💡 구조화된 데이터 보완
📝 결론
전반적으로 홈페이지는 깔끔한 디자인과 잘 구조화된 콘텐츠를 가지고 있습니다. 다만, URL 및 이메일 주소 불일치, 모바일 UX, SEO 최적화 등 몇 가지 중요한 개선점이 있습니다. 우선순위 1과 2의 문제들을 먼저 해결하시면 사용자 경험과 검색 엔진 최적화가 크게 개선될 것입니다.