디자인 품질

휴대폰, 태블릿, 데스크톱 너비에서 웹사이트의 레이아웃, 대비, 레이블 문제를 스캔하고 모든 스캔을 승인된 기준선과 비교하세요.

이 페이지는 영어에서 번역되었습니다. 내용이 다를 경우 영어 버전이 우선합니다. 영어로 읽기

Atlas는 개발 웹사이트를 실제 브라우저에서 375, 768, 1440 픽셀 너비로 열어 디자인 문제를 찾고 스캔마다 0~100점을 매깁니다. 또한 스크린샷을 승인한 기준선과 비교하므로 예상치 못한 시각적 변경이 눈에 띕니다.

스캔 실행

Search & health → Website health를 열고 Design quality 탭으로 이동합니다.
Scan website를 클릭합니다. Atlas는 최대 5개 페이지를 검사합니다. No Development website address가 표시되면 먼저 Open settings로 주소를 추가하세요.
Latest scan에서 결과를 확인합니다. Blockers, Warnings, Pages, Changed from baseline이 있습니다. Screen width와 Page를 선택하면 해당 페이지의 문제를 볼 수 있습니다.
Baseline과 This scan을 나란히 비교합니다. 각 문제에는 **Suggested fix (not applied automatically)**가 함께 표시됩니다.
스캔 결과가 올바르면 Accept as baseline을 클릭합니다. 이후 스캔은 이를 기준으로 비교됩니다.

Recent scans에는 과거 스캔이 점수, 문제 수, 기준선 여부와 함께 나열됩니다.