테크니컬 SEO 시작하기: 초보자 가이드

테이블 목차

1. 소개
2. 테크니컬 SEO란?
   • 웹 페이지의 해부
   • 테크니컬 SEO의 중요성
   • 사이트 구조와 내비게이션 요소
   • 크롤링, 로딩, 인덱싱 요소
   • 중복과 얇은 컨텐츠 요소
   • 페이지 로딩 속도
   • 기타 테크니컬 SEO 요소
3. 사이트 구조와 내비게이션
   • 사이트 계층 구조
   • 빵 부스러기
   • 페이징
   • 일관된 URL 구조
   • 유기적 조직화
4. 크롤링, 로딩 및 인덱싱
   • 크롤링과 로딩 속도
   • XML 사이트맵
   • 로봇.txt 파일
   • 내부 링크
   • 끊어진 링크
   • 구조화된 데이터
5. 중복 또는 얇은 컨텐츠
   • 고유한 주제
   • 키워드 카니발리제이션
   • 중복 컨텐츠 대응
   • 얇은 컨텐츠 대응
6. 페이지 로딩 속도
   • 웹 이미지 최적화
   • 페이지 사이즈 최적화
   • 외부 스크립트 최적화
   • 콘텐츠 전송 네트워크 (CDN) 사용
7. 기타 테크니컬 SEO 요소
   • href Lang 태그
   • 404 링크
   • 구조화된 데이터
   • XML 사이트맵 유효성 검사
   • 태그 및 카테고리 페이지의 no index
   • 페이지 사용자 경험 신호
8. 결론

🔍 테크니컬 SEO: 웹 페이지 최적화 방법

SEO(Search Engine Optimization)는 웹사이트의 가시성과 순위 향상을 위해 다양한 방법을 사용하는 프로세스입니다. 기술적인 SEO는 웹사이트의 기술적 요소를 최적화하여 검색 엔진 랭킹과 가시성을 향상시키는 프로세스입니다. 테크니컬 SEO를 통해 소스 코드, 서버 설정, 웹 페이지 구조 등을 최적화하여 검색 엔진이 콘텐츠를 쉽게 크롤링, 로딩 및 인덱싱할 수 있도록 합니다. 효과적인 테크니컬 SEO는 웹사이트의 전반적인 성능과 유저 경험을 향상시킵니다.

1. 소개

안녕하세요! 저는 Gabriel Boat이라고 합니다. 저는 해커스SEO에서 SEO 매니저로 일하고 있습니다. 이 비디오에서는 테크니컬 SEO에 대해 이야기하고 있습니다. 테크니컬 SEO란 무엇인지, 왜 중요한지, 웹 페이지의 구조와 내비게이션 요소, 크롤링, 로딩, 인덱싱, 중복과 얇은 컨텐츠, 페이지 로딩 속도 및 기타 테크니컬 SEO 요소에 대해 배우게 될 것입니다. 자, 그럼 시작해보겠습니다!

2. 테크니컬 SEO란?

테크니컬 SEO는 웹사이트의 기술적 요소를 최적화하여 검색 엔진의 랭킹과 가시성을 향상시키는 프로세스입니다. 이것은 웹사이트의 서버, 코드 및 구조와 같은 백엔드 요소를 개선하여 검색 엔진이 웹사이트의 콘텐츠를 쉽게 크롤링, 로딩 및 인덱싱할 수 있도록 하는 것을 의미합니다. 테크니컬 SEO는 사용자와 검색 엔진 모두에게 웹사이트를 더 사용하기 쉽고 이해하기 쉽게 만들기 때문에 매우 중요합니다.

2.1 웹 페이지의 해부

웹 페이지를 브라우저에서 온라인으로 탐색할 때 이를 이해하기 위해 무엇으로 이루어져 있는지 알아야 합니다. HTML(Hypertext Markup Language)은 브라우저와 검색 엔진이 콘텐츠를 이해할 수 있도록 하는 것입니다. CSS(Cascading Style Sheets)는 웹페이지의 시각적인 스타일링을 제어합니다. Javascript는 웹 페이지의 상호작용을 담당하는 프로그래밍 언어입니다.

2.2 테크니컬 SEO의 중요성

