안녕하세요 데이먼입니다. 이번 시간에는 검색엔진 최적화에 대해서 이야기를 해보려고 하는데요.

마케팅적인 개념보다는 기술적인 관점에서 이 검색엔진 최적화가 어떻게 작동하는지 그 원리를 간단히 소개해 보도록 하겠습니다.

일단 저희가 웹사이트를 새롭게 만들었다고 가정했을 때 두 가지 니즈가 있을 거예요.

하나는 네이버와 구글 같은 검색 엔진에 잘 노출이 되고 상위에 이렇게 되었으면 좋겠다.

두 번째는 이제 페이스북, 카카오톡 같은 SNS에 공유했을 때 정보가 예쁘게 공유되었으면 좋겠다.

이런 니즈가 있을 텐데, 이제 그런 것들을 하기 위해서는 검색엔진 최적화를 굉장히 잘해야 됩니다.

그리고 이제 검색엔진 최적화로 저희가 검색을 하면 이렇게 크롤링, 색인, 메타태그란 용어가 등장하는데, 이제 이것들이 어떤 내용인지 그 개념도 간단히 소개해보겠습니다.

자, 이해를 돕기 위해서 저희가 구글이라는 포털을 만든다고 가정할게요.

그럼 처음에는 이제 아무런 데이터가 없기 때문에 온라인에 있는 수많은 웹 페이지를 수집을 해야 돼요.

예를 들어서 이제 이런 문서들이 엄청 많을 거고 이런 정보를 수집을 해가지고 검색 키워드를 뽑아내고 이 제거 그 검색했을 때 보여주는 결과면들을 다 구성을 해야 돼요.

그래서 이제 검색 엔진이 이렇게 온라인에 있는 문서를 수집하는 과정을 크롤링이라고 하고 이걸 이제 팩 가 자산 형태로 등록하는 과정을 이라고 합니다.

크롤링과 색인은 검색 엔진에서 사용하는 용어라고 보시면 될 것 같아요.

그런데 이때 웹 문서가 이렇게 뭐 정재되지 않게 등록이 되어있으면은 검색 엔진이 의미 있는 키워드를 뽑아내기 굉장히 어려워요.

그렇기 때문에 구글이나 네이버에서는 검색 엔진 최적화 가이드라는 문제를 내려줘서 우리의 검색 엔진이 잘 수집해 갈 수 있도록 당신의 이 웹 페이지를 추적하여 달라는 문서를 배포를 하고 있습니다.

그래서 이제 이렇게 검색 엔진이 잘 가져갈 수 있도록 제목과 설명과 키워드를 정재 해서 만들어 놓으면은 우리 검색 엔진이 요 정보를 먼저 수집을 해 갈게요.

이런 식으로 작동한다고 이해하시면 좀 더 쉬울 것 같아요.

그렇게 되면 아무래도 검색엔진 입장에서는 어떠한 정보를 중심으로 이제 순위가 매겨지는 과정을 거치기 때문에 웹사이트를 만든 사람이 원하는 의도대로 이제 검색 정보를 제공할 수도 있구요.

이런 글들을 조금 더 상위에 노출시키게 돼요. 근데 뭐 구조가 잘 전개되어 있다라고 항상 상위에 노출되는 건 아니구요.

또 이 페이지의 뭐 조회수라든지 공익성 등을 다 분석을 해 가지고 검색엔진은 상위로 노출될 콘텐츠를 결정하게 됩니다.

두 번째로 저희가 이제 검색 포털이 아니라 이제 구글처럼 다른 서비스를 만든다고 생각을 해 볼게요.

그때는 저희가 어떤 웹사이트의 콘텐츠를 공유하는 경우가 발생하게 되는데 이때 이제 문서가 이런 형태로 공유가 된다라고 하면은 어 좀 보기에 영 좋지 않을 거예요.

뭐 사진이 없는 경우도 있고 텍스트가 엉망으로 들어간 경우도 있는데 저희는 이런 웹페이지를 이제 SNS에 공유했을 때 이렇게 조금 전개되어 예쁘게 보여주면 훨씬 좋겠죠.

