테크니컬 SEO 체크리스트 2021

기술 관점의 SEO 체크리스트

기술 관점의 SEO 체크리스트
Stanley Chang On Apr 1st, 2021 at 06:27 pm | 디지털 인사이트

 테크니컬 SEO

ThisisEngineering RAEng on Unsplash

업데이트: 2021년 7월 12일


테크니컬 SEO: 기술 최적화 체크리스트


검색 성능이 우수한 웹사이트는 콘텐츠와 구조, 기술에 대한 이해와 사용자의 만족도가 높은 것을 알 수 있습니다. 사용자의 상호작용을 높이기 위해 콘텐츠 마케터와 개발자, 디자이너, 엔지니어가 스스로 SEO 진단을 수행할 수 있는 몇 가지 기술 관점의 조언을 공유합니다. 
 

구글, 빙 네이버 검색엔진은 사용자가 사이트의 문제점을 진단하고 개선할 수 있도록 서치 콘솔서치 어드바이저의 웹마스터 도구를 지원하고 크롤링과 색인, 업데이트에 많은 자원을 할당하고 있습니다. 하지만, 아쉽게도 여전히 많은 웹사이트가 색인에 지장을 주고 크롤링에 막대한 부하가 발생하는 장애를 가지고 있습니다. 테크니컬 SEO는 검색엔진이 페이지를 이해하고 더 효과적으로 크롤링하고 색인을 생성하는 데 도움이 되는 서버 단계의 최적화를 의미합니다. 기술 단계의 권장 지침을 따르면 사용자의 경험을 높이고 검색엔진의 평가와 기대치를 충족시켜 검색으로부터 다양한 부가 혜택을 받을 수 있습니다. 

 

어디까지나 테크니컬 SEO는 알고리즘 요소 보다는 콘텐츠 제작에 기여하는 디지털 기획자, 디자이너와 개발자가 사용자의 경험을 높이는 데 목적이 있습니다. SEO 전문가의 마케팅 퍼넬에 위치한 핵심 성과 지표(KPI)는 크게 세 가지로 요약할 수 있습니다.
 

  • SEO 트래픽
  • SEO 리드
  • SEO에 의한 신규 고객

 

SEO 진단 과정에서 가장 많이 검출되는 부분은 모바일 친화성 부족, 깨진 링크 (Broken Link), 이미지 사용의 문제점, 리다이렉션 설정의 부족, 느린 페이지 로딩 시간, robots.txt 오류라고 할 수 있습니다. 아래 몇 가지 테크니컬 SEO를 참조하시면 검색 성능을 높이는데 기여할 것으로 기대합니다. 


 

1. 이미지를 최적화하세요.

 
사용자의 상호 작용이 높은 웹사이트들은 호스팅과 CDN에만 의존하는 것이 아니라 이미지 최적화가 이뤄진 사이트라는 점입니다. 많은 웹사이트가 고해상도 이미지 파일을 그대로 사용하고 있고 심지어 버튼 이미지마저 대용량 이미지를 그대로 사용한다면 SEO 관점에서 좋은 성능을 기대할 수 없게 됩니다. 성능을 높이려면 우선 이미지 압축을 위해 전체 사이즈에서 이미지가 차지하는 비중을 고려하여 로딩에 지장을 초래하는 용량이 큰 이미지부터 최적화를 고려해야 합니다.  

Google 존 뮬러씨는 아래의 비디오를 통해 이미지 활용 가이드를 제공하고 있습니다. 이 비디오에는 검색 친화적인 이미지 활용, 이미지 URL 활용 사례, 라이선스를 위한 조언까지 기초 부터 고급 단계까지 웹마스터와 웹디자이너 UX 담당자에게 필요한 모든 조언을 포함하고 있습니다.
 



 

2. 자바스크립트를 줄여 보세요.


