SEO

SEO는 웹사이트의 가시성을 높여 검색 엔진에서 사용자의 관련 검색 쿼리에 대해 상위에 노출되게 하는 전략이다.

왜 SEO가 중요한가?

웹 사이트의 검색 결과 상위 노출은 사용자 방문 수 증가로 이어지는 경우가 많다. 특히 검색 노출에는 자연검색(Oraganic Search), PPC(pay-Per-Click)두가지의 경우로 나뉘는데 사람들은 자연 검색 결과를 더 신뢰한다. SEO는 이러한 자연 검색을 최적화해 광고에 의존하지 않고도 웹사이트에 고품질 트래픽을 유도할 수 있게 한다.

검색이 노출되는 과정

크롤링(Crawling)

검색 엔진의 크롤러는 웹을 돌아다니며 새로운 페이지를 발견하고, 정보를 수집하는 과정입니다. 크롤링의 시작점은 이미 알려진 URL, 사이트맵 제출, 외부 링크 등을 통해 결정된다. 웹사이트는 robots.txt 파일을 통해 크롤러의 접근을 제어할 수 있다.

인덱싱(Indexing)

수집된 정보는 검색 엔진의 데이터베이스에 저장되어 분석된다. 이 과정에서 검색 엔진은 페이지의 내용을 이해하고, 검색 쿼리에 어떻게 대응할지 결정합니다.

검색 엔진은 페이지의 텍스트, 제목, 메타 태그 등을 분석하여 주요 키워드와 주제를 식별한다.

검색 쿼리 처리(Ranking & Retrieval)

사용자의 검색 쿼리에 대응하는 페이지를 인덱스에서 찾아내고, 관련성과 품질에 기반한 순위를 매겨 결과를 제공합니다.

SEO 최적화 전략

프론트엔드 개발자로서, 우리는 크롤링 및 인덱싱 과정에서 웹사이트가 검색 엔진에 의해 효과적으로 분석되고 처리될 수 있도록 지원하는 중요한 역할을 한다.

웹사이트 구조 최적화

• 시맨틱 태그 HTML : <header>, <footer>, <nav>, <article>, <section> 등의 시멘틱 태그를 사용하여 웹사이트의 구조를 명확하게 합니다. 이는 검색 엔진이 콘텐츠의 구조를 이해하는 데 도움을 줍니다.

• URL 구조 최적화 : 사용자와 검색 엔진 모두가 이해할 수 있는 명확하고 간결한 URL 구조를 사용한다.

페이지 속도 개선

• 리소스 최적화 : 이미지, 자바스크립트, CSS 파일을 최적화하여 로딩 시간을 단축한다. 이미지는 적절한 형식을 선택하고, 필요한 경우 지연 로딩을 적용한다.

• 코드 분할 : 큰 자바스크립트 번들을 더 작은 청크로 분할하여 필요한 시점에만 로드되도록 한다.

접근성 향상

• ARIA(Accessible Rich Internet Applications) 마크업 사용 : 스크린 리더 사용자를 위해 웹사이트의 접근성을 향상시키는 ARIA 랜드마크 역할, 속성을 사용한다.

• 키보드 내비게이션: 모든 사용자가 마우스 없이도 웹사이트를 탐색할 수 있도록 키보드 내비게이션을 지원한다.

적절한 HTML태그 활용

<title> 태그

태그는 웹페이지의 제목을 정의하며, 검색 결과에서 페이지의 제목으로 표시된다. 브라우저 탭에도 표시되어 사용자의 주의를 끌고, 페이지의 주제를 명확하게 전달해야 한다.

<meta name="description" content="..."> 태그 <description> 메타 태그는 페이지의 요약을 제공하며, 검색 결과에서 사용자에게 보여지는 설명 부분이다. 효과적인 설명은 클릭률을 높이는 데 기여할 수 있다.