그래서 우리는 음, 콘텐츠 미리보기 화면을 예쁘게 구성하고 싶습니다.

그래서 이제 메타태그 하나의 개념을 살펴볼 건데 요렇게 검색 포털이 잘 가져갈 수 있도록 구조화를 하는 과정, 그 다음에 이제 SNS의 미리보기를 확보하기 위한 과정을 메타 태그가 담당하게 되고요.

이때 어, 여기 검색 포털을 위한 메타 태그가 이런 식으로 뭐 타이틀, 뭐 메타 네임에 디스크립션, 뭐 저자, 키워드, 뭐 이런 식으로 구성이 되어 있고 그 다음에 이제 미리보기에 해당하는 메타 태그는 네, 메타 네임에 이제 OG.

OG는 오픈 그래프의 약자인데요.

이제 오픈 그래프라는 태그로 감싸 가지고 이렇게 정리를 해주면은 검색 엔진은 이 메타 태그를 이용해서 검색 결과 면을 구성을 하고 이제 SNS에서는 이 메타 태그를 통해서 이제 미리 보기 화면을 구성한다 고 이해를 하시면 됩니다.

막상 이렇게 보면 이제 그래도 이해가 잘 안 되는 경우가 생길 수가 있는데요.

제가 실제 화면을 보고 설명을 드리겠습니다.

네 지금 보시면 이제 브런치 사이트인데요. 제가 여기다가 새로운 글을 써보겠습니다.

그래서 요즘에 받았거든요. 이건 전부 다 진짜 버려야 돼요.

발행할 겁니다. 네 이제 이렇게 등록을 하게 되면은 이 글 하나가 완성이 되는 거예요. 또 저장을 하게 되면은 이제 온라인에 이제 그 기반이 되는 거고, 어 여기에 마우스 우 클릭을 하게 되면은 이제 페이지 소스 보기를 통해서 이제 HTML 코드를 볼 수가 있어요.

실제로 우리 눈에는 이렇게 화면이 구성되어 시각적으로 보이지만 뒷단에는 컴퓨터가 인식할 수 있도록 이렇게 코딩이 되어 있다고 보시면 돼요.

그래서 이제 HTML 파일인데 검색엔진 크롤링을 할 때는 여기 메타 태그에 있는 이 부분에 있는 내용을 수집해서 색인 작업을 한다고 이해하면 좋을 것 같고요.

여기 아까 얘기했던 이제 오픈 그래프 태그가 있는데 이제 요것들이 저희가 SNS에 공유할 때 보여지는 내용들이에요.

그래서 SNS에 공유할 때 요렇게 타이틀은 정보는 요걸로, 그다음 설명글은 요걸로, 그다음 소개 이미지는 지금 이미지를 사용할 수 있게끔 설정이 되어 있습니다.

얘는 아직 정식 발행 글은 아니기 때문에 공유가 안 되는데 제가 브런치 에서 아무 글이나 하나 고민해 볼게요.

여기에 있는 이 글을 공유한다고 했을 때, 카톡에 링크를 공유하면은 이제 오픈 그래프 메타 태그에 있는 정보를 가지고 와서 이 미리보기 화면을 구성한다고 이해하시면 됩니다.

페이스북 한번 해볼까요? 페이스북 또 마찬가지로 이렇게 URL 입력을 하면은 오픈 그래프는 메타 태그에 있는 정보를 가지고 와서 이렇게 요약 정보 화면 구성을 하게 됩니다.

네, 그래서 저희가 웹사이트를 잘 만드는 것도 당연히 중요한데 이렇게 눈에 보이지 않는 요소의 검색 엔진 최적화를 위한 SEO 작업을 하는 것들도 굉장히 중요합니다.

스타트업을 이제 처음 창업하시거나 IT 서비스를 처음 만드는 경우에는 이런 것들을 간과하는 경우가 많은데 이런 것들은 꼭 챙기셔야 된다는 부분들을 이제 이해하시면 좋을 것 같고요.

마지막으로 이제 카페24의 샘플 하나 보여드리도록 할게요.

여기 보면은 쇼핑몰 체험 버튼을 클릭하면은 관리자 페이지를 미리 볼 수가 있습니다.