많은 웹사이트가 지나치게 많은 지바 스크립트 의존도를 보여주고 있습니다. 10개 이상 자바스크립트를 사용하게 되면 사용자의 접속 환경에 따라 브라우저의 렌더링 타임과 로딩이 지연되고 구현 의도와 다르게 보이기도 합니다. 또한 검색 크롤러가 웹사이트를 방문하고 문서를 수집하는 데에도 방해 요소로 작용할 수 있습니다. 많은 기업이 사용하는 CMS(워드프레스, 드루팔, 줌라 등)에서 초기 설치 버전에 포함된 자바스크립트 중 로딩에 영향을 주는 코드를 제거하고 최적화하지 않은 채 방치하는 경우를 볼 수 있습니다. 사용하지 않는 스크립트를 제거하지 않을 경우 페이지 로딩 시간 지연은 물론 보안 이슈 등의 다양한 문제가 발생할 수 있습니다. 

사용되지 않는 JavaScript 제거를 위해 다음과 같은 무료 도구를 활용하여 점검할 수 있습니다:

PageSpeed ​​Insights
Lighthouse (Chrome 개발자 도구)

 SEO 성능이 우수한 웹사이트는 10개 미만의 자바스크립트를 사용합니다. 자바스크립트 의존도를 낮춰볼 것을 권장합니다. 


구글 마틴 스플릿은 자바스크립트 SEO 분야에서 많은 인사이트를 제공하였습니다. 테크니컬 SEO 분야에서 마틴 스플릿의 개발자를 위한 세션은 자바스크립트 SEO의 교과서라고 할 수 있습니다. 그의 세션 가운데 구글 색인 관련 자바스크립트 SEO에 대해 알아 보십시오.     
 



3. 구글 CWV(코어 웹 바이탈), 네이버의 다운로드 시간을 줄여 보세요.


구글 서치 콘솔과 네이버 서치 어드바이저에서는 각각 사이트 성능 지표에 관한 충실한 데이터를 제공합니다. 코어 웹 바이탈에서는 페이지 경험을 중요하게 여기는 구글의 의도를 이해하고 페이지별로 지연이 발생하는 구간을 최적화하십시오. 네이버 서치 어드바이저가 제공하는 웹 페이지 다운로드 크기와 소요 시간은 국내 환경에서 반드시 고려해야 할 성능 지표라 할 수 있습니다. 평균 다운로드 시간이 1,400ms 이상 지연되면 사이트의 성능에 문제가 발생하는 것입니다. 


3-1. 구글 코어 웹 바이탈 성능 사례


구글 코어 웹 바이탈 퍼포먼스 사례
 

3-2. 네이버 서치어드바이저 웹사이트 다운로드 시간


네이버 서치어드바이저 다운로드 타임


4. 콘텐츠의 폰트는 가독성을 우선해야 합니다.


폰트는 사용자의 시스템 환경을 고려해야 합니다. OS와 브라우저, 디바이스에 따라 구현 의도와 다르게 기본 폰트로 출력되기 때문입니다. 일부 한글 폰트는 영어와 다르게 무겁고 느려질 수 있습니다. 
폰트의 선택이  중요하지만 가장 우선 고려해야 할 점은 사용자의 가독성입니다. 데스크톱뿐 아니라 모바일 화면에서도 읽기 쉽고 시각적인 배치를 고려해야 합니다. 검색엔진은 이러한 시각적인 고려를 높게 평가합니다.  
주의할 점은 화이트 배경에 흐린 글씨로 표현하거나 키워드 밀도를 목적으로 배경화면과 같은 색상으로 태그를 구성하는 것은 피해야 합니다. 검색엔진은 사용자에게 유용한 웹사이트를 가장 선호한다는 점을 기억해야 합니다.

  

5. 정보 보안을 위해 SSL을 사용합니다.


SSL (Secure Sockets Layer)은 웹 서버와 브라우저 사이에 암호화된 코드를 생성하는 보안기술입니다. 
웹 사이트 URL은 'http://'가 아닌 'https://'로 시작합니다. Google은 검색 결과에서 보안 HTTPS 웹 사이트가 안전하지 않은 웹 사이트보다 우선적으로 표시될 것이라고 발표하였습니다. 따라서 가능한 경우 사이트의 보안을 유지하는 것이 중요합 니다. 웹 사이트에 SSL 인증서를 설치하여 이 작업을 수행할 수 있습니다  많은 웹사이트가 기본적으로 SSL을 포함하고 있음을 볼 수 있습니다. 작년 11월 부터 구글은 HTTP/2 크롤링을 지원하면서 보다 유연하고 효율적인 문서 수집 환경을 제공하고 있습니다. 
 

