웹디자인 회사, 시안이 예쁜 곳과 검색에 보이는 사이트를 넘겨주는 곳을 가르는 질문

웹디자인 회사의 포트폴리오는 대개 완성된 화면 캡처라서, 그 화면이 검색엔진에 어떤 글자로 읽히는지는 보여 주지 않습니다.

프로젝트 문의하기 연락처와 동의만 있으면 문의할 수 있습니다.
먼저 보는 답

웹디자인 회사는 시안의 완성도와 함께 몇 가지를 물어 고릅니다. 시안이 코드로 옮겨진 뒤에도 제목과 본문이 이미지가 아닌 글자로 남는지, 모바일 화면에 PC와 같은 내용이 있는지, 글자 대비와 움직임이 읽는 사람을 방해하지 않는지입니다. 포트폴리오 사이트 하나를 직접 열어 글자를 끌어 선택해 보고 휴대전화로도 열어 보면 대부분 확인됩니다.

포트폴리오를 볼 때 직접 해 볼 것

  • 제목과 본문 글자를 마우스로 끌어 선택되는지(선택되지 않으면 이미지로 만든 글자일 수 있음)
  • 휴대전화로 열었을 때 PC 화면의 내용이 빠지지 않고 다 있는지
  • 쪽마다 브라우저 탭 제목이 다른지, 모든 쪽이 회사 이름 하나로 같은지
  • 첫 화면이 큰 영상이나 움직임으로만 채워져 있지 않은지

구글은 모바일 화면에 있는 내용을 기준으로 색인한다고 안내합니다. PC 화면에만 있는 문단은 검색에서 쓰이지 않을 수 있으므로, 모바일 배치에서 무엇을 뺄지는 디자인 단계에서 정해 둡니다.

읽는 사람을 위한 디자인 기준

웹디자인 회사에 물어볼 읽기 기준
항목확인 기준물어볼 말
글자 대비W3C WCAG의 대비(최소) 기준에 맞는지연한 회색 글자를 쓴 곳의 대비를 확인했는지
움직임방문자 기기의 '움직임 줄이기' 설정을 따르는지prefers-reduced-motion을 반영하는지
글자 크기·줄 간격휴대전화에서 확대하지 않고 읽히는지본문 기본 크기를 어떤 기준으로 정했는지
연락 방법첫 화면에서 다음 행동이 보이는지문의 버튼 위치를 모바일 기준으로 정했는지

디자인이 끝난 뒤 넘겨받을 것

  1. 디자인 원본 파일과 글꼴·이미지 사용 권리 범위를 문서로 받습니다.
  2. 코드를 직접 만들지 않는 회사라면 퍼블리싱·개발을 누가 맡는지, 쪽 제목과 설명 문구를 누가 넘기는지 정합니다.
  3. 도메인·호스팅·Search Console·서치어드바이저 계정이 운영자 명의인지 확인합니다.
  4. 공개 뒤 문구를 고칠 때 디자인 회사를 거쳐야 하는지, 운영자가 직접 고칠 수 있는지 정해 둡니다.

자주 묻는 질문

웹디자인 회사와 홈페이지 제작 회사는 다른가요?

시안까지만 맡는 곳, 퍼블리싱과 개발까지 맡는 곳, 검색 설정과 운영까지 맡는 곳이 섞여 같은 이름으로 불립니다. 견적서에 맡는 범위가 단계별로 적혀 있는지 보십시오.

디자인이 화려하면 검색에 불리한가요?

화려함 자체보다 글자가 이미지로 들어가거나 무거운 영상 때문에 첫 화면이 늦게 뜨는 것이 문제입니다. 같은 디자인이라도 글자를 코드로 두고 이미지를 가볍게 하면 차이가 줄어듭니다.

시안 단계에서 검색을 고려할 수 있나요?

쪽마다 맡을 검색어와 제목을 시안 전에 정해 두면 디자이너가 제목 자리와 본문 길이를 그에 맞춰 잡을 수 있습니다. 시안이 끝난 뒤 문구를 끼워 넣으면 자리가 모자라는 일이 잦습니다.

접근성 기준까지 지켜야 하나요?

장애인차별금지법에 정보통신 분야의 편의 제공 의무가 있고, 적용 대상과 범위는 사업자에 따라 다르므로 확인이 필요합니다. 대상이 아니더라도 글자 대비와 움직임 설정은 모든 방문자의 읽기에 영향을 줍니다.

홈페이지 제작·검색 상담

문의하기