SEO 전략
아래는 web funnel을 나타낸 것이다.
funnel은 깔때기라는 뜻으로 사용자가 웹사이트에 방문해서 구매까지 가는 과정을 단계별로 나타내는 것을 뜻한다.
발표에서는 검색 노출, 검색 유입, 앱 내 전환 와 같은 3가지 단계로 나타냈고 이에 따라 SEO 전략을 설정했다.
검색 노출 증가
페이지가 노출이 되려면 봇이 페이지를 크롤링하고 인덱싱을 해야 한다.
A Tag
봇에게 페이지 노출이 안 되는 대표적인 케이스로
링크를 통해 다른 페이지로 이동하는 기능에서 a tag를 사용하지 않고 button tag를 사용하는 경우이다.
a tag를 사용해서 봇이 url을 수집하도록 할 수 있다.
SSR
CSR(Client Side Rendering)은 브라우저가 초기에 비어있는 html 파일을 받고
연결되어 있는 javascript bundle 파일을 다운로드하여서 실행시키면서 페이지가 렌더링 된다.
반면 SSR(Server Side Rendering)은 브라우저가 서버에서 이미 렌더링 되어있는 html을 받고
javascript bundle 파일을 다운로드한다.
SSR을 사용하면 이미 렌더링 되어있는 html 파일을 받기 때문에
봇이 javascript를 실행할 필요 없이 크롤링을 할 수 있다.
Canonical Tag
url 구조는 아래와 같다.
하지만 url이 다르더라도 같은 링크로 이동할 수 있다.
https://example.com/
https://www.example.com
https://example.com
url이 다르지만 동일한 콘텐츠를 가지고 있는 경우
봇이 크롤링을 하면서 SEO 점수가 분산될 수 있다.
이럴 경우 canonical tag를 사용해서 대표 url을 명시한다면 SEO 점수를 집중시킬 수 있다.
<link rel="canonical" href="https://www.example.com" />
Sitemap.xml과 Robot.txt
robot.txt 파일은 봇의 접근을 허용하고 접근 범위를 명시하는 역할을 한다.
User-agent: Googlebot
Allow: /
User-agent: *
Disallow: /
sitemap.xml 파일은 봇에게 url의 다양한 정보를 목차처럼 제공하는 역할을 한다.
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.example.co.kr</loc>
<lastmod>2025-10-01T05:25:36.536Z</lastmod>
</url>
<url>
<loc>https://www.example.co.kr/test</loc>
<lastmod>2025-10-01T05:25:36.536Z</lastmod>
</url>
</urlset>
Crawl Budget
crawl budget은 봇이 웹사이트에서 크롤링해서 정보를 수집할 수 있는 시간을 말한다.
100초의 시간이 주어지고 1페이지당 정보를 수집하는 데 걸리는 시간이 10초라면 총 10페이지를 봇이 읽어갈 수 있다.
봇이 웹사이트에서 최대한 많은 페이지를 읽어가게 하기 위해서는
봇이 개별 페이지의 정보를 수집하는 시간을 줄이고 웹사이트에 머무는 시간을 늘리면 된다.
페이지의 정보를 수집하는 시간을 줄이는 방법으로 LCP를 개선할 수 있다.
LCP(Largest Contentful Paint)는 페이지의 로딩 시간을 측정하는 지표 중 하나로
가장 큰 콘텐츠 요소가 화면에 표시되는 시간을 말한다.
실제로 강남언니에서는 카테고리와 지역의 조합으로 노출 페이지를 만들고
crawl budget 개선을 통해 클릭수를 높였다고 한다.
검색 클릭 증가
Meta Tag
meta tag는 페이지에 대한 메타데이터 역할을 한다.
<meta name="description" content="SEO 전략" />
<meta name="keywords" content="SEO, Web" />
아래는 안 좋은 케이스로 일본에서 구글 검색을 하고 있는데 한국어가 노출이 되고 있다.
meta tag가 각 나라에 맞는 언어로 들어가지 않은 것이다.
이 경우 사이트에 대한 신뢰도가 내려갈 수 있다.
Semantic Tag
semantic tag는 html 요소가 어떤 의미를 가지는지 명확하게 표현하는 것을 말한다.
단순히 div tag를 쓰는 것보다 header tag, main tag, footer tag와 같은 semantic tag를 쓰면
의미를 더 잘 드러낼 수 있다.
아래는 네이버 검색 결과로 h1 tag, h2 tag, section tag를 활용했을 때
interactive한 검색 결과가 노출이 되는 것을 확인할 수 있다.
구조화된 데이터
meta tag는 html 표준으로 페이지에 대한 기본 정보를 제공한다면
구조화된 데이터로 사용되는 JSON-LD(Javascript Object Notation For Linked Data)는
JSON 형식의 구체적인 정보를 제공할 수 있다.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "AI 서비스",
"description": "AI 서비스입니다.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "120"
}
}
아래는 구조화된 데이터를 사용했을 때
리뷰나 가격과 같은 구체적인 정보를 노출시킬 수 있다는 것을 확인할 수 있다.
권위/신뢰 향상
Core Web Vital
앞에서 살펴봤던 LCP 이외에도 INP와 CLS 지표도 SEO와 관련이 있다.
INP(Interaction To Next Paint)는 사용자가 페이지와 상호작용 후 화면이 렌더링 될 때까지의 시간이다.
사용자가 입력을 했는데 UI 업데이트가 느리면 INP 점수가 내려간다.
CLS(Cumulative Layout Shift)는 요소가 갑자기 이동하는 정도를 나타낸다.
페이지가 로딩될 때 이미지가 나중에 로딩되면서 밑에 있는 글이 아래로 밀린다면 CLS 점수가 내려간다.
External Link Management
권위 있는 사이트에 링크를 달면 해당 링크의 권위도 증가한다.
아래는 일본에서 트위터를 많이 쓰다 보니 트위터를 사용해서 홍보했을 때
연결되어 있는 페이지 수가 증가한 것을 확인할 수 있다.
