- 대상 플랫폼: 구글 블로거 (Blogger / Blogspot)
- 진단 대상: 네이버 서치어드바이저(Naver Search Advisor) 및 빙 웹마스터 도구(Bing Webmaster Tools)
- 주요 해결 과제 1: 본문 서식 설정 오류로 인한
<h1>태그 중복(2개 이상) 제거 - 주요 해결 과제 2: 이미지 검색 누락 및 웹 접근성 위반을 방지하는
alt대체 텍스트 작성
구글 블로거(Blogger)를 통해 웹사이트를 운영하다 보면, 구글 서치 콘솔에서는 정상 통과되지만 네이버 서치어드바이저나 빙 웹마스터 도구의 SEO 사이트 진단 보고서에서 경고나 오류가 발생하는 경우가 자주 있습니다.
이번 포스팅에서는 가장 대표적인 2가지 오류인 1) <H1> 요소가 2개 이상 발견되는 문제와 2) 이미지 Alt 속성 누락 오류의 근본 원인을 분석하고 올바른 에디터 사용법을 정리해 드리겠습니다.
1. 'H1 요소가 2개 이상 발견' 오류 원인 및 해결 방법
<h1> 태그는 문서 전체의 대표 주제를 나타내는 가장 중요한 시맨틱 요소입니다. 구글은 HTML5 표준에 따라 페이지 내에 <h1>이 여러 개 있어도 문맥을 해석하지만, 네이버와 빙 검색엔진은 페이지당 단 1개의 <h1>만 허용하는 엄격한 단일 H1 규칙을 적용합니다.
블로거 에디터 상단의 포스트 '제목' 칸에 입력한 텍스트가 이미 해당 페이지의 <h1> 역할을 담당합니다. 따라서 본문 내부에서 '주제목' 서식을 선택하면 본문에도 <h1> 태그가 중복 삽입되어 오류가 발생합니다.
| 블로거 서식 명칭 | 실제 HTML 태그 | 네이버/빙 SEO 권장 사용 여부 | 올바른 용도 |
|---|---|---|---|
| 주제목 (Major Heading) | <h1> |
본문 사용 절대 금지 | 글 제목 전용 (시스템 자동 생성) |
| 제목 (Heading) | <h2> |
본문 대단락 권장 | 본문의 주요 1차 소주제 |
| 부제목 (Subheading) | <h3> |
본문 중단락 권장 | 대단락 하위의 2차 세부 주제 |
| 소제목 (Minor Heading) | <h4> |
선택적 사용 | 세부 항목 및 부가 설명 |
2. 'Alt 속성 누락' 오류 원인 및 해결 방법
Alt(대체 텍스트) 속성은 이미지가 로딩되지 않는 저속 네트워크 환경이나 시각 장애인을 위한 스크린 리더에서 이미지를 대신해 읽어주는 필수 웹 표준 텍스트입니다. 구글, 네이버, 빙 모두 이미지 검색 노출과 웹 접근성 준수 지표로 Alt 속성을 엄격히 검사합니다.
Step 1. 본문 삽입 이미지 클릭 후 [설정(톱니바퀴)] 선택
에디터 본문에 이미지를 업로드한 뒤, 마우스로 이미지를 클릭하면 나타나는 하단 퀵 메뉴에서 톱니바퀴 아이콘(설정)을 누릅니다.
Step 2. '대체 텍스트(Alt Text)' 입력 및 업데이트
열리는 [이미지 속성 변경] 팝업 창에서 대체 텍스트(Alt text) 입력란에 이미지의 내용을 구체적으로 설명하는 문구를 작성한 후 [업데이트]를 누르면 Alt 누락 오류가 완벽히 해결됩니다.
- H1 단일화: 본문 첫머리에는 '주제목' 대신 반드시 '제목(H2)'부터 사용하여 H1 중복을 방지합니다.
- Alt 필수 입력: 업로드하는 모든 이미지에 최소 1개 이상의 구체적인 대체 텍스트를 지정하여 검색엔진 색인 누락을 차단합니다.