웹 검색 엔진은 사용자가 입력한 특정 키워드나 관련된 웹페이지 등의 콘텐츠를 인터넷에서 찾아주는 소프트웨어 시스템이다.
즉, 수많은 웹페이지 중에서 사용자가 입력한 검색어에 맞는 웹페이지를 찾아서 보여주는 서비스이다.
#1. 웹 검색 엔진의 주요 기능
◼︎ 웹 크롤링
웹 크롤링은 검색 엔진이 인터넷에 있는 모든 웹페이지를 자동으로 수집하는 과정이다.
robots.txt : 민감한 정보가 있는 페이지를 크롤링에서 제외하고 싶을 때 사용. sitemap.xml : 웹사이트의 구조 등을 검색 엔진에 알리는 파일
◼︎ 인덱싱
인덱싱은 수집한 웹페이지들을 분류하고 정리하는 과정에 해당한다.
◼︎ 검색 엔진
검색 엔진은 검색 결과를 반환한다.
"무언가나 대신 세계 모든 웹 서버의 웹 페이지들을 미리 다 찾아놓고,
분류 및 정리한 뒤에 내 검색어에 따라 그에 적합한 웹 페이지들만 골라 전달해주면 어떨까?"
무언가: 구글, 네이버와 같은 서비스
다 찾아놓고: 웹 크롤링 과정
분류 및 정리한 뒤: 인덱싱 과정
검색어에 따라 적합한 웹페이지들만 골라 전달: 검색 엔진
#2. SEO(Search Engine Optimization)
SEO는 검색 시 상위 노출을 하기 위한 전략을 말하며 다음과 같은 전략을 고려해야 한다.
◼︎ 좋은 내용
웹사이트에 포함된 콘텐츠 및 정보의 품질이 중요하다.
정확한 정보 및 독창적인 콘텐츠는 사용자의 신뢰를 얻어 검색 엔진에서도 긍정적으로 평가될 수 있다.
◼︎ Semantic HTML
<header>, <article> 등의 웹 페이지의 구조를 의미적으로 잘 표현하는 Semantic HTML 태그를 사용하여 콘텐츠의 의미를 명확하게 작성하는 것이 중요하다.
◼︎ 키워드, 메타 태그
키워드는 사용자가 검색할 때 입력할 가능성이 높은 단어로 웹페이지의 제목이나 본문, 메타 태그에 관련 키워드를 적절히 포함시키는 것이 좋다. 메타 태그는 검색 엔진에 페이지의 내용을 설명해주는 역할을 하여, 어떤 내용의 주제를 다루고 있는지 정보를 제공하는데 도움을 준다.
◼︎ 성능
페이지가 빨리 로드될 수록 사용자 경험이 개선되기 때문에 페이지 로딩 속도는 SEO에 중요한 영향을 끼친다.
Core Web Vitals와 같은 성능 지표를 활용해 웹사이트의 성능을 최적화해야 한다.
◼︎ 웹 접근성
웹사이트가 모든 사용자에게 접근 가능하도록 설계되어야 한다.
#3. 웹 페이지의 성능 측정 지표 : Core Web Vital
웹 페이지의 성능은 사용자의 만족도를 결정짓는 중요한 요소이며, Core Web Vitals는 이러한 성능을 평가하는 주요 지표들이다.
이는 웹페이지가 얼마나 빠르고 효율적으로 로드되는지, 사용자와의 상호작용이 얼마나 원활한지를 측정하며, 주요 성능 측정 지표들은 아래와 같다.
◼︎ Load Time
로드 시간으로 전체 웹페이지가 완전히 로드되는데 걸리는 시간
◼︎ FCP(First Contentful Paint)
웹 페이지 내 가장 첫 의미있는 정보가 보여지는 순간까지의 시간
◼︎ LCP(Largest Contentful Paint)
웹 페이지 내 가장 큰 의미있는 정보가 보여지는 순간까지의 시간
◼︎ TBT(Total Blocking Time)
동기 실행 시 멈춘 시간들
◼︎ TTI(Time to Interactive)
JS 자바스크립트가 모두 동작가능한 상태로 준비 완료되기까지의 시간
◼︎ FID(First Input Delay)
이벤트 버튼 등을 누르고 그 이벤트 반영이 시작하기까지의 지연시간
#4. 크롬 개발자 도구를 활용한 Lighthouse 점수 보기
Lighthouse는 웹 페이지의 성능, 접근성, SEO 등 여러 측면을 분석하고 점수를 제공하는 도구로 크롬 개발자 도구를 이용하여 원하는 웹페이지의 성능, SEO 등을 분석한 점수를 확인할 수 있다.
웹 검색 엔진(구글, SEO)
웹 검색 엔진은 사용자가 입력한 특정 키워드나 관련된 웹페이지 등의 콘텐츠를 인터넷에서 찾아주는 소프트웨어 시스템이다.
즉, 수많은 웹페이지 중에서 사용자가 입력한 검색어에 맞는 웹페이지를 찾아서 보여주는 서비스이다.
#1. 웹 검색 엔진의 주요 기능
◼︎ 웹 크롤링
웹 크롤링은 검색 엔진이 인터넷에 있는 모든 웹페이지를 자동으로 수집하는 과정이다.
◼︎ 인덱싱
인덱싱은 수집한 웹페이지들을 분류하고 정리하는 과정에 해당한다.
◼︎ 검색 엔진
검색 엔진은 검색 결과를 반환한다.
"무언가 나 대신 세계 모든 웹 서버의 웹 페이지들을 미리 다 찾아놓고,
분류 및 정리한 뒤에 내 검색어에 따라 그에 적합한 웹 페이지들만 골라 전달해주면 어떨까?"
무언가: 구글, 네이버와 같은 서비스
다 찾아놓고: 웹 크롤링 과정
분류 및 정리한 뒤: 인덱싱 과정
검색어에 따라 적합한 웹페이지들만 골라 전달: 검색 엔진
#2. SEO(Search Engine Optimization)
SEO는 검색 시 상위 노출을 하기 위한 전략을 말하며 다음과 같은 전략을 고려해야 한다.
◼︎ 좋은 내용
웹사이트에 포함된 콘텐츠 및 정보의 품질이 중요하다.
정확한 정보 및 독창적인 콘텐츠는 사용자의 신뢰를 얻어 검색 엔진에서도 긍정적으로 평가될 수 있다.
◼︎ Semantic HTML
<header>, <article> 등의 웹 페이지의 구조를 의미적으로 잘 표현하는 Semantic HTML 태그를 사용하여 콘텐츠의 의미를 명확하게 작성하는 것이 중요하다.
◼︎ 키워드, 메타 태그
키워드는 사용자가 검색할 때 입력할 가능성이 높은 단어로 웹페이지의 제목이나 본문, 메타 태그에 관련 키워드를 적절히 포함시키는 것이 좋다. 메타 태그는 검색 엔진에 페이지의 내용을 설명해주는 역할을 하여, 어떤 내용의 주제를 다루고 있는지 정보를 제공하는데 도움을 준다.
◼︎ 성능
페이지가 빨리 로드될 수록 사용자 경험이 개선되기 때문에 페이지 로딩 속도는 SEO에 중요한 영향을 끼친다.
Core Web Vitals와 같은 성능 지표를 활용해 웹사이트의 성능을 최적화해야 한다.
◼︎ 웹 접근성
웹사이트가 모든 사용자에게 접근 가능하도록 설계되어야 한다.
#3. 웹 페이지의 성능 측정 지표 : Core Web Vital
웹 페이지의 성능은 사용자의 만족도를 결정짓는 중요한 요소이며, Core Web Vitals는 이러한 성능을 평가하는 주요 지표들이다.
이는 웹페이지가 얼마나 빠르고 효율적으로 로드되는지, 사용자와의 상호작용이 얼마나 원활한지를 측정하며, 주요 성능 측정 지표들은 아래와 같다.
◼︎ Load Time
로드 시간으로 전체 웹페이지가 완전히 로드되는데 걸리는 시간
◼︎ FCP(First Contentful Paint)
웹 페이지 내 가장 첫 의미있는 정보가 보여지는 순간까지의 시간
◼︎ LCP(Largest Contentful Paint)
웹 페이지 내 가장 큰 의미있는 정보가 보여지는 순간까지의 시간
◼︎ TBT(Total Blocking Time)
동기 실행 시 멈춘 시간들
◼︎ TTI(Time to Interactive)
JS 자바스크립트가 모두 동작가능한 상태로 준비 완료되기까지의 시간
◼︎ FID(First Input Delay)
이벤트 버튼 등을 누르고 그 이벤트 반영이 시작하기까지의 지연시간
#4. 크롬 개발자 도구를 활용한 Lighthouse 점수 보기
Lighthouse는 웹 페이지의 성능, 접근성, SEO 등 여러 측면을 분석하고 점수를 제공하는 도구로 크롬 개발자 도구를 이용하여 원하는 웹페이지의 성능, SEO 등을 분석한 점수를 확인할 수 있다.
'ASAC > 웹 기초 프로그래밍' 카테고리의 다른 글