전체 글118 메타 태그 SEO - 검색 결과를 내가 직접 만든다 저는 블로그를 꽤 오래 운영하면서도 검색 결과에 뜨는 설명 줄이 어디서 오는지 몰랐습니다. 구글이 알아서 본문에서 적당히 뽑아주는 줄만 알았는데, 어느 날 제 글을 직접 검색해보고 나서 생각이 완전히 바뀌었습니다. 설명 줄에 본문 중간의 접속사 덩어리가 그대로 나와 있었고, 그 글이 무슨 내용인지 전혀 알 수 없었습니다. 그때부터 메타 태그를 직접 챙기기 시작했습니다.이 경험이 충격이었던 이유는, 내가 아무리 잘 쓴 글이라도 검색 결과 화면에서 첫인상이 엉망이면 클릭 자체가 일어나지 않는다는 걸 깨달았기 때문입니다. SEO는 검색 결과 페이지의 순위만 올리는 게 아닙니다. 그 순위에 올라간 내 글이 클릭받을 수 있는 형태인지까지 관리하는 게 SEO입니다. 메타 태그는 그 마지막 관문입니다.지금 생각하면 .. 2026. 4. 7. 블로그 이미지 최적화 - alt 텍스트, WebP 변환, lazy loading 저는 블로그 이미지가 SEO에 이렇게 큰 영향을 줄 줄 몰랐습니다. 키워드 배치에 공들이고, 내부링크 구조도 꼼꼼히 짰는데 검색 노출이 기대만큼 오르지 않았습니다. 결국 문제는 제가 신경도 쓰지 않던 이미지였습니다. 직접 겪어보고 나서야, 이미지 최적화가 선택이 아니라 기본기라는 걸 뼈저리게 느꼈습니다.돌이켜보면 이미지는 SEO에서 가장 쉽게 놓치는 부분이기도 합니다. 텍스트는 눈에 바로 보이니까 신경 쓰게 되는데, 이미지는 화면에 잘 보이면 그걸로 끝났다고 생각하게 됩니다. 구글 크롤러가 이미지를 어떻게 인식하는지에 대한 감각 자체가 없었던 거죠. 그 감각이 생긴 건 서치 콘솔 경고를 몸으로 맞고 나서였습니다.블로그를 운영하면서 이미지 최적화를 우선순위 아래로 미루는 분들을 많이 봅니다. 저도 그랬으니.. 2026. 4. 6. H 태그 사용법 (구조적 오류, 헤딩 위계, SEO 최적화) 한 포스팅에 H1을 네 번 쓴 적이 있습니다. 강조하고 싶은 문장마다 H1을 붙였고, 그게 문제라는 생각은 전혀 없었습니다. 소스 보기 버튼을 처음 눌러봤을 때 제 글이 얼마나 구조적으로 엉망이었는지 한눈에 보였습니다. 그날부터 H 태그가 다르게 보이기 시작했습니다.H 태그는 디자인 도구가 아닙니다블로그를 처음 만들었을 때 저는 H 태그가 단순히 글꼴 크기를 바꾸는 수단이라고 생각했습니다. H1을 쓰면 크게, H3를 쓰면 조금 작게. 그 이상의 의미는 몰랐습니다. 강조하고 싶은 문장이 생기면 망설임 없이 H1을 붙였고, 한 포스팅에 H1이 네 개 들어간 글도 있었습니다.솔직히 말하면, 저는 당시 블로그 강의들이 "H1은 하나만 쓰세요"라고 반복해서 얘기할 때도 귀담아듣지 않았습니다. 이유를 몰랐으니까요... 2026. 4. 6. 시맨틱 HTML 접근성, 크롤러, SEO 효과 div만 잔뜩 써도 사이트가 잘 돌아가는데, 굳이 시맨틱 태그로 바꿔야 할까요? 저도 한때 그렇게 생각했습니다. 그런데 Lighthouse 접근성 점수가 바닥을 치고, 애드센스 첫 신청이 거절당하고 나서야 생각이 바뀌었습니다. 시맨틱 HTML은 단순한 코드 스타일 문제가 아니라, 크롤러와 사람이 동시에 읽을 수 있는 구조를 만드는 문제였습니다.접근성이 바닥이었던 이유, div 중첩 구조 때문이었습니다처음 블로그를 만들 때 저는 wrap, container, content, post-area 이렇게 div를 4단 중첩으로 쌓았습니다. 기능은 멀쩡히 돌아갔습니다. 그런데 3개월 뒤 같은 코드를 다시 열었을 때, 어디가 본문이고 어디가 사이드바인지 파악하는 데 꽤 오래 걸렸습니다. 태그 이름에 정보가 없으니 .. 2026. 4. 6. 이전 1 ··· 17 18 19 20 다음