테크니컬 SEO가 왜 중요한지 알아보겠습니다. 테크니컬 SEO는 웹사이트의 크롤링 가능성을 향상시킵니다. 검색 엔진은 웹사이트의 새로운 페이지를 발견할 수 없다면 인덱싱할 수도 없습니다. 또한 테크니컬 SEO는 웹사이트의 성능을 향상시켜줍니다. 웹사이트의 성능이 좋지 않다면 검색 엔진에서도 잘 표시되지 않을 것입니다.

테크니컬 SEO는 웹사이트의 보안을 향상시킵니다. 오늘날 GDPR와 같은 데이터 보호법에 따라 고객의 데이터를 보호하는 것이 매우 중요합니다. 테크니컬 SEO는 모바일 친화성을 향상시킵니다. 우리가 대부분의 시간을 사용하는 것은 스마트폰을 통해 웹을 브라우징하는 것이기 때문에 웹사이트가 모바일에 최적화되어 있는 것이 매우 중요합니다.

테크니컬 SEO는 웹사이트의 가시성을 향상시킵니다. 검색 엔진이 웹사이트의 페이지를 발견하고 인덱싱할 수 있으면 해당 웹사이트는 더 많은 사람에게 보여지게 됩니다.

2.3 사이트 구조와 내비게이션 요소

사이트 구조와 내비게이션은 사용자 경험과 링크 권한을 조절하기 위한 요소입니다. 사이트 구조는 웹사이트의 페이지가 얼마나 논리적으로 구성되는지에 대한 것입니다. 내비게이션 요소는 사용자들이 웹사이트를 쉽게 탐색할 수 있도록 도와줍니다. 내비게이션 바나 사이트 내에 있는 특정 링크들은 페이지의 구조에 맞게 배치되어야 합니다. 이를 통해 사용자들은 웹사이트를 쉽게 발견할 수 있게 되며 링크 권한도 적절하게 분배될 수 있습니다.

2.4 크롤링, 로딩, 인덱싱 요소

크롤링, 로딩 및 인덱싱은 웹사이트가 검색 엔진 봇이 콘텐츠를 크롤링하고 인덱싱할 수 있는 방식이 얼마나 효과적인지를 결정합니다. 웹사이트의 페이지 로딩 속도는 크롤러에게 매우 중요합니다. 로딩 속도가 너무 느린 경우 크롤러는 시간 초과되거나 페이지를 완전히 로드하지 않을 수 있습니다. 따라서 페이지 로딩 속도는 크롤러의 성능에 직접적인 영향을 줍니다.

XML 사이트맵은 검색 엔진에게 웹사이트의 새로운, 업데이트된 또는 삭제된 페이지를 쉽게 발견하고 크롤링하도록 도와줍니다. 대부분의 CMS 플랫폼(예: 워드프레스, 스퀘어스페이스)은 XML 사이트맵을 자동으로 생성 및 업데이트합니다.

로봇.txt 파일은 검색 엔진이 웹사이트를 크롤링하는 방법에 대한 규칙을 포함하고 있습니다. 로봇.txt 파일은 사이트맵을 참조할 수 있도록 설정하여 검색 엔진이 쉽게 웹사이트를 크롤링하도록 도와줍니다.

내부 링크는 웹사이트의 페이지간에 연결되는 하이퍼링크입니다. 내부 링크를 이용하면 크롤러(검색 엔진 봇)는 새로운 페이지를 발견하고 페이지들 사이의 관계를 파악할 수 있습니다. 또한, 내부 링크를 통해 사용자들은 웹사이트의 다른 페이지를 쉽게 발견할 수 있습니다. 내부 링크는 페이지 권한을 분배하는 데 도움을 줍니다. 이를 통해 각 페이지의 랭킹을 향상시킬 수 있습니다.

끊어진 링크는 사용자 경험에 부정적인 영향을 미치는 페이지입니다. 끊어진 링크는 존재하지 않는 페이지를 가리키는 경우 발생하며, 404 오류로도 알려져 있습니다. 404 링크는 다른 관련 페이지로 리디렉션하여 사용자 경험을 향상시키고 링크 권한을 유지하는 것이 좋습니다.