6. 웹 페이지가 모바일 친화적인지 확인하세요.


반응형 웹 사이트는 모든 장치에서 쉽게 접속하고 읽을 수 있습니다. 구글은 반응 형 사이트를 갖는 것이 알고리즘에 의해 매우 중요한 순위 신호로 간주된다는 사실에 대해 분명합니다. 또한 콘텐츠 색인 생성에 대한 Google의 '모바일 우선'접근 방식 이 도입됨에 따라 반응형 웹 사이트가 그 어느 때보다 중요해졌습니다. 따라서 웹 사이트가 완전히 반응하고 모바일, 태블릿 또는 데스크톱 사용자에게 가능한 최상의 형식으로 표시되도록 제공해야 합니다.

참조: 반응형 웹디자인에 대한 구글의 권고 - 구글 웹마스터 공식블로그 : Mobile-First Indexing by default for new domains
"We recommend responsive web design for new websites. Because of issues and confusion we've seen from separate mobile URLs over the years, both from search engines and users, we recommend using a single URL for both desktop and mobile websites."


7. 페이지의 속도를 더 높여 보세요.


검색 엔진은 빠르게 로딩되는 웹사이트를 선호합니다. 페이지 속도는 중요한 순위 신호로 간주됩니다. 사이트 속도를 높일 수있는 몇 가지 방법이 있습니다.
 

  1. •    빠르고 안정된 호스팅을 사용하세요 .
  2. •    빠른 DNS 제공 회사로 교체하세요.
  3. •    'HTTP 요청' 최소화, 스크립트 및 플러그인 사용을 최소화해야 합니다.
  4. •    CSS스타일시트 또는 인라인CSS 보다는 하나의 CSS스타일시트를 권장합니다.
  5. •    웹 페이지 압축 ( GZIP 도구 사용 권장)
  6. •    HTML, CSS, 자바 스크립트 축소: 불필요한 공백, 라인 바꿈 또는 들여 쓰기를 제거합니다.

 


8. HTTP 상태 코드에 대해 알아 보세요.

 
HTTP 상태 코드, 네트워크 및 DNS 오류구글 빙 네이버 검색에 미치는 영향에 대한 기본 지식을 익혀 둡니다. 지난 6월 27일 구글 검색 센터에 새롭게 추가된 내용을 참조하세요. 구글 검색에서 상태 코드의 처리는 정보를 제공하는 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러, 그리고 서버 에러. HTTPP 상태코드는 RFC 7231에 정의되어 있습니다. HTTP 상태코드는 서치 콘솔의 크롤링 통계 보고서에 해당하는 오류 또는 경고를 생성합니다. 많은 방문자를 보유한 국내의 웹사이트 진단 과정에서 5xx 및 429 서버 오류 메시지로 인해 크롤링이 느려지고 색인에서 삭제되는 것을 발견하곤 합니다. 서치 콘솔 보고서를 기준으로 장애 요인을 파악하여 서버 에러 상태에 대한 개선이 필요하고 점진적인 개선이 병행되어야 합니다. 이번 구글 업데이트에서는 2xx (success) 성공 코드가 인덱싱은 할 수 있지만, 색인이 보장되지 않음을 발견하게 됩니다. 블로그를 읽고 있는 개발자라면 Mozilla 개발자 기술 문서에 소개된 HTTP 상태 코드 전체 문서도 좋은 참조가 될 것입니다.  
 . 



