Reference Library

좋은 웹사이트를 만들 때 참고할 기준과 사례를 모읍니다.

SiteCoach의 레퍼런스 라이브러리는 단순 링크 모음이 아닙니다. 작은 웹사이트 운영자가 콘텐츠, SEO, 신뢰 페이지, UI/UX를 고칠 때 어떤 자료를 왜 보면 좋은지 SiteCoach 관점으로 정리합니다.

운영 원칙

복사하지 않고, 배웁니다

이 페이지는 외부 사이트의 이미지나 본문을 복사하지 않고 공식 페이지로 연결합니다. 레퍼런스의 목적은 디자인을 그대로 가져오는 것이 아니라, 문제를 설명하는 방식, 사용 흐름, 신뢰 신호, 콘텐츠 구조를 배우는 것입니다. 협찬이나 제휴 링크가 생기면 별도로 표시하고 필요한 속성을 적용합니다.

콘텐츠와 검색 기준

Google 사용자 중심 콘텐츠 가이드 검색엔진보다 실제 방문자에게 도움이 되는 콘텐츠인지 점검할 때 가장 먼저 참고합니다. Google SEO 기본 가이드 제목, 설명, 내부 링크, 탐색 구조처럼 작은 사이트가 놓치기 쉬운 기본기를 확인합니다. Search Search Console 도움말 색인, 노출, 클릭, 검색 유입 상태를 해석할 때 기준 문서로 활용합니다. AdSense 사이트 준비 기준 광고 승인 준비가 필요한 운영자가 정책과 기본 조건을 확인할 때 참고합니다.

UI/UX와 접근성

UX Nielsen Norman Group 사용성, 탐색, 읽기 흐름, 폼 설계처럼 실제 사용자 행동을 이해할 때 참고합니다. WCAG 접근성 기준 Quick Reference 색상 대비, 키보드 이동, 대체 텍스트 등 기본 접근성 점검에 활용합니다. Contrast WebAIM Contrast Checker 버튼과 본문 색상 대비가 충분한지 빠르게 확인할 수 있습니다. Design Material Design 버튼, 카드, 입력창, 상태 표시처럼 익숙한 인터페이스 패턴을 볼 수 있습니다.

브랜드와 제품 표현

AI Product Taste Labs AI 제품이 기능 설명을 넘어 어떤 관점과 취향을 말하는지 참고하기 좋은 사례입니다. Product Apple Human Interface Guidelines 제품 경험, 플랫폼 관습, 인터랙션 원칙을 정리할 때 좋은 기준이 됩니다. UI Patterns Mobbin 모바일 앱과 웹의 실제 화면 흐름을 관찰하며 폼, 온보딩, 결제 UX를 참고합니다. Web Design Awwwards 브랜드 표현과 인터랙션 사례를 보되, 작은 사이트에는 과한 장식을 덜어내는 관점으로 봅니다.

SiteCoach에서는 이렇게 활용합니다

콘텐츠 보강

볼 것 공식 문서, 원문 자료, 사용자가 확인해야 하는 기준입니다.

실행 글 안에서 주장만 하지 않고 필요한 위치에 원문 링크와 해석을 함께 둡니다.

UI/UX 보강

볼 것 버튼 위치, 입력 흐름, 모바일에서 읽히는 문장 길이, 실패 상태입니다.

실행 예쁜 화면보다 사용자가 다음 행동을 놓치지 않는 구조를 먼저 확인합니다.

신뢰 보강

볼 것 운영 주체, 문의 경로, 정책 페이지, 업데이트 기준, 외부 근거입니다.

실행 신뢰 페이지와 본문 사이에 자연스러운 내부 링크를 추가합니다.

내 사이트도 레퍼런스 기준으로 점검해보세요.

URL을 입력하면 SiteCoach가 콘텐츠, SEO, 신뢰 페이지, UI/UX를 함께 보고 오늘 고칠 Next Step을 정리합니다.

URL 점검하기