01DEFINITION
한 줄로 말하면
기계는 본문만 떼어 인용하려고 하는데, 어디까지가 본문인지는 마크업이 말해 줘야 압니다. main 요소나 role="main" 이 없으면 발췌기가 메뉴와 푸터를 본문과 함께 집습니다. 그래서 회사 소개 대신 「회사소개 제품 문의 로그인」 같은 메뉴 나열이 인용문으로 나가는 일이 생깁니다. 화면은 아무 변화가 없으므로 눈으로는 알 수 없습니다.
02RISK
없으면 무슨 일이 생기나
인용문에 메뉴가 섞입니다. 답변 엔진과 검색 결과의 설명은 페이지 전체가 아니라 그 안의 한 조각을 씁니다. 경계 표시가 없으면 어디부터 읽을지를 추측해야 하고, 대개 문서 앞쪽부터 집습니다. 그 앞쪽이 대체로 로고와 내비게이션입니다. 그래서 회사 소개 대신 「회사소개 제품 문의 로그인」 같은 나열이 인용문으로 나갑니다.
푸터가 본문 취급을 받습니다. 사업자등록번호, 주소, 저작권 표기가 모든 페이지에 똑같이 들어 있는데 그것이 본문으로 읽히면, 기계는 이 사이트의 모든 페이지가 서로 비슷하다고 판단합니다. 페이지마다 다른 내용을 쓰고도 중복으로 취급받는 상태가 됩니다.
화면에는 아무 표시가 안 납니다. 이 문제는 브라우저에서 보이지 않고, 디자인이 잘 잡힌 사이트에서도 그대로 있습니다. 오래된 템플릿에서 시작한 사이트가 특히 그렇습니다 — 그 시절에는 이 요소가 없었고, 그 뒤로 아무도 감쌀 이유를 못 찾았기 때문입니다.
03CHECK IT YOURSELF
직접 확인하는 방법
아래는 저희를 거치지 않고 지금 해 보실 수 있는 방법입니다. 결과를 저희에게 보내실 필요도 없습니다.
-
01
요소가 있는지 본다
서버가 보낸 HTML 을 그대로 받아 세 자리를 찾습니다. main 요소, role 속성, article 요소 순입니다.
$ curl -s https://example.com/ | grep -coE '<main|role="main"|<article'
나머지 확인 방법 2단계는 셀프수리 가이드에 있습니다.
04HOW TO FIX
고치는 방법
서버 환경에 따라 적을 자리가 다릅니다. 아래는 가장 흔한 구성 기준이고, 적용 전에 현재 설정을 백업하십시오.
이미 있는 컨테이너의 태그 이름만 바꾸면 되는 경우가 대부분입니다. 클래스와 스타일을 그대로 두면 화면은 한 픽셀도 안 움직입니다.
가이드 안내 보기 · 먼저 무료로 진단받기
이미 열람권을 구매하셨다면 안내 메일의 가이드 링크로 바로 열립니다 — 링크를 잃으셨다면 문의 주시면 다시 보내 드립니다.
05FAQ
자주 묻는 질문
화면이 안 바뀌는데 정말 효과가 있나요
- 사람에게는 아무 차이가 없고 기계에게만 차이가 있습니다. 그래서 효과를 눈으로 확인하실 수는 없습니다. 저희가 말씀드릴 수 있는 것은 발췌기가 본문 범위를 아는 상태가 된다는 것까지이고, 그것이 인용 빈도를 얼마나 바꾸는지는 밖에서 측정할 수 없습니다.
section 이나 div 로는 안 되나요
- section 과 div 는 이 문서의 본문이 어디인지를 말하지 않습니다. 화면 구조를 나누는 요소일 뿐이라 한 문서에 여러 개 있는 것이 정상이고, 그래서 기계가 그중 하나를 고를 근거가 없습니다. 이름이 뜻을 갖는 것은 main 과 role 속성 쪽입니다.
이미 있는데 실패로 나옵니다
- head 안이나 body 밖에 있으면 저희가 세지 않습니다. 그리고 article 이 여럿이면 통과로 보지 않으니 그 경우도 확인해 보십시오. 스크립트로 나중에 붙이는 경우도 잡히지 않습니다 — 저희는 서버가 보낸 HTML 을 보고, 크롤러도 대개 그렇게 봅니다.
접근성 때문에 넣으라는 것과 같은 이야기인가요
- 같은 요소를 다른 이유로 권하는 것입니다. 화면 낭독기 사용자가 메뉴를 건너뛰고 본문으로 갈 수 있게 하는 것이 접근성 쪽 이유이고, 발췌기가 본문 범위를 아는 것이 저희 쪽 이유입니다. 수리는 한 번이고 둘 다 좋아집니다.
GET STARTED
내 사이트는
이 항목을 통과할까요
주소만 넣으시면 이 항목을 포함해 54가지를 판정해 점수와 실패 개수를 보여 드립니다. 로그인도, 소유 확인도 필요 없습니다 — 전부 밖에서 관찰만 하는 항목이기 때문입니다.