9. CDN과 함께 글로벌 방문자에게 더 빠르게 다가갑니다. 

 
CDN(콘텐츠 전송 네트워크)은 서버와 사용자 간 물리적인 거리를 줄여 웹 페이지에 포함된 이미지, 스크립트, 비디오 콘텐츠 로딩의 지연을 최소화하는 분산된 서버로 이루어진 플랫폼입니다. CDN을 이용하면 전 세계 사용자들이 로딩 시간을 늦추지 않고 동일한 고품질 콘텐츠를 경험할 수 있고 상호 작용을 높일 수 있습니다. CDN을 활용하지 않으면 콘텐츠가 운영되는 오리진 서버들은 모든 엔드 유저의 요청시마다 응답해야 합니다. 

이 경우 오리진에 막대한 트래픽을 유발하고 이후에도 부하를 유발하여 트래픽이 과도하게 증가하거나 부하가 끊임없이 들어오는 경우 오리진에 위치한 서버에서 장애가 발생할 확률을 높이게 됩니다. CDN을 활용하면 글로벌 방문자의 경험은 물론 코어 웹 바이탈 수치를 비롯한 검색 성능도 향상시킬 수 있습니다.  

CDN 제공 회사 가운데 클라우드플레어는 무료요금제를 포함하여 제공하는 몇 안 되는 CDN 기업 중 하나이며, 성장하는 웹 사이트를 위해 좋은 선택이 될 수 있습니다. Cloudflare는 CDN 서비스를 DDoS 공격으로부터 보호하기 위해 별도의 조직을 구성하고 있고 분기별 리포트를 제공합니다. WAF ( 웹 애플리케이션 방화벽 ), 이미지 최적화 , IP 범위 우선순위 지정 등과 같은 기능과 결합하여 CDN 만족도를 높입니다. 

많은 호스팅 제공 회사가 간단한 통합 옵션을 제공하면서 Cloudflare와 같은 CDN 플랫폼의 인기는 앞으로도 증가 할 것으로 예상합니다. 하지만, CDN 성능을 높이고 트래픽 손실을 낮추어 사용자의 웹사이트 경험을 개선하기 위해서는 플랫폼에만 의존할 수 없습니다. 지역 서버와 회선, 서버와 클라이언트의 응답 시간의 이해, 보안 지식을 겸비한 훈련된 CDN 전문가와 SEO 기술 컨설턴트의 자문이 필요합니다.    

Cloudflare, 그리고 인터애드와 함께 웹 사이트를 최적화한다면 사용자 경험을 향상하고 트래픽 손실을 방지하는 훌륭한 선택이 될 수 있습니다. 
 


2021년 INTRICATELY는 계정 점유 현황 TOP3 기업으로 클라우드플레어, 아마존 AWS, Akamai라고 발표하였습니다. 

글로벌 CDN 사용자 점유율


10. 중복 콘텐츠 문제를 해결합니다. 


중복 콘텐츠는 사용자에게 혼란을 줄 수 있습니다  또한 검색 순위를 조작하려는 목적으로 색인 수치를 의도적으로 늘리거나 더 많은 트래픽을 확보하는 데 사용될 수 있습니다.
결과적으로 검색엔진은 이러한 조작에 부정적이며 Google과 Bing은 웹마스터 도구를 통해 다양한 중복 콘텐츠 문제를 수정하도록 권장합니다.
다음과 같은 방법으로 중복 콘텐츠 문제를 해결할 수 있습니다.

  • •   CMS 설정을 통해 페이지 또는 게시물의 중복 게시를 방지합니다 
  • •   선호URL(rel canonical)을 사용 하여 콘텐츠의 '표준' 버전이 어디에 있는지 검색 엔진에 알려 줍니다.


 

11. XML 사이트 맵을 만들어 보세요.


XML 사이트 맵은 페이지를 크롤링하는 동안 귀하의 웹 사이트를 이해하기 위해 검색 엔진이 파악하는 중요한 파일입니다.
귀하의 페이지 로드맵으로 생각할 수 있습니다. 또한 사이트의 각 페이지에 대한 유용한 정보를 포함합니다.

  • •    페이지가 마지막으로 수정된 시기
  • •    귀하의 사이트에 대한 우선고려 순위
  • •    얼마나 자주 업데이트되는지.

     

