Next.js 를 사용하기 전 읽어야할 것 [번역]

nyongho·2021년 12월 28일
0

오늘 배운 내용

목록 보기
39/40

What is SEO?

SEO는 검색 엔진 최적화를 의미합니다. SEO의 목표는 검색 엔진 결과에서 순위를 높이는 전략을 만드는 것입니다. 순위가 높을수록 사이트에 더 많은 유기적 트래픽이 발생하여 궁극적으로 더 많은 비즈니스로 이어질 겁니다!

What You'll Learn in this Course

이 코스에서 우리는 다음들을 다룹니다.

  • 검색 시스템 및 Googlebot과 같은 검색 엔진 로봇

  • SEO가 당신의 사이트에 줄 수 있는 영향

  • 훌륭한 SEO 사례들을 통합하는 방법

  • 크롤링, 인덱싱, 렌더링과 순위를 높이는 방법

  • 웹 성능에 대한 얘기


Why is SEO so important?

SEO는 당신의 브랜드 가치와 전환율을 높여주는 열쇠입니다. 높은 위치의 검색 랭킹은 곧 더 많은 유기적 방문자들을 갖는 것과 같습니다. 검색 엔진의 결과를 클릭하여 당신의 사이트를 방문하는 방문자들이 왜 중요한 지는 다음의 세 가지 이유로 설명할 수 있습니다.

  1. 양질의 컨텐츠 - 방문자가 고객으로 전환될 확률이 높아집니다.

  2. 신용 가능함 - 브랜드에 대한 더 높은 신뢰도를 갖게 합니다.

  3. 적은 비용 - 시간과 노력을 들이는 것외에 비용적인 측면에서 검색 엔진 순위를 높이는 양질의 SEO 연습은 결국 무료입니다. 검색 결과의 상위에 표시되는데 직접적으로 드는 비용이 없습니다.

검색 엔진 최적화(SEO)는 검색 결과 상단의 콘텐츠가 100% 유료이며 스폰서 레이블이 있는 유기적인 결과와 구별되는 검색 엔진 마케팅(SEM)과는 다릅니다.

Three Pillars of Optimization

웹사이트를 최적화하는 과정은 세 가지 주요 개념을 기반으로 결정됩니다.

  1. 기술적인 접근 - 크롤링 및 웹 성능을 위해 당신의 웹사이트를 최적화 하세요.

  2. 창조 - 특정 키워드를 타겟으로 하는 콘텐츠 전략을 만드세요.

  3. 인기 순 - 검색 엔진이 당신이 신뢰할 수 있는 출처임을 알 수 있도록 온라인에서 사이트의 인지도를 높이세요. 이는 당신의 사이트로 다시 연결되는 제3자 사이트인 백링크를 사용하여 동작됩니다.

SEO 분야는 광범위하고 많은 측면을 가지고 있지만, Next.js 개발자로서 첫 번째 단계는 웹 앱을 SEO 준비 상태로 만드는 방법을 이해하는 겁니다.


Search Systems

검색 시스템은 흔히 검색 엔진이라고도 불립니다. 검색 시스템은 기술 역사상 가장 큰 문제를 해결하는 엄청나게 복잡한 시스템입니다.

검색 시스템에는 네 가지 주요 개념이 있습니다.

  1. 크롤링 - 웹을 통해 이동하고 모든 웹 사이트의 콘텐츠를 구문 분석하는 프로세스입니다.

  2. 인덱싱 - 액세스할 수 있도록 크롤링 단계에서 수집된 모든 데이터를 저장할 장소를 찾습니다.

  3. 렌더링 - 이 프로세스는 크롤링되는 모든 페이지에 대해 발생하지 않으며 때로는 콘텐츠가 실제로 인덱싱되기 전에 발생합니다. 해당 시점에 작업을 수행하는 데 사용 가능한 리소스가 없는 경우 인덱싱 후에 렌더링이 발생할 수 있습니다.

  4. 랭킹 - 사용자 입력을 기반으로 관련 결과 페이지를 만들기 위해 데이터를 요청합니다. 여기서 다양한 순위 기준이 검색 엔진에 적용되어 사용자의 의도에 맞추기 위한 최상의 답변을 제공합니다.

