- 테크니컬 SEO란 검색엔진 및 크롤러 로봇이 내 컨텐츠를 잘 이해할수 있도록 기술적으로 개선하는 작업입니다.
- 검색의도를 충족시키는 콘텐츠를 쓰면 구글 알고리즘의 추천을 받을 수 있습니다.
- 검색 의도를 파악하려면 검색결과를 참고하는 것이 가장 빠른 방법입니다.
테크니컬 SEO란 무엇일까?
사람은 글자가 큼직하고 줄간격도 넉넉하며 관련된 사진이나 영상이 있어야 내용을 잘 받아들이죠.
똑같은 원리로 로봇(크롤러)에게는 로봇에 맞는 구조와 데이터가 있어야 컨텐츠를 잘 파악할 수 있습니다.
테크니컬 SEO란 검색엔진 및 크롤러 로봇이 내 컨텐츠를 잘 이해할 수 있도록 기술적으로 개선하는 작업을 말합니다.
추가로 테크니컬 SEO에는 사용자 경험(UX)도 포함됩니다.
예를 들어, 휴대폰에서도 웹사이트를 빠르고 쉽게 사용할 수 있도록 최적화 하는 것을 말합니다.
테크니컬 SEO를 올바르게 적용하면 검색 결과에서 높은 순위를 획득할 수 있습니다.
이 글에서는 테크니컬 SEO를 위해 웹사이트를 최적화하는 기본 사항과 모범 사례를 알아보겠습니다.
테크니컬 SEO가 중요한 이유
테크니컬 SEO는 당신의 SEO 성과를 좌우할 수 있습니다.
만약 당신의 웹사이트 페이지가 검색 엔진에서 접근할 수 없다면, 그 페이지는 검색 결과에 나타나지 않습니다.
아무리 콘텐츠가 훌륭하더라도 말이죠.
그렇게 되면 웹사이트 방문자 수가 줄어들고 그에 따라 비즈니스 수익도 줄어들게 됩니다.
게다가 웹사이트의 속도와 모바일 최적화 여부는 검색 순위에 영향을 주는 확실한 요소입니다.
페이지 로딩 속도가 느리면 사용자가 짜증을 내고 사이트를 떠날 수 있습니다.
이러한 사용자 행동은 사이트가 긍정적인 사용자 경험을 제공하지 않는다는 신호일 수 있습니다.
그 결과로 검색 엔진은 당신의 사이트 순위를 낮출 수 있습니다.
테크니컬 SEO를 더 잘 이해하려면 두 가지 중요한 과정인 “크롤링(crawling)”과 “인덱싱(indexing)”에 대해서 알아야 합니다.
크롤링을 이해하고 최적화하는 방법
크롤링은 검색 엔진이 작동하는 데 있어 매우 중요한 요소입니다.
검색 엔진은 이미 발견한 페이지 내부에 링크가 있다면 해당 링크에 들어가보는데요.
아직 보지 못한 새로운 페이지로 연결된다면 새롭게 크롤링을 시작합니다.
예를 들어, 우리가 새 블로그 글을 게시할 때마다 그 글들은 메인 블로그 페이지에 추가되죠?
그러면 다음번에 구글 같은 검색 엔진이 우리 블로그 페이지를 크롤링할 때 최근에 추가된 새 블로그 글 링크들을 발견하게 됩니다.
못보던 페이지니까 크롤링을 시작하고 내용을 정리해서 색인 처리를 합니다.
이런 방식이 바로 구글이 우리의 새 블로그 글을 찾아내는 방법 중 하나입니다.
아래에서 귀사의 페이지가 검색 엔진에 잘 노출되도록 하기 위한 방법들이 몇 가지를 알려드리겠습니다!
SEO에 적합한 사이트 구조 만들기
사이트 아키텍처(또는 사이트 구조)란 웹사이트 내의 페이지들이 어떻게 서로 연결되어 있는지를 말합니다.
효과적인 사이트 구조는 검색 엔진 크롤러가 웹사이트의 콘텐츠를 빠르고 쉽게 찾을 수 있도록 페이지를 구성합니다.
따라서 사이트를 구성할 때는 모든 페이지가 홈페이지에서 몇 번만 클릭하면 접근 가능하도록 만들어야합니다.
예를 들면, 아래와 같은 방식입니다
홈페이지는 카테고리 페이지들과 연결되어 있고, 각 카테고리 페이지는 사이트 내의 개별 하위 페이지들과 연결되어 있습니다.
이런 구조는 고아 페이지의 수를 줄여줍니다.
고아 페이지란, 사이트 내 다른 페이지에서 링크가 전혀 연결되지 않은 페이지를 말합니다.
(그래서 고아 페이지는 URL 정보를 갖고 있지 않으면 들어갈 수가 없습니다.)
이런 페이지는 검색 엔진 크롤러나 사용자 모두가 찾기 어렵거나 아예 찾을 수 없게 됩니다.
사이트맵을 구글에 제출하기
XML 사이트맵을 사용하면 구글이 당신의 웹페이지를 더 잘 찾을 수 있게 됩니다.
XML 사이트맵은당신의 사이트에 있는 주요 페이지 목록을 담고 있는 파일입니다.
이 파일은 검색 엔진에게 당신의 사이트에 어떤 페이지가 있고, 어디에 있는지를 알려줍니다.
당신의 사이트에 페이지가 많은 경우, 이건 특히 더 중요합니다.
혹은 페이지 간의 연결이 잘 되어 있지 않은 경우에도요.
아래는 Semrush의 XML 사이트맵 예시입니다
사이트맵은 보통 아래 두 URL 중 하나에 위치합니다:
domain.com/sitemap.xml
domain.com/sitemap_index.xml
사이트맵을 찾았다면, 구글 서치 콘솔을 통해 구글에 제출하세요.
구글 서치 콘솔에 접속한 후, 왼쪽 사이드바에서 색인생성 하위 메뉴인 사이트맵(sitemaps)을 클릭합니다.
빈 칸에 사이트맵 URL을 붙여넣고 제출 버튼을 클릭하세요.
구글이 사이트맵 처리를 완료하면, 다음과 같은 확인 메시지가 표시됩니다.
사이트맵이 성공적으로 제출되었습니다
빈 칸에 사이트맵 URL을 붙여넣고 제출 버튼을 클릭하세요.
구글이 사이트맵 처리를 완료하면, 사진과 같이 상태가 ‘성공’으로 바뀌게 됩니다.
인덱싱에 대해 이해하고 최적화 방법 익히기
검색 엔진이 웹페이지를 크롤링한 후에는 그 페이지의 내용을 분석하고 이해하려고 시도합니다.
그리고 분석한 콘텐츠를 검색 인덱스에 저장합니다.
이 인덱스는 수십억 개의 웹페이지가 담긴 거대한 데이터베이스입니다.
당신의 웹페이지가 검색 결과에 표시되기 위해서는 반드시 검색 엔진에 인덱싱되어야 합니다.
페이지가 인덱싱되었는지 확인하는 가장 간단한 방법은 “site:” 명령어를 사용하는 것입니다.
예로, naver.com이 인덱싱되었는지 확인하려면 구글 검색창에 ‘site:naver.com’ 라고 검색합니다.
이렇게 하면 구글이 해당 사이트에서 얼마나 많은 페이지를 인덱싱했는지 대략 알 수 있습니다.
예를 들어, “site:naver.com”을 검색하면 약 530,000개의 결과가 나옵니다.
특정 페이지가 인덱싱되었는지도 해당 페이지의 URL을 “site:” 명령어와 함께 검색하여 확인할 수 있습니다.
예시는 다음과 같습니다
추가로 구글이 당신의 웹페이지를 문제없이 인덱싱할 수 있게 하려면 아래에 있는 내용을 추가적으로 세팅해야합니다.
Noindex 태그를 신중하게 사용하기
“noindex” 태그는 구글 검색 인덱스에 페이지가 등록되지 않도록 막는 HTML 코드입니다.
이 태그는 웹페이지의 head 영역에 넣으며, 다음과 같은 형태입니다
<meta name="robots" content="noindex">
이론적으로는 모든 중요한 페이지가 인덱싱되는 것이 바람직합니다.
그렇기 때문에 인덱싱을 원하지 않는 특정 페이지에만 noindex 태그를 사용하세요.
예를 들어 다음과 같은 페이지들이 해당됩니다
Thank you pages (폼 제출후 이동하는 페이지) / 관리자 패널 (관리자만 접속하는 페이지)
noindex 태그의 올바른 사용법과 자주 발생하는 실수들을 피하는 방법은 로봇 메타 태그 가이드를 참고하세요.
필요한 경우 Canonical 태그 사용하기
구글이 사이트 내 여러 페이지에서 유사한 콘텐츠를 발견하면, 어떤 페이지를 인덱싱하고 검색 결과에 표시할지 혼란스러워할 수 있습니다.
이럴 때 “canonical(캐노니컬)” 태그가 유용합니다.
canonical 태그(rel=”canonical”)는 어떤 링크가 “원본 페이지” 인지를 지정해줍니다.
이를 통해 구글은 어떤 페이지를 인덱싱하고 검색 결과에 노출시켜야 할지 알 수 있게 됩니다.
이 태그는 중복된 페이지의 안에 삽입됩니다. (원본 페이지에도 사용해야합니다.)
형식은 다음과 같습니다
<link rel="canonical" href="https://example.com/original-page/" />
테크니컬 SEO 체크리스트
SEO에 적합한 사이트 구조를 만들고, 사이트맵을 구글에 제출하며, noindex와 canonical 태그를 적절하게 사용하면 페이지가 잘 크롤링되고 인덱싱될 수 있습니다.
웹사이트를 완벽하게 테크니컬 SEO에 맞춰 최적화하고 싶다면, 아래 체크리스트를 살펴보면서 홈페이지를 점검해보세요.
1. HTTPS 사용하기 (SSL)
HTTPS란 웹 브라우저와 웹 사이트 간에 데이터를 전송하는 데 사용되는 기본 프로토콜인 HTTP의 보안 버전입니다
비밀번호나 신용카드 정보 같은 민감한 사용자 데이터를 안전하게 보호해 줍니다.
그리고 2014년부터는 구글이 https를 중요하게 여기면서 검색 순위에 영향을 주는 요소가 되었습니다.
만약 귀사의 웹사이트가 HTTPS를 사용하는지 확인하려면, 사이트에 직접 접속해보면 됩니다.
홈페이지에 접속한 후 주소창에 자물쇠 아이콘이 표시되는지 확인하세요.
만약 ‘주의 요함’ 이라는 경고가 뜬다면 현재 HTTPS 상태가 아닌것입니다.
정상적으로 SSL이 되어있는 경우 아래와 같이 표시됩니다.
보안 연결(HTTPS)이 안되어 있는경우 SSL 또는 TLS 보안 인증서를 설치해야 합니다.
SSL/TLS 인증서는 웹사이트의 신원이 인증되었음을 의미합니다.
또한 사용자가 접속할 때 안전한 연결을 설정해 줍니다.
Let’s Encrypt에서 무료로 SSL/TLS 인증서를 발급받을 수 있습니다.
2. 중복 콘텐츠 문제 찾고 해결하기
중복 콘텐츠란, 사이트 내 여러 페이지에 동일하거나 거의 동일한 내용이 있는 경우를 말합니다.
구글은 중복 콘텐츠가 있다고 해서 사이트에 패널티를 주지는 않습니다.
하지만 중복 콘텐츠는 다음과 같은 문제를 일으킬 수 있습니다.
- 원치 않는 URL이 검색 결과에 노출됨
- 백링크 분산
- 크롤링 예산 낭비
중복 컨텐츠는 구글 서치 콘솔에서 탐지할 수 있습니다.
구글 서치 콘솔에 접속하여 색인생성 > 페이지 탭에서 확인이 가능합니다.
3. 사용자와 크롤러가 하나의 버전으로 접근할 수 있도록 설정하기
사용자와 검색 엔진 크롤러는 아래 두 가지 중 하나의 버전만 접근할 수 있어야 합니다
- https://yourdomain.com
- https://www.yourdomain.com
두 버전 모두 접근 가능하게 하면 중복 콘텐츠 문제가 생길 수 있습니다.
또한 백링크의 효과도 약해집니다.
어떤 사이트는 www 버전으로, 다른 사이트는 non-www 버전으로 링크를 걸기 때문입니다.
이로 인해 구글 검색 성과가 저하될 수 있습니다.
따라서 하나의 버전만 사용하세요.
다른 버전은 주요 도메인으로 리디렉션 설정을 해줘야 합니다.
4. 페이지 속도 개선
페이지 속도는 모바일 및 데스크톱 기기 모두에서 순위를 매기는 요소입니다 .
그러니 사이트가 최대한 빠르게 로딩되는지 확인하세요.
Google의 PageSpeed Insights 도구를 사용하면 웹사이트의 현재 속도를 확인할 수 있습니다.
0~100점 사이의 점수로 평가하며 숫자가 높을수록 더 좋습니다.
웹사이트 속도를 개선하기 위한 몇 가지 방법입니다.
- 이미지 압축하기 — 이미지는 일반적으로 웹페이지에서 가장 큰 파일입니다. tinypng 과 같은 이미지 최적화 도구를 사용하여 이미지를 압축하면 파일 크기를 줄여 로드 시간을 최소화할 수 있습니다. Webp 확장자를 추천드립니다.
- 콘텐츠 배포 네트워크(CDN) 사용 – CDN은 웹페이지 사본을 전 세계 서버에 저장합니다. 그런 다음 방문자를 가장 가까운 서버로 연결하여 요청된 파일이 이동하는 거리를 줄여줍니다.
- HTML, CSS, JavaScript 파일 축소 — 축소는 코드에서 불필요한 문자와 공백을 제거하여 파일 크기를 줄여 페이지 로드 시간을 단축합니다.
5. 웹사이트가 모바일 최적화되었는지 확인하기
구글은 모바일 우선해서 인덱싱을 사용합니다. (모바일 트래픽이 더 많기 때문)
즉, 웹페이지의 모바일 버전을 기준으로 콘텐츠를 검색 색인에 포함시키고 순위를 매긴다는 의미입니다.
따라서 웹사이트가 모바일 기기에서도 빠르게 작동하는지, 그리고 모바일용 반응형 디자인을 완료했는지 꼭 확인해야 합니다.
웹사이트가 모바일 친화적인지 확인하려면, 앞서 사용한 PageSpeed Insights 도구를 이용하세요.
웹페이지를 분석한 후, “SEO” 항목 > “Passed Audits(통과한 점검 항목)” 섹션으로 이동하세요.
이 섹션에서 다음과 같은 모바일 친화 요소들이 있는지 확인할 수 있습니다
- Meta viewport 태그 – 페이지의 보이는 영역을 브라우저가 어떻게 조정해야 할지 알려주는 코드
- 가독성 좋은 글꼴 크기
- 버튼이나 클릭 가능한 요소 주변에 충분한 여백
6. 브레드크럼 사용하기
브레드크럼 내비게이션(Breadcrumbs)이란, 사용자가 지금 웹사이트의 어디에 있는지, 그리고 어떻게 그 위치까지 왔는지를 보여주는 텍스트 링크 경로입니다.
아래 사진은 스파오의 브레드크럼 예시입니다.
브레드크럼은 사이트 내부 탐색을 훨씬 쉽게 만들어줍니다.
사용자들은 뒤로 가기 버튼을 계속 누르거나 복잡한 메뉴를 찾지 않고도 상위 페이지로 손쉽게 이동할 수 있습니다.
특히 사이트 규모가 크거나 쇼핑몰처럼 구조가 복잡한 경우에는 더욱 필수입니다.
브레드크럼은 사이트 내에 링크 가치를 고르게 분산시켜주어 SEO 측면에서도 이점을 제공합니다.
사이트가 WordPress나 아임웹같은 솔루션 기반이라면 브레드크럼을 적용하는 건 아주 쉽습니다.
일부 워드프레스 테마는 기본적으로 브레드크럼을 제공합니다.
테마에 해당 기능이 없다면 Yoast SEO 플러그인을 사용하면 자동으로 설정해줍니다.
7. 페이지네이션(pagination) 사용하기
페이지 나누기(Pagination)는 긴 콘텐츠 목록을 여러 페이지로 나누는 탐색 방식입니다.
예를 들어, 토스 블로그를 보겠습니다.
아래에 페이지 넘기는 버튼이 있죠?
이렇게 페이지별로 버튼을 나열해두는 방식은 무한 스크롤(Infinite Scrolling)보다 선호됩니다.
무한 스크롤 방식에서는 사용자가 페이지를 내릴 때마다 콘텐츠가 자동으로 계속 로드됩니다.
하지만 이 방식은 구글과 같은 검색엔진에게 문제가 될 수 있습니다.
구글이 동적으로 로드되는 콘텐츠를 전부 읽지 못할 수 있기 때문입니다.
구글이 콘텐츠를 읽지 못하면 검색 결과에 노출되지 않습니다.
페이징 처리를 올바르게 구현하면 다음 페이지로 이동하는 링크가 명확히 제공됩니다.
이 링크를 따라 구글이 나머지 콘텐츠도 발견할 수 있게 됩니다.
8. Robots.txt 파일 확인하기
robots.txt 파일은 구글이 어떤 페이지를 크롤링해야 하고, 어떤 페이지는 접근하지 말아야 하는지 알려주는 파일입니다.
다음은 robots.txt 파일 예시입니다.
robots.txt 파일은 홈페이지 주소 끝에 /robots.txt 를 붙이면 확인할 수 있습니다.
예: naver.com/robots.txt
이 파일을 꼭 확인해서, 중요한 페이지를 구글이 크롤링하지 못하도록 ‘Disallow’ 지시어로 잘못 차단하고 있지는 않은지 점검하세요.
예를 들어, 블로그 글이나 일반 웹페이지가 차단되어 있다면 구글 검색 결과에 나타나지 않게 되므로 문제가 됩니다.
9. 구조화된 데이터(Structured Data) 적용하기
구조화된 데이터(또는 스키마 마크업)란 구글이 웹페이지의 콘텐츠를 더 잘 이해할 수 있도록 돕는 코드입니다.
적절한 구조화 데이터를 추가하면, 검색 결과에서 ‘리치 스니펫(Rich Snippet)’을 얻을 수 있습니다.
리치 스니펫은 검색 결과에서 제목과 설명 아래에 추가 정보가 표시되는 눈에 띄는 형태입니다.
요리 레시피를 다루는 사이트에서 별점, 리뷰 수, 조리 시간 등이 함께 표시된걸 볼 수 있습니다.
리치 스니펫은 이렇게 일반 검색결과와 다르게 다양한 정보가 붙습니다.
리치 스니펫의 장점은 검색 결과에서 당신의 페이지가 더 눈에 띄게 되고, 클릭률(CTR)이 높아질 수 있다는 것입니다.
구글은 여러 종류의 구조화 데이터를 지원하므로, 페이지 성격에 맞는 마크업을 선택해 적용해야 합니다.
예를 들어 블로그를 운영 중이라면, 아티클에 구조화 데이터를 추가하면 좋습니다.
아래는 구글 문서에 나온 스키마 마크업 예시입니다.
<html>
<head>
<title>Title of a News Article</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "Title of a News Article",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2024-01-05T08:00:00+08:00",
"dateModified": "2024-02-05T09:20:00+08:00",
"author": [{
"@type": "Person",
"name": "Jane Doe",
"url": "https://example.com/profile/janedoe123"
},{
"@type": "Person",
"name": "John Doe",
"url": "https://example.com/profile/johndoe123"
}]
}
</script>
</head>
<body>
</body>
</html>
이런 구조화 데이터를 자동으로 생성해주는 무료 툴도 많이 있으므로 직접 코드를 작성할 필요는 없습니다.
워드프레스 사용 중이라면, Yoast SEO 플러그인을 사용해서 간단히 구조화 데이터를 적용할 수 있습니다.
10. 404 페이지 찾고 수정하기
웹사이트에 깨진 페이지(404 오류 페이지)가 있으면 사용자 경험에 부정적인 영향을 줍니다.
아마 아래 사진을 보시면 404 페이지가 무엇인지 기억이 나실겁니다.
그리고 이 없어진 페이지에 백링크가 연결되어 있었다면 그 링크 효과도 사라지게 됩니다.
만약 깨진 페이지(404 페이지)가 있는지 찾아보고 싶다면, 구글서치콘솔에서 페이지 메뉴탭을 살펴보세요.
깨진페이지가 있다면 알려줍니다.
11. Core Web Vitals에 맞춰 사이트 최적화
Core Web Vitals(웹 핵심 지표)는 구글이 사용자 경험(UX)을 평가할 때 사용하는 속도 관련 지표입니다.
다음과 같은 3가지 주요 요소로 구성됩니다
- LCP (Largest Contentful Paint) – 사용자가 보는 가장 큰 요소가 완전히 로드되기까지 걸리는 시간
- FID (First Input Delay) – 사용자가 처음으로 페이지와 상호작용했을 때 반응하기까지 걸리는 시간
- CLS (Cumulative Layout Shift) – 페이지 안에서 요소들이 갑자기 움직이는 정도(레이아웃 변화)
웹사이트가 최적화되려면 아래 기준을 충족하거나 더 좋게 유지해야 합니다:
- LCP – 2.5초 이하
- FID – 100밀리초 이하
- CLS – 0.1 이하
구글 서치 콘솔에서 당신의 웹사이트가 Core Web Vitals을 얼마나 잘 충족하는지 확인할 수 있습니다.
서치 콘솔의 사이드바 메뉴에서 Core Web Vitals 보고서로 들어가세요.
또는 구글이 운영하는 pagespeed.web.dev에서 확인 가능합니다.
12. 다국어 사이트라면 hreflang 태그를 적용하세요
만약 웹사이트가 다국어로 운영된다면 hreflang 태그를 반드시 사용해야 합니다.
hreflang은 HTML 태그로, 해당 페이지가 어떤 언어와 어떤 지역을 위한 것인지 구글에 알려주는 역할을 합니다.
이 태그가 잘 설정되면 사용자의 언어 및 지역에 맞게 언어별 페이지가 검색 결과에 노출됩니다.
각 버전에는 hreflang 태그를 사용해 대상 언어와 지역을 구글에 명확히 알려줍니다.
이 태그는 구현도 비교적 간단합니다.
각 언어 버전의 HTML 영역에 아래와 같은 hreflang 태그를 추가하면 됩니다.
홈페이지가 영어, 스페인어, 포르투갈어로 제공된다면, 아래 코드를 각각의 페이지에 삽입하세요
더 자세한 내용은 해외SEO 내용을 참고해주세요.
<link rel="alternate" hreflang="x-default" href="https://domain.com" />
<link rel="alternate" hreflang="es" href="https://domain.com/es/" />
<link rel="alternate" hreflang="pt" href="https://domain.com/pt/" />
<link rel="alternate" hreflang="en" href="https://domain.com" />
13. 테크니컬 SEO는 한 번으로 끝나지 않습니다
테크니컬 SEO 작업은 한 번 하고 끝나는 일회성 작업은 아닙니다.
웹사이트가 점점 복잡해질수록, 새로운 문제들도 계속 생길 수 있습니다.
그래서 정기적으로 테크니컬 SEO 상태를 점검하고, 문제가 생기면 즉시 해결하는 것이 매우 중요합니다.
이 작업은 Semrush의 Site Audit 도구로 어느정도 자동화가 가능합니다.
대략 140개 이상의 테크니컬 SEO 문제를 자동으로 점검해줍니다.
- 깨진 페이지 발생
- 백링크 삭제
- sitemap.xml 이슈
- 중복 컨텐츠 탐지
이런 문제는 직접 눈으로 확인하기 어렵기 때문에, 크롤링 기반 점검 없이는 발견되지 않을 수 있습니다.
이러한 테크니컬 SEO 점검을 정기적으로 실행하면, 검색 순위를 높일 수 있는 실질적인 개선 항목들을 얻을 수 있습니다.
만약 개발자가 없어 개선이 어려운 경우 저희 엑시트에서 대행을 해드리기도 합니다.
말씀드린 13가지 외에도 체크해야할것은 더 있습니다.
그렇지만 13가지만 체크하셔서 운영하셔도 국내에서는 상위에 드는 테크니컬 SEO 관리를 하고있다고 말씀드릴 수 있겠습니다.
성공적인 SEO 작업을 기원합니다.