12. AMP 는 성능을 발휘합니다.


AMP는 가속화 모바일 페이지의 약자로 AMP 전용 HTML을 사용하여 스마트폰 브라우저에서 콘텐츠를 빠르게 전송하는 것을 목표로 Google이 지원 프로젝트입니다. 웹 페이지의 AMP 버전은 스마트폰에서 매우 빠르게 로딩됩니다. 
콘텐츠와 코드를 제거하고 텍스트, 이미지 및 비디오는 그대로 두고 스크립트, 댓글 및 양식을 비활성화하여 이를 수행합니다. 빠른 로딩 시간 덕분에 AMP 버전은 사용자가 읽고 공유할 가능성이 더 높습니다. 체류 시간과 콘텐츠의 백 링크 수가 자연스럽게 증가되기도 합니다. 이 모든 것이 SEO 관점에서 볼 때 좋은 것입니다. 또한 Google은 검색 결과의 눈에 잘 띄는 위치에 AMP 페이지를 강조 표시하여 제공합니다. 


13. 웹 사이트에 구조화 된 데이터 마크 업을 추가하세요.


구조화된 데이터 마크 업은 검색 엔진이 웹 사이트의 콘텐츠를 더 잘 이해할 수 있도록 웹 사이트에 추가하는 코드입니다. 이 데이터는 검색 엔진이 사이트를 보다 효과적으로 색인화하고 더 관련성 높은 결과를 제공하는 데 도움이 될 수 있습니다. 또한 구조화 된 데이터는 '리치 스니펫'을 추가하여 검색 결과를 향상합니다.   
시각적으로 더 매력적이고 검색 자에게 즉시 유용한 정보를 강조하기 때문에 이러한 향상된 결과는 클릭률 (CTR)을 개선하고 사이트에 대한 추가 트래픽을 생성할 수 있습니다. CTR이 더 높은 검색 결과가 있는 사이트는 일반적으로 검색엔진에서 우선적으로 취급되는 것으로 간주되기 때문에 사이트에 구조화된 데이터를 추가하는 것을 권장합니다.
 

14. Google 서치콘솔 및 빙 웹마스터도구, 네이버 서치어드바이저에 사이트를 등록하세요.


구글 서치 콘솔과 네이버 서치 어드바이저는 색인 생성을 위해 웹 사이트를 검색 엔진에 제출할 수 있는 무료 웹마스터 도구입니다.
웹 사이트를 시작할 준비가 되면 XML 사이트 맵을 Google Search Console과 네이버 서치 어드바이저 도구 모두에 제출하여 사이트를 크롤링하고 검색 결과에 결과를 표시할 수 있도록 해야 합니다.
또한 이러한 도구를 사용하면 검색 엔진에서 사이트의 성능을 추적할  수 있습니다. 도구로 확인 가능한 영역은 다음과 같습니다.

  • •    사이트의 모바일 친화성 테스트
  • •    검색 유입 분석
  • •    라이브 URL 테스트
  • •    사이트에 대한 외부 링크보기 
  • •    스팸 링크 거부


 

테크니컬 SEO 문서를 더 깊이 읽어 보세요. 


기술 관점의 SEO에 대한 보다 상세한 내용은 아래 검색 엔진 가이드를 통해 찾을 수 있습니다.


Google 검색엔진 최적화 기본 가이드
Five excellent tips to optimize SEO for Bing – not Google
서치엔진랜드: Essential Guide to SEO: Master the science of SEO
네이버 웹마스터 가이드
네이버 서치어드바이저
 



업데이트: 7월 12일




Post
Tweet
Share
Print
Stanley Chang

SEO Consulting

장제욱 대표(Stanley JW Chang)는 20년 이상 검색엔진 전략과 SEO, 디지털 마케팅 업무를 이끌고 있습니다. 그는 기업의 성장을 돕고 분야에 영향력을 제공하고 싶어하는 전세계 인적 네트워크와 함께 검색의 미래를 만들어 가고 있습니다.