구조화된 데이터는 콘텐츠 정보에 대한 정보입니다. 검색 엔진에게 콘텐츠의 세부 정보를 알려줌으로써 좀 더 향상된 검색 결과인 리치 스니펫(Rich Snippet)을 제공할 수 있습니다. 리치 스니펫은 검색 결과 페이지에서 별점, 리뷰 등 특정 정보를 직접적으로 표시하여 사용자에게 더욱 풍부한 경험을 제공합니다.

3. 사이트 구조와 내비게이션

사이트 구조와 내비게이션은 사용자 경험과 링크 권한을 조절하기 위한 중요한 요소입니다. 웹사이트의 페이지가 어떻게 논리적으로 구성되는지, 내비게이션 바 또는 사이트 내 특정 링크가 페이지의 구조에 맞게 배치되는지 확인해야 합니다. 이를 통해 사용자는 웹사이트를 좀 더 쉽게 탐색할 수 있고 링크 권한도 적절하게 분배됩니다.

3.1 사이트 계층 구조

사이트 구조는 웹사이트의 페이지가 어떻게 구조화되는지에 대한 것입니다. 얕은 구조가 가장 이상적이지만 너무 단순한 깊은 구조나 너무 다양한 플랫 구조는 효과적이지 않을 수 있습니다. 대부분의 웹사이트에서는 2~3단계의 계층 구조가 이상적입니다. 만약 사이트가 작고 단순하다면 평평한 구조도 수용할 수 있습니다. 하지만 기본적으로는 사이트 계층 구조를 구축하는 것이 좋습니다.

3.2 빵 부스러기

빵 부스러기는 블로그나 전자상거래 사이트에서 많이 볼 수 있는 내비게이션 구성 요소입니다. 사용자와 검색 엔진이 웹사이트 구조의 상위 페이지로 쉽게 이동할 수 있도록 도와줍니다. 예를 들어, 블로그 글을 읽고 있는 도중 상단에 있는 내비게이션에서 다른 카테고리로 이동하거나 홈페이지로 이동할 수 있습니다. 이를 통해 사용자들은 관련 페이지를 쉽게 발견할 수 있고 링크 권한이 전달됩니다.

3.3 페이징

페이징은 목록 형식의 페이지에서 다음 페이지로 이동할 수 있는 링크입니다. 예를 들어, 블로그의 글 목록 페이지나 전자상거래 사이트에서 "다음 페이지"를 클릭하는 것입니다. 페이징은 사용자 경험을 향상시키고, 페이지 로딩 속도를 높이며, 크롤러가 페이지를 탐색하고 인덱싱하는 데 도움을 줍니다. 페이지당 10~30개 정도의 아이템이 있는 것이 좋습니다.

3.4 일관된 URL 구조

URL 구조는 일관성 있게 유지하는 것이 좋습니다. URL에는 주요 키워드를 포함시켜 검색 엔진이 페이지의 내용을 확인할 수 있도록 해야 합니다. URL에는 불필요한 구문이나 단어를 피하여 짧고 명확하게 작성하는 것이 좋습니다. 하이픈을 사용하여 단어를 구분하고, 소문자를 사용하는 것도 좋습니다. 또한 페이지의 콘텐츠와 URL 구조를 일치시키는 것이 중요합니다.

4. 크롤링, 로딩 및 인덱싱 요소

효율적인 크롤링, 로딩 및 인덱싱은 웹사이트가 검색 엔진 크롤러에게 콘텐츠를 쉽게 크롤링, 로딩 및 인덱싱할 수 있는지를 결정합니다.

4.1 크롤링과 로딩 속도

크롤링은 웹사이트의 새로운 페이지를 검색 엔진 크롤러가 찾을 수 있는 정도를 나타냅니다. 로딩 속도는 웹페이지가 로딩되는 속도를 의미합니다. 웹페이지의 로딩 속도가 느리면 크롤러가 페이지를 완전히 로딩하지 못하거나 시간 초과로 인해 크롤링하지 않을 수 있습니다. 따라서 로딩 속도를 개선하는 것은 크롤러의 성능을 개선하는 데 도움이 됩니다.

4.2 XML 사이트맵

