SEO최적화방2 HTML 주석 활용법 (구역 표시, 임시 비활성화, 할 일 목록) 한 달 전에 내가 만든 HTML 파일을 다시 열었을 때 무슨 생각으로 이걸 짰는지 도무지 기억이 안 났다. div가 왜 이렇게 중첩되어 있는지, 이 클래스 이름은 왜 이렇게 지었는지. 내가 짠 코드인데 남이 짠 것처럼 낯설었다. 그날 이후로 주석을 제대로 달기 시작했다. 티스토리 스킨을 수정하다가 한 달 전에 짰던 코드를 다시 열어본 적 있으신가요. 저는 그 순간 "이 div는 왜 여기 있지?"를 속으로 수십 번 되뇌었습니다. HTML 주석(comment)은 브라우저가 읽지 않는 메모 공간인데, 이걸 제대로 쓰면 코드 관리 방식 자체가 달라집니다. 직접 겪고 나서야 그 차이를 실감했습니다. 주석 없이 짠 코드가 한 달 뒤 낯선 이유처음 티스토리 스킨을 손댈 때 저는 주석을 전혀 달지 않았습니다. 제가 직.. 2026. 4. 7. H 태그 사용법 (구조적 오류, 헤딩 위계, SEO 최적화) H1을 한 포스팅에 네 번 썼습니다. 강조하고 싶은 문장마다 H1을 붙였고, 그게 문제라는 생각은 전혀 없었습니다. 소스 보기 버튼을 처음 눌러봤을 때 제 글이 얼마나 구조적으로 엉망이었는지 한눈에 보였습니다. 그날부터 H 태그가 다르게 보이기 시작했습니다.H 태그를 글자 크기 조절 도구로 쓰고 있진 않으신가요?블로그를 처음 만들었을 때 저는 H 태그가 단순히 글꼴 크기를 바꾸는 수단이라고 생각했습니다. H1을 쓰면 크게, H3를 쓰면 조금 작게. 그 이상의 의미는 몰랐습니다. 강조하고 싶은 문장이 생기면 망설임 없이 H1을 붙였고, 한 포스팅에 H1이 네 개 들어간 글도 있었습니다.그런데 헤딩 태그(Heading Element)는 디자인 도구가 아닙니다. 헤딩 태그란 HTML 문서에서 콘텐츠의 계층 구.. 2026. 4. 6. 이전 1 다음
