안녕하세요 게임입니다. 이번 시간에는 검색엔진 최적화에 대해서 이야기를 해보려고 하는데요. 마케팅적인 개념보다는 기술적인 관점에서 이 검색엔진 최적화, 뭐 어떻게

작동하는지 그 원리를 간단히 소개해 보도록 하겠습니다. 어 일단 저희가 웹사이트를 이제 새롭게 만들었다고 가정했을 때 이제 두

가지 이미지가 있을 거예요. 하나는 네이버와 구글 같은 검색 엔진에 잘 노출이 되고 사용자에게 이렇게 되었으면 좋겠다.

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

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

그리고 이제 검색엔진 최적화를 통해서 저희가 검색을 하면 이렇게 크롤링, 색인, 메타태그란 용어가 등장하는데 이제 이것들이 어떤 내용인지 그 개념도

간단히 소개해보겠습니다. 자, 이해를 돕기 위해서 저희가 구글이라는 건데, 포털을 만드는 과정을

할게요. 그럼 처음에는 이제 아무런 데이터가 없기 때문에 온라인에 있는 수많은 웹 페이지를 수집을 해야 돼요. 예를 들어서 이제 이런 문서들이 넘쳐날 거고

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

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

인덱싱이라고 합니다. 크롤링과 인덱싱은 검색엔진에서 사용하는 용어라고 보시면 될 것 같아요. 그런데 이때 웹 문서가 이렇게 뭐 정제되지 않게 등록이 되어있으면은

검색엔진이 의미 있는 키워드를 뽑아내기 굉장히 어려워요. 그렇기 때문에 문제, 구글이나 네이버에서는 검색엔진 최적화 가이드라는

문제를 내려 줘서 우리의 검색엔진이 잘 수집해 갈 수 있도록 당신의 이 웹페이지를 추적하여 달라는 문서를 배포하고 있습니다

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

이런 식으로 작동한다고 이해하시면 좀 더 쉬울 것 같아요 그렇게 되면 아무래도 검색엔진 입장에서는 이제

정보를 중심으로 이제 소외가 새긴 과정을 거치기 때문에 웹 사이트를 만든 사람이 원하는 의도대로 이제 검색 정보를 제공할 수도 있구요

이런 글들을 조금 더 상위에 그 시기에 되요 근데 뭐 구조가 잘 전개되어 있다라고 항상 상위에 그대는 건 아니구요

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

두 번째로 저희가 이제 검색 포털이 아니라 이제 곡을 채팅이나 서비스를 만난다고 생각을 해 볼게요

그때 저희가 어떤 웹사이트의 콘텐츠를 공유하는 경우가 발생하게 되는데 이때 이제 문서가 이런 형태로 공유가 된다라고 하면은

어 좀 보기 여기저기 안 좋을 거예요 뭐 사진 없는 경우도 있고 텍스트가 엉망으로 들어간 경우도 있는데 저희는 이런 입력에는 이제 꼭 SNS 에

공유할 때 이렇게 조금 전개되어 예쁘게 보여주면 훨씬 좋겠죠 그래서 우리는 음 콘텐츠 미리보기 화면을 예쁘게 꾸며주고 싶습니다

그래서 이제 메타 태그라는 개념을 살펴볼 건데 요렇게 검색 포털이 잘 가져갈 수 있도록 구조화를 하는 거죠 그 다음에

이제 SNS 의 미리보기를 훨씬 더 보기 좋게 하기 위한 과정을 메타 태그를 활용하게 되구요 이때 어떻게 검색 포털을 위한 메타 태그가 이런 식으로

뭐 타이틀, 몸에 타, 네임에 디스크 리핏이란 뭐 저자 키워드 뭐 이런 식으로 구성이 되어 있고 그 다음에 이제 및 2 보기에 해당하는 메타

태그는 4 메타 네임에 이제 보오지 오지는 오픈 그래프 앱짱 인데요 이제 오픈 그래프 라는 책으로 감싸 가지고 이렇게 정리를 해주면은