그리고 여기에 설정 메뉴에 들어가면은 여기 우측에 이제 검색엔진 최적화라는 메뉴가 있어요.

여기 클릭을 하게 되면은 요렇게 어 SEO 태그와 오픈 그래프 태그를 결정할 수가 있는데 어 기본적으로 이제 카페24에서 제공하는 이렇게 형태로 뭔가 정보는 등록이 되어 있는데 여기에 저희가 SEO를 설정하고 바꾸고 싶으면 은 여기에 있는 변수와 네 제가 생각하는 키워드를 같이 넣고 이제 SEO를 조금 더 자유자재로 커스터마이징 할 수도 있겠습니다.

네 그래서 여기까지 SEO의 기본적인 개념을 좀 간단히 설명을 드려 봤는데요 혹시나 잘 모르시고 계셨던 분들이 계셨다면 도움이 되셨으면 좋겠습니다.

7분만에 끝내는 검색엔진 최적화(SEO) 구동 원리

OTT 콘텐츠 통합검색 플랫폼 '키노라이츠' 를 만들고 있어요! CPO/PM/기획자 관점에서 배우고 경험한 것들을 공유합니다.
#기획자데이먼


기획자 데이먼

검색 엔진 최적화(SEO)는 웹사이트가 검색 결과에 잘 노출되고 SNS에 예쁘게 공유되도록 하는 필수적인 작업입니다.

SEO의 핵심 원리는 검색 엔진이 웹 문서를 수집(크롤링)하고 분류(색인)할 수 있도록, 웹 페이지의 제목, 설명, 키워드를 구조화하는 '메타 태그'를 활용하는 것입니다.

'메타 태그' 중 오픈 그래프(OG) 태그는 SNS 공유 시 미리 보기 화면을 구성하는 데 사용되어, 콘텐츠의 시각적 매력을 높이는 데 중요합니다.

이번 시간에는 검색 엔진 최적화(SEO)에 대해 **마케팅적인 관점보다는 기술적인 작동 원리**를 중심으로 간단히 소개합니다. 웹사이트를 새로 만들었을 때, 네이버나 구글 같은 검색 엔진에 잘 노출되고 상위에 랭크되기를 바라는 니즈와, 페이스북, 카카오톡 같은 SNS에 공유했을 때 정보가 예쁘게 공유되기를 바라는 니즈를 충족시키기 위해 SEO가 중요합니다.

SEO 관련 검색 시 자주 등장하는 크롤링, 색인, 메타 태그와 같은 용어들이 **어떤 개념인지 그 원리를 간단히 설명**합니다.

검색 엔진의 정보 수집 과정: 크롤링과 색인

구글과 같은 포털을 만든다고 가정하면, 처음에는 데이터가 없으므로 온라인의 수많은 웹 페이지를 수집해야 합니다. 검색 엔진이 온라인 문서를 수집하는 과정을 **'크롤링'**이라고 하며, 이를 자산 형태로 등록하는 과정을 **'색인'**이라고 합니다. 이 용어들은 검색 엔진에서 사용됩니다.

웹 문서가 정제되지 않은 상태로 등록되어 있으면 검색 엔진이 의미 있는 키워드를 뽑아내기 어렵습니다. 따라서 구글이나 네이버는 검색 엔진 최적화 가이드를 제공하여, **검색 엔진이 잘 수집할 수 있도록 웹 페이지를 구조화**하도록 권고합니다. 제목, 설명, 키워드를 정제하여 만들어 놓으면 검색 엔진이 이 정보를 먼저 수집해 가는 방식으로 작동합니다.

검색 엔진은 수집된 정보를 바탕으로 순위를 매기는데, 웹사이트 제작자가 원하는 의도대로 검색 정보를 제공하고 **구조가 잘 정제된 글을 상위에 노출**시키려는 경향이 있습니다. 하지만 단순히 구조화만으로 상위 노출이 보장되는 것은 아니며, 페이지의 조회수나 공익성 등도 함께 분석하여 최종적으로 노출될 콘텐츠를 결정합니다.

