아무리 좋은 글을 써도 검색 결과에 노출되지 않아서 속상하셨던 적 있으시죠? 마치 아무도 없는 숲속에서 혼자 소리치는 기분이 들 때가 있습니다. 오늘은 제 지인이 블로그를 처음 시작했을 때, 글은 정말 잘 썼지만
'기본 태그' 4가지를 무시하는 바람에 네이버 봇에게 철저히 외면당했던 안타까운 사연을 들려드리려 해요. 검색 로봇이 내 사이트의 콘텐츠를 100% 이해하고 상위 노출을 시켜주기 위해 꼭 챙겨야 할 '기본 중의 기본', 지금부터 하나씩 짚어드릴게요.
✨ 검색 로봇이 사랑하는 SEO 기초 4대장
CHECK 1. <title>: 페이지마다 고유하고 정확한 제목을 붙이세요.
CHECK 2. Description: 본문을 요약한 매력적인 소개글을 넣으세요.
CHECK 3. <H1>: 대제목(H1)은 페이지당 딱 1개만 사용하세요.
CHECK 4. Alt 속성: 이미지를 설명하는 이름표를 달아주세요.
💡 이웃님을 위한 비유!
웹사이트를 '책'이라고 생각해 보세요. 표지 제목(Title)이 없거나, 뒤표지 줄거리(Description)가 비어있다면, 서점 직원(검색 로봇)은 이 책을 어디에 꽂아야 할지 몰라 창고 구석에 방치하게 됩니다.
"모든 페이지 제목이 '홈'이라니..." 초보 사장님의 실수
제 친구 중에 온라인으로 수제 과자를 파는 최 사장이라는 친구가 있어요. 맛은 기가 막힌데, 홈페이지 방문자가 하루에 10명도 안 된다며 울상을 짓더라고요. 제가 사이트를 뜯어봤더니 세상에, 메인 페이지부터 상품 상세 페이지, 공지사항까지 모든 페이지의 브라우저 탭 제목(Title)이 전부 '최가네 과자점'으로 똑같지 뭐예요.
검색 로봇 입장에서 생각해 볼까요? 로봇은 <title> 태그를 보고 이 페이지의 주제를 파악해요. 그런데 수백 개의 페이지가 전부 똑같은 이름을 달고 있으니, 로봇은 "어라? 이거 다 중복 문서네?"라고 오해하고 검색 결과에서 빼버린 거죠.
이웃님, 각 페이지의 타이틀은 반드시 그 페이지의 내용을 대표하는 '고유한 이름'이어야 해요. '초코 쿠키 | 최가네 과자점', '오시는 길 | 최가네 과자점' 처럼 말이죠.
🚫 Title 태그, 이런 실수는 절대 금물!
· 제목 누락: 아예 제목이 없는 '무제' 페이지
· 중복 제목: 모든 페이지가 같은 제목을 쓰는 경우
· 너무 긴 제목: 검색 결과에서 말줄임표(...)로 잘리는 경우
검색 결과의 얼굴, 메타 디스크립션(Description)
최 사장의 두 번째 실수는 바로 '설명(Description) 누락'이었어요. 우리가 네이버에 검색하면 파란색 제목 밑에 두세 줄 정도의 설명 글이 나오잖아요? 그게 바로 <meta name="description"> 태그예요.
이걸 비워두면 검색 로봇은 본문에 있는 아무 텍스트나 막 가져다가 보여줘요. 심하면 메뉴 이름이나 카피라이트 문구 같은 쓸데없는 내용이 뜨기도 하죠. 이 메타 디스크립션은 검색 순위에 직접적인 영향을 주진 않지만, '클릭률'에는 엄청난 영향을 줘요.
이웃님이라면 설명이 텅 비어있는 글과 요약이 잘 된 글 중 어디를 클릭하시겠어요? 페이지마다 정성스럽게 1-2문장의 요약글을 넣어주세요. 단, 모든 페이지에 똑같은 설명을 복사해서 붙여넣기(복붙) 하는 건 로봇이 싫어하니 피해 주시고요.
욕심쟁이의 최후, H1 태그가 2개?
블로그나 홈페이지를 꾸미다 보면 글씨를 크게 만들고 싶어서 <H1> 태그를 남발하는 경우가 있어요. H1은 신문으로 치면 1면 톱기사 제목이에요. 하나의 페이지에는 오직 하나의 대주제(H1)만 있어야 해요.
만약 한 페이지에 H1이 두 개, 세 개씩 있다면 로봇은 혼란에 빠져요. "도대체 이 글의 진짜 주제가 뭐야?" 하고 말이죠. 글씨 크기는 CSS(스타일)로 조절하시고, H1 태그는 페이지의 가장 핵심이 되는 제목에 딱 한 번만 양보해 주세요. 구조가 깔끔해야 로봇도 내용을 쏙쏙 이해한답니다.
보이지 않는 배려, 이미지 알트(Alt) 속성
마지막으로 정말 많이 놓치시는 게 바로 이미지 설명, 즉 'Alt(Alternative text) 속성'이에요. 로봇은 최첨단 AI지만, 아직 이미지만 보고 이게 '맛있는 초코 쿠키'인지 '갈색 돌멩이'인지 완벽하게 구별하지 못해요.
그래서 우리는 이미지 태그 안에 alt="초코 쿠키 사진"처럼 이름표를 달아줘야 해요. 이 Alt 속성은 시각 장애인분들이 스크린 리더를 사용할 때 이미지를 음성으로 설명해 주는 아주 중요한 역할도 해요. 검색 최적화뿐만 아니라 웹 접근성 측면에서도 꼭 챙겨야 할 따뜻한 배려랍니다.
📌 오늘 당장 점검해야 할 체크리스트
1. 모든 페이지의 <title>이 서로 다른 고유한 내용인가?
2. <head> 안에 meta description 요약글이 잘 들어가 있는가?
3. 본문 내에 <H1> 태그가 딱 1개만 존재하는가?
4. 이미지가 엑박이 떴을 때를 대비한 alt 설명이 적혀있는가?