XML 사이트맵은 웹사이트의 새로운, 업데이트된 또는 삭제된 페이지를 검색 엔진에게 알리는 데 사용됩니다. 대부분의 CMS 플랫폼(예: 워드프레스, 스퀘어스페이스)은 자동으로 XML 사이트맵을 생성하고 업데이트합니다. XML 사이트맵을 검색 엔진에 제출하여 새로운 페이지를 신속하게 크롤링하도록 할 수 있습니다.

4.3 로봇.txt 파일

로봇.txt 파일은 웹사이트의 크롤러에 대한 지침을 포함합니다. 로봇.txt 파일은 검색 엔진이 웹사이트를 크롤링하는 방법과 어떤 디렉토리 또는 페이지를 크롤링할 수 있는지를 알려줍니다. 로봇.txt 파일을 설정하여 검색 엔진이 웹사이트를 쉽게 크롤링할 수 있도록 도와줍니다.

4.4 내부 링크

내부 링크는 웹사이트의 페이지들 간의 하이퍼링크입니다. 내부 링크를 통해 크롤러는 새로운 페이지를 발견하고 페이지들 간의 관계를 파악할 수 있습니다. 내부 링크는 사용자들이 웹사이트의 다른 페이지를 쉽게 발견할 수 있도록 도와주며 링크 권한을 분배하는 데에도 도움을 줍니다.

4.5 끊어진 링크

끊어진 링크는 사용자 경험에 부정적인 영향을 미치는 페이지입니다. 끊어진 링크는 존재하지 않는 페이지를 가리킵니다. 이 경우 404 오류 페이지 대신 사용자를 가장 관련성이 있는 다음 페이지로 리디렉션하는 것이 좋습니다. 이를 통해 사용자의 경험을 개선할 수 있고 끊어진 링크로 인해 잃어버린 유입 트래픽과 링크 권한을 회복할 수 있습니다.

4.6 구조화된 데이터

구조화된 데이터는 콘텐츠에 대한 정보입니다. 검색 엔진에게 콘텐츠의 세부 정보를 제공하여 더욱 향상된 검색 결과를 제공할 수 있습니다. 구조화된 데이터는 검색 결과 페이지에서 리치 스니펫(Rich Snippet)의 형태로 표시되며 사용자에게 더욱 풍부한 경험을 제공합니다.

5. 중복 또는 얇은 컨텐츠

효과적인 테크니컬 SEO를 위해 중복되거나 얇은 컨텐츠를 피해야 합니다. 중복 컨텐츠는 완전히 동일하거나 매우 유사한 내용을 가진 페이지입니다. 얇은 컨텐츠는 거의 내용이 없는 페이지를 의미합니다. 중복 컨텐츠와 얇은 컨텐츠는 사용자 경험과 검색 엔진의 랭킹에 부정적인 영향을 미칠 수 있습니다.

5.1 고유한 주제

각 페이지는 한 가지 고유한 주제에 대해 다루어야 합니다. 새로운 페이지를 생성할 때 이전 페이지와 중복되지 않는 주제를 선택해야 합니다. 이미 다른 페이지에서 다뤄진 주제인 경우, 새로운 페이지의 주제가 충분히 구체적이고 다른 페이지와 다른 콘텐츠를 제공해야 합니다.

5.2 키워드 카니발리제이션

키워드 카니발리제이션은 두 개 이상의 페이지가 동일한 키워드에 대해 경쟁하게 되는 경우입니다. 이는 여러 페이지가 서로를 상쇄하여 검색 엔진에서 정확한 페이지를 찾지 못할 수 있게 만듭니다. 키워드 카니발리제이션을 방지하기 위해 중복 페이지 중 하나를 주요 페이지로 설정하고 나머지 중복 페이지를 해당 주요 페이지로 리디렉션하는 것이 좋습니다.

5.3 중복 컨텐츠 대응

중복 컨텐츠를 방지하려면 각 페이지가 고유한 내용을 가지도록 해야 합니다. 이미 있는 페이지와 비슷한 주제를 다루는 새로운 페이지를 생성할 때, 이 페이지가 원래 페이지와 다른 유용한 정보를 제공해야 합니다. 콘텐츠의 유일성을 유지하는 것이 검색 엔진에서 랭킹을 향상시키는 데 도움이 됩니다.

5.4 얇은 컨텐츠 대응