구글처럼 다른 서비스를 만들 때, 웹사이트 콘텐츠를 공유하는 경우가 발생합니다. 이때 문서가 무질서하게 공유되면 보기에 좋지 않습니다. 저희는 웹 페이지를 SNS에 공유했을 때 **미리보기 화면이 예쁘게 구성되기를 원합니다**.

메타 태그는 검색 포털이 정보를 잘 가져갈 수 있도록 구조화하는 과정과 SNS에서 미리보기를 확보하는 과정을 담당합니다. 검색 포털을 위한 메타 태그는 타이틀, 디스크립션, 저자, 키워드 등으로 구성되며, 미리보기에 해당하는 메타 태그는 **오픈 그래프(OG) 태그**로 감싸 정리합니다. 검색 엔진은 이 메타 태그를 이용해 검색 결과 화면을 구성하고, SNS는 미리보기 화면을 구성합니다.

실제 웹사이트에서의 메타 태그 활용

실제 웹사이트(예: 브런치)에서 글을 작성하고 발행한 후, 페이지 소스 보기를 통해 HTML 코드를 확인할 수 있습니다. 시각적으로 보이는 화면 뒤에는 컴퓨터가 인식할 수 있도록 코딩된 HTML 파일이 있습니다. 검색 엔진은 크롤링 시 HTML 파일 내 **메타 태그의 내용을 수집하여 색인 작업을 수행**합니다.

오픈 그래프 태그는 SNS에 공유할 때 보여지는 내용들을 정의합니다. 예를 들어, 카카오톡이나 페이스북에 URL을 공유하면 **오픈 그래프 메타 태그에 있는 정보를 가져와 미리보기 화면을 구성**하는 것을 확인할 수 있습니다.

웹사이트를 잘 만드는 것도 중요하지만, **눈에 보이지 않는 요소인 검색 엔진 최적화를 위한 SEO 작업** 역시 매우 중요합니다. 스타트업을 창업하거나 IT 서비스를 처음 만들 때 이러한 부분을 간과하는 경우가 많지만, 반드시 챙겨야 할 부분입니다.

카페24와 같은 쇼핑몰 솔루션에서는 관리자 페이지 내 '검색엔진 최적화' 메뉴를 통해 SEO 태그와 오픈 그래프 태그를 설정할 수 있습니다. 기본적으로 제공되는 정보 외에, **변수와 키워드를 활용하여 SEO를 자유자재로 커스터마이징**할 수도 있습니다.

이 설명을 통해 SEO의 기본적인 개념을 이해하는 데 도움이 되었기를 바랍니다.

검색엔진 최적화(SEO)의 기술적 원리 소개

새 웹사이트 제작 시, 검색엔진 노출 및 SNS 공유 목표 설정

크롤링, 색인, 메타태그 개념 설명

검색엔진의 웹페이지 수집(크롤링) 및 등록(인덱싱) 과정 설명

검색엔진 최적화 가이드라인을 통한 웹페이지 정보 제공

검색엔진의 콘텐츠 상위 노출 결정 요소(조회수, 공익성 등)

웹사이트 콘텐츠 공유 시 발생 가능한 문제점(사진 부재, 텍스트 혼란 등)

콘텐츠 미리보기 화면 개선을 위한 메타태그 활용

메타태그를 이용한 검색 포털 및 SNS 미리보기 최적화

검색 포털 및 SNS 메타태그 구성 요소 설명

실제 웹사이트 예시를 통한 설명

브런치 사이트 예시를 통한 HTML 코드 및 메타태그 확인

검색엔진 크롤링 과정에서 메타태그 정보 수집

SNS 공유 시 메타태그 정보를 이용한 미리보기 화면 구성

검색엔진 최적화의 중요성 강조

스타트업 및 IT 서비스 개발 시 검색엔진 최적화 중요성 강조

카페24 예시를 통한 SEO 설정 방법 소개

카페24 관리자 페이지에서 SEO 태그 및 오픈 그래프 태그 설정

키워드 설정 및 SEO 커스터마이징 방법

7분만에 끝내는 검색엔진 최적화(SEO) 구동 원리

스크립트