다음 섹션에서는 GoogleBot의 작동 방식에 대해 자세히 알아보겠습니다. GoogleBot은 검색 결과를 제공하기 위해 방대한 컨텐츠 데이터베이스를 만드는데 필요한 모든 정보를 수집하는 검색 시스템의 일부인 Google의 인터넷 크롤러입니다.


What are Web Crawlers?

당신의 웹사이트가 검색 결과에 나타나도록 하기 위해 Google(및 Bing, Yandex, Baidu, Naver, Yahoo 또는 DuckDuckGo와 같은 기타 검색 엔진)은 웹 크롤러를 사용하여 웹사이트를 탐색하여 웹사이트 및 웹 페이지를 검색합니다.

각기 다른 검색 엔진들은 각 나라마다 다른 시장 점유율을 가지고 있습니다.

이 가이드에서는 대부분의 국가에서 가장 영향력이 큰 구글 검색 엔진에 대해 다룹니다. 즉, 특히 주요 고객이 중국, 러시아, 일본 또는 한국에 있는 경우 다른 검색 엔진 및 해당 지침을 확인하고 싶을 수 있습니다.

해외 시장 환경과 달리 네이버의 국내 시장 상황은 2020년 1분기 기준 국내 검색시장의 70%를 점유하고 있습니다. 그리고 구글이 22%를 점유하고 있으나 이 간격은 매년 줄어들고 있습니다.

순위 및 렌더링과 관련하여 몇 가지 차이점이 있지만 대부분의 검색 엔진은 크롤링 및 인덱싱과 관련하여 매우 유사한 방식으로 작동합니다.

Google에는 여러 웹 크롤러가 있지만 더 자주 사용되는 것은 Googlebot Desktop과 Googlebot 스마트폰입니다.

How Does Googlebot Work?

Googlebot이 웹페이지 색인을 생성하는 과정

Googlebot이 일하는 방식은 보통 다음과 같습니다.

  1. URL 탐색: Google은 Google Search Console, 웹사이트 간 링크 또는 XML 사이트맵을 비롯한 여러 위치에서 URL을 제공합니다.

  2. 크롤링 대기열에 추가: 이러한 URL은 Googlebot이 처리할 수 있도록 크롤링 대기열에 추가됩니다. 크롤링 대기열의 URL은 일반적으로 몇 초 동안 지속되지만 경우에 따라, 특히 페이지를 렌더링하거나 색인을 생성하거나 URL이 이미 색인이 생성된 경우 새로 고쳐야 하는 경우 최대 며칠이 소요될 수 있습니다. 이 과정이 끝나면 페이지가 렌더링 대기열에 들어갑니다.

  3. HTTP Request: 크롤러는 헤더를 가져오기 위해 HTTP 요청을 하고 반환된 상태 코드에 따라 작동합니다.

  1. 렌더링 대기열: 검색 시스템의 다양한 서비스와 구성 요소는 HTML을 처리하고 컨텐츠를 구문 분석합니다. 페이지에 일부 JavaScript의 CSR 컨텐츠가 있는 경우 (JSX) URL이 렌더링 대기열에 추가될 수 있습니다. Render Queue는 JavaScript를 렌더링하는 데 더 많은 리소스를 사용해야 하기 때문에 Google에 더 많은 비용이 듭니다. 따라서 URL은 인터넷의 전체 페이지에 비해 적은 비율로 렌더링 됩니다. 일부 다른 검색 엔진은 Google과 동일한 렌더링 기능을 가지고 있지 않을 수 있으며, 여기서 Next.js가 렌더링 전략에 도움을 줄 수 있습니다.

  2. 색인(index) 준비 완료: 모든 조건이 충족되면 페이지를 색인화하여 검색 결과에 표시할 수 있습니다.

profile
두 줄 소개

0개의 댓글