SEO는 단순한 검색 엔진 최적화를 넘어, 사용자와 검색 엔진 모두를 만족시키는 웹사이트의 필수 전략입니다.
SEO는 크게 Off-Site SEO와 On-Site SEO로 분류하며, 각각에 대해 자세하게 알아봅니다.
1️⃣ Off-Site SEO
2️⃣ On-Site SEO(Content, Technical)
💡 Off Site SEO
Off-Site SEO는 웹사이트 외부에서 수행하는 모든 최적화 활동으로, 웹사이트의 신뢰성과 권위성을 높여 검색 엔진 순위를 향상시키는 데 중요한 역할을 합니다.
웹사이트 내부가 아닌 외부 요소를 통해 검색 엔진이 해당 사이트를 더욱 신뢰할 수 있도록 만드는 것을 목표로 합니다.
주요 Off-Site SEO 기법에는 백링크 구축이 있습니다.
가장 핵심적인 Off-Site SEO 기법으로, 다른 사이트에서 자신의 웹사이트로 연결되는 링크(백링크)를 확보하는 것입니다. 특히, 신뢰도 높은 웹사이트로부터 백링크를 얻으면 검색 엔진이 해당 웹사이트를 더욱 신뢰하고, 순위가 오를 가능성이 높아집니다. 품질 높은 백링크는 검색 엔진에 신호를 보내 해당 사이트가 권위 있는 정보를 제공한다고 인식하게 합니다.
소셜 미디어 플랫폼에서 브랜드나 웹사이트를 홍보하는 것도 Off-Site SEO에 포함됩니다. 웹사이트의 콘텐츠를 SNS에서 공유하고 사용자들의 참여를 유도하면 자연스럽게 트래픽이 증가하고, 이는 검색 엔진에 긍정적인 신호로 작용해 검색 순위에 영향을 줄 수 있습니다.
마지막으로, 다른 사이트나 블로그에 자신의 글을 기고하는 방식으로 자신의 웹사이트에 대한 노출을 높이고 백링크를 확보할 수 있습니다. 관련성과 신뢰도가 높은 사이트에 게스트 블로깅을 하는 것은 검색 순위에 긍정적인 영향을 줍니다.
💡 On-Site SEO
On-Site SEO는 웹사이트 내에서 최적화를 통해 검색 엔진 순위를 개선하는 작업을 말하며, 크게 Content SEO와 Technical SEO로 나눌 수 있습니다.
Content SEO는 웹사이트의 콘텐츠 품질과 관련된 최적화 작업을 말합니다. 이는 사용자와 검색 엔진 모두에게 유용한 정보를 제공하는 데 중점을 둡니다. 주요 요소는 다음과 같습니다.
Technical SEO는 웹사이트의 기술적인 측면에서의 최적화 작업으로, 검색 엔진이 웹사이트를 더 잘 크롤링하고 인덱싱할 수 있도록 돕습니다. 주요 요소는 다음과 같습니다.
⚪️ sitemap.xml
sitemap은 웹사이트의 구조를 설명하는 XML 형식의 파일로, 검색 엔진이 사이트의 모든 페이지를 효율적으로 크롤링하고 인덱싱할 수 있습니다. 웹사이트에 있는 페이지, 콘텐츠의 업데이트 시점, 변경 빈도 등을 쉽게 파악할 수 있습니다. 일반적으로 example.com/sitemap.xml 형태로 위치를 정하며, 생성 후 서치 콘솔에서 검색 엔진에 제출할 수 있습니다.
⚪️ robot.txt
robots.txt 파일을 사용하여 사이트에서 크롤러가 액세스할 수 있는 파일을 제어할 수 있습니다. 검색 엔진이 크롤링해야 할 페이지와 크롤링하지 말아야 할 페이지를 구분하도록 도와줍니다. 민감한 데이터나 검색 노출이 필요 없는 페이지는 robots.txt를 통해 크롤링을 막을 수 있습니다. example.com/robots.txt 위치에 저장하며, 특정 크롤러를 지정하거나 전체 크롤러에게 지시를 내릴 수 있습니다. 예를 들어, 다음과 같은 규칙이 있습니다:
⚪️ Internal Link
내부 링크란 동일한 웹사이트 내의 다른 페이지로 연결되는 하이퍼링크를 말합니다. 이는 다른 웹사이트의 페이지로 연결되는 외부 링크와는 다릅니다.
내부 링크는 SEO에서 다음 세 가지 주요 이유로 중요한 역할을 합니다:
1️⃣ 검색 엔진이 사이트 구조를 이해할 수 있도록 돕습니다.
2️⃣ 권위를 전달합니다.
3️⃣ 사용자가 사이트를 탐색하도록 도와줍니다.
1. 검색 엔진이 사이트 구조를 이해하도록 돕습니다
내부 링크를 전략적으로 사용하면 페이지 A가 페이지 B와 관련이 있음을 Google에 알릴 수 있습니다. 이는 Google이 각 페이지의 맥락과 관계를 이해하는 데 도움을 줍니다.
견고한 내부 링크 구조는 검색 엔진이 사이트를 크롤링하고 인덱싱하는 데 유리합니다.
Google의 검색 작동 방식 가이드에서는 이렇게 설명합니다.
일부 페이지는 Google이 이미 크롤링했기 때문에 알려져 있습니다. 다른 페이지는 알려진 페이지에서 새 페이지로 연결되는 링크를 Google이 따라가면서 발견됩니다.
내부 링크는 검색 엔진에게 페이지 간의 맥락적 관계를 보여줄 수 있습니다.
2. 권위를 전달합니다
내부 링크는 사이트 내 다른 페이지로 권위(PageRank) 를 전달하는 데 도움을 줍니다.
PageRank는 Google이 페이지의 중요도를 평가하는 알고리즘입니다.
예를 들어, 페이지 A가 많은 외부 링크를 받고 있다면, 페이지 A는 PageRank를 통해 높은 권위를 가질 가능성이 큽니다.
이 권위는 내부 링크를 통해 페이지 C와 같은 다른 페이지로 전달될 수 있습니다.
이를 통해 사이트로 유입된 권위를 최대한 활용하여 순위를 개선할 수 있습니다.
3. 사용자가 관련 페이지를 탐색하도록 돕습니다
내부 링크는 방문자가 관련 콘텐츠를 쉽게 찾을 수 있도록 도와 사이트의 사용자 경험(UX)을 향상합니다.
예를 들어, 사용자가 “PC 조립 방법”에 관한 글에 방문했다고 가정해 봅시다. 이 글에 PC 부품 관련 제품 페이지나 “PC 팬 고치는 방법”과 같은 연관 콘텐츠로 연결되는 내부 링크를 포함할 수 있습니다.
목표는 사용자가 사이트에서 이탈하지 않고 구매, 폼 작성, 문의 등의 행동을 완료하도록 하는 것입니다.
적절한 페이지에 유용한 콘텐츠를 보여주는 것이 이를 실현하는 최적의 방법입니다.
⚪️ URL Structure
사이트의 URL 구조는 가능한 한 단순하고 직관적이어야 합니다. URL은 사용자가 읽을 수 있는 단어를 사용하여 페이지의 내용을 명확히 표현해야 하며, 이는 SEO에도 영향을 미칩니다.
URL 구조 설계 시 유의사항
❌ 읽을 수 없는 긴 ID 숫자가 포함된 URL
eg - index.php?id_sezione=360&sid=3a5ebc944f41daa6f849f730f1
❌ 밑줄 ‘_’을 사용하여 단어를 분리하는 경우 ✅ ‘-’ 하이픈 사용
eg - /filter?color_profile=test ➡️ /filter?color-profile=test
❌ 단어가 통합된 URL
eg - /greendress ➡️ com/green-dress
URL의 수가 불가피하게 많아질 경우 Robot.txt 파일을 사용하여 해당 URL에 액세스할 수 없도록 차단합니다.
⚪️ Title과 description
Title
페이지 제목은 SEO에서 가장 중요한 요소 중 하나로, 페이지의 핵심 키워드를 포함해야 하며, 각 페이지마다 고유하고 정확하게 작성되어야 합니다.
Title 작성 요령
✅ 핵심 키워드 포함: 제목에 주요 키워드를 자연스럽게 포함합니다.
✅ 고유성 유지: 각 페이지마다 제목이 중복되지 않도록 작성합니다.
✅ 정확한 내용 반영: 페이지의 핵심 주제를 명확히 표현합니다.
✅ 길이 제한 준수: 검색 결과에 잘 표시되도록 50~60자 이내로 작성합니다
Meta Description
메타 설명은 검색 결과 페이지에서 사용자가 페이지를 클릭하도록 유도하는 중요한 요소입니다.
핵심 키워드를 포함하고, 페이지 내용을 정확히 요약해야 합니다.
Meta Description 작성 요령
✅ 핵심 키워드 포함: 주요 키워드를 자연스럽게 설명 안에 포함합니다.
✅ 페이지 내용 요약: 페이지의 주요 정보를 간결히 설명합니다.
✅ 고유성 유지: 모든 페이지의 메타 설명이 서로 다르게 작성되어야 합니다.
✅ 길이 제한 준수: 150~160자 이내로 작성합니다.
❗️ 참고 사항 - Meta Keywords
검색 순위를 지정할 때 Meta Keywords 태그는 더 이상 사용되지 않습니다.
⚪️ Core Web Vitals
Core Web Vitals은 로드 성능, 상호작용, 페이지의 시각적 안정성에 관한 실제 사용자 경험을 측정하는 측정항목입니다.
Largest Contentful Paint (LCP)
정의: 페이지의 주요 콘텐츠가 사용자 화면에 완전히 로드되는 데 걸리는 시간.
목표: 2.5초 이하.
의미: 빠른 로딩 속도는 사용자가 페이지를 더 오래 머물도록 유도하며, 이탈률을 줄이는 데 중요합니다.
First Input Delay (FID)
정의: 사용자가 페이지에서 처음으로 상호작용(버튼 클릭, 링크 클릭 등)을 시도한 후 브라우저가 응답하는 데 걸리는 시간.
목표: 100ms 이하.
의미: 빠른 응답 시간은 사용자 경험을 향상시키며, 특히 대화형 페이지에서 중요합니다.
Cumulative Layout Shift (CLS)
정의: 페이지의 시각적 요소가 로드 중 얼마나 불안정하게 이동하는지를 측정.
목표: 0.1 이하.
의미: 안정적인 레이아웃은 사용자의 혼란과 실수를 줄이는 데 중요합니다.
💡 맺음말
▫️ 서버에서 의미 있는 HTML 파일을 전달하기 때문에 SEO에 이점이 있습니다.
▫️ 렌더링이 완료된 페이지를 전송하기 때문에 FCP 시간이 빠릅니다.
▫️ hydration 과정이 필요하므로 Time To View와 Time To Interactive 간격이 존재합니다.
- SEO는 단순히 검색 순위를 올리는 기술적인 작업이 아닌 사용자 경험(UX)과 검색 엔진 최적화를 함께 생각하며 접근해야함을 느꼈습니다.
- SEO의 기본 원칙과 실제 웹 개발에 어떻게 적용할 수 있는지, 단순히 검색 엔진에 맞추기 위한 기술이 아니라, 사용자 경험을 최적화하며 검색 엔진의 신뢰를 얻는 과정이라는 점이라 생각됩니다.
- 페이지 로딩 속도, 구조적인 URL 설계, 메타 데이터 활용 등 UX와 SEO 관점으로 생각하며 적용이 필수입니다.
🔦 References
Written by
At
Mon Nov 04 2024