얇은 컨텐츠는 페이지에 거의 콘텐츠가 없거나 없는 경우를 말합니다. 이는 내용이 부족하거나 사용자에게 가치있는 정보를 제공하지 않을 수 있습니다. 각 페이지에는 적절한 양의 유용한 콘텐츠가 포함되어야 합니다. 페이지에 적어도 100~150단어의 설명이나 가이드 라인을 포함하는 것이 좋습니다. 이는 사용자에게 가치를 제공하고 다음 단계로 안내하는 데 도움을 줍니다.

6. 페이지 로딩 속도

웹 페이지의 로딩 속도는 웹 페이지가 얼마나 빠르게 로딩되는지를 의미합니다. 로딩 속도가 느릴수록 사용자와 크롤러에게 불편을 줄 수 있으므로 가능한 한 빠르게 로딩되도록 해야 합니다.

6.1 웹 이미지 최적화

이미지 최적화는 이미지를 JPEG 또는 웹p와 같은 웹 친화적인 파일 형식으로 변환하는 것을 의미합니다. 이미지는 페이지에 맞게 크기를 조정해야 합니다. 고해상도의 이미지를 작은 크기의 요소에 게재하면 성능이 저하될 수 있습니다. 따라서 이미지를 사전에 최적화하여 실제 필요한 크기로 조정하는 것이 좋습니다. 또한, 이미지의 폭과 높이 속성을 정의하여 페이지 레이아웃 시프트 문제를 방지해야 합니다.

6.2 페이지 사이즈 최적화

페이지의 사이즈를 최적화해야 합니다. 이미지 최적화에 관련된 내용은 이미 언급하였으며, 이외에도 불필요한 외부 스크립트나 사용하지 않는 플러그인을 삭제해야 합니다. 워드프레스와 같은 플랫폼을 사용하는 경우 W3 Total Cache 또는 WP Super Cache와 같은 캐싱 플러그인을 사용하여 페이지 로딩 속도를 향상시킬 수 있습니다. 또한, 콘텐츠 전송 네트워크(CDN)를 사용하면 웹사이트의 콘텐츠가 전 세계의 여러 서버에 분산되어 가장 빠른 방식으로 로딩되며 전체 보안 수준도 향상됩니다.

7. 기타 테크니컬 SEO 요소

이외에도 몇 가지 기타 테크니컬 SEO 요소가 있습니다. 국제 웹사이트의 경우 href Lang 태그를 사용하여 언어 또는 국가별로 콘텐츠를 구분할 수 있습니다. 404 링크는 끊어진 링크를 의미하며, 404 오류 페이지를 대체하는 가장 관련성 있는 페이지로 리디렉션하는 것이 좋습니다. 구조화된 데이터는 콘텐츠에 대한 추가 정보를 제공하며, 리치 스니펫을 활용하여 검색 결과 페이지에서 사용자에게 더 많은 정보를 제공할 수 있습니다. XML 사이트맵 유효성 검사를 통해 XML 사이트맵에 오류가 있는지 확인할 수 있습니다. 또한, WordPress나 다른 주요 CMS 플랫폼에서 태그 페이지 또는 카테고리 페이지를 no index 처리하여 검색 결과 페이지를 깨끗하게 유지할 수 있습니다. 마지막으로, 페이지 사용자 경험 신호는 웹사이트의 특정 측면에 대한 지표로, 사용자 경험을 개선하여 랭킹을 향상시킬 수 있습니다.

8. 결론

테크니컬 SEO는 웹사이트의 기술적 요소를 최적화하는 프로세스입니다. 사이트 구조와 내비게이션, 크롤링과 로딩, 인덱싱, 중복 컨텐츠와 얇은 컨텐츠, 페이지 로딩 속도 등 여러 요소가 포함됩니다. 효과적인 테크니컬 SEO는 검색 엔진 랭킹과 가시성을 향상시키는데 도움을 주며 사용자 경험을 개선할 수 있습니다.

이제 여러분은 테크니컬 SEO의 기본 원리와 기술을 이해하고, 웹사이트의 테크니컬 SEO 개선을 위한 전략을 수립할 수 있습니다. 하이크 SEO 플랫폼을 활용하여 테크니컬 SEO 문제를 식별하고 해결할 수 있으니, 고급 테크니컬 SEO를 위한 계정 생성을 고려해 보세요!