검색엔진은 이 메타 태그를 이용해서 검색 결과 면을 구성을 하고 이제 sns 에서는 이 메타 태그를 통해서 이제 및 2 보기 화면을 구성한다

고 이해를 하시면 됩니다 막상 이렇게 보면 이제 그래도 이해가 잘 안되는 경우가 생길 수가 있는데요 제가 실제 화면을 보고 설명을 드리겠습니다

내 지금 무신 하면 이제 브런치 사이트 인데요 저의 게다가 새로운 그래 써보겠습니다 그래서 요즘엔 받았거든요 이건 전부 들어 진짜 버려야 되요

밤새 겁니다 네 이제 이렇게 등록을 하게 되면은 이클 하나가 완성이 되는 거에요 또 저장을 하게 되면은 이제 온라인에

이제 그 기반해서 되는 거고 어 여기에 마우스 우클릭을 하게 되면 이제 페이지 소스 보기를 통해서 이제 html 코드를 볼 수가 있어요

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

되요 그래서 이제 에이스에 모자 파일인데 검색엔진 크롤링을 할 때는 여기 메타 태그에 있는 이 부분에 있는 내용을 수집해서 어느새 긴 작업을

한다고 이해하면 좋을 거 같구요 여기 아까 얘기했던 이제 오픈 그래프 태그가 있는데 이제 요것들이

저희가 sns 에 공유할 때 보여지는 내용들이에요 그래서 sns 에 공유할 때 요렇게 타이틀은 정보는 요걸로 그 다음 설명 글은 요걸로 그 다음에 소개

이미지는 지금 이미지를 사용할 끔 설정이 되어 있습니다 얘는 아직 점씩 발행된 건 아니기 때문에 공유가 안 되는데 제가 부 런치

에서 아무 글이나 하나 고민해 볼게요 여기에 있는 이 글을 공유한다고 했을 때 카톡의 링크를 공유하면은 이제 오픈 그래프 메타태그 있는 정보를 가지고

와서 이 미리보기 화면을 구성한다라고 이해하시면 됩니다 페이스북 다만 해볼까요 페이스북 또 마찬가지로 이렇게 url 입력을 하면

은 되고 오픈 그래프는 메타태그의 있는 정보를 가지고 와서 이렇게 요약정보 화면 구성을 하게 됩니다 네 그래서 저희가 웹사이트를 잘 만드는 것도 당연히 중요한데 이렇게

눈에 보이지 않는 요소의 검색엔진 최적화 위한 작업을 하는 것들도 굉장히 중요합니다 스타트업을 이제 처음 창업하시는 거나 IT 서비스를 처음 만드는 경우에는

이런 것들을 강조하는 경우가 많은데 이런 것들은 꼭 챙기셔야 된다는 부분들을 이제 이해하시면 좋을 것 같구요

마지막으로 이제 카페24의 샘플 하나 보여드리도록 할게요 여기 보면은 쇼핑몰 체험 버튼을 클릭하면은

관리자 페이지를 미리 볼 수가 있습니다. 류 여기에 설정 메뉴에 들어가면 은 여기 우측에 이제 검색엔진최적화 라는 메뉴가 있어요. 여기 클릭을 하게

되면은 요렇게 어 SEO 태그와 오픈 그래프 태그를 결정할 수가 있는데 어 기본적으로 이제 카페 이 스 에서 제공하는 이렇게 형태로 뭔가

정보는 입력되어 있는데 여기에 저희집에 C 를 설정할 바꾸고 싶으면 은 여기에 있는 변수와 네 제가 생각하는 키워드를 같이 더 가지고

이제 SEO 를 조금 더 자유자재로 커스터마이징 할 수도 있겠습니다. 네 그래서 여기까지 SEO 이후에 기교적인 개념을 좀 간단히 설명을 드려

봤는데요. 혹시나 잘 모르시고 계셨던 분들이 계셨다면 도움이 되셨으면 좋겠습니다. 감사합니다.

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

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


데이먼의 PM 일지

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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