[ HTML ] SEO 최적화
안녕하세요. Kim.YJ 입니다.
이번 콘텐츠는 검색엔진이 무엇인지,
검색 엔진 최적화가 무엇이지 포스팅해 보겠습니다.
천천히 하나씩 알아보겠습니다.
[ 검색엔진 (Search Engine) 과 동작원리 ]
1. 검색엔진(search engine)이란?
인터넷 환경이 점점 발달함에 따라 웹 상에는 엄청난 양의 자료들이 넘쳐나기 시작했고,
방대한 자료 중에서 자신이 원하는 자료를 찾는 것이 힘든 일이 되었습니다.
웹에 존재하는 많은 양의 정보 중에서 사용자가 원하는 정보만을 여러 웹 사이트나 웹 페이지 등에서 검색해 주는 시스템이나 프로그램 등을 통틀어 검색 엔진(search engine) 이라고 합니다.
이러한 검색 엔진은 사용자가 원하는 정보를 웹에서 찾는데 걸리는 시간을 최소화 할 수 있게 도와줍니다.
2. 검색엔진의 동작원리
💡 검색엔진은 크게 크롤링 > 파싱 > 색인 > 검색 의 순서로 동작합니다.
-
크롤링 (Crawling)
웹상의 수많은 정보를 긁어오는 과정을 말합니다. -
파싱 (Parsing)
수집한 정보에서 제목,본문 등 필요한 요소만을 추출하는 과정을 말합니다. -
색인 (Indexing)
각 정보를 정리하고 구분화하는 과정을 말합니다. -
검색 (Search)
검색어를 입력 해서 결과값을 얻는 과정을 말합니다.
[ 검색엔진 (Search Engine Optimization) 최적화란? ]
SEO는 ‘Search Engine Optimization’의 약자로 Search Engine, 즉 구글과 같은 검색엔진에 친화적인 사이트를 구축하여 광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을 극대화하는 작업을 의미합니다.
검색엔진 최적화를 위한 작업
1. 메타 태그 (Meta Tag)
meta 태그는 HTML 문서에서 다양한 메타데이터를 정의하기 위해 사용되는 태그입니다.
검색엔진에 영향을 주는 대표적인 메타 태그는 아래와 같습니다.
- title 태그
<title>안녕하세요. Kim.YJ 입니다.</title>
- description 태그
<meta content="Kim Youngjae's World of Turning Imagination into Code." name="description">
- robots 태그
<meta content="noindex" name="robots">
- canonical 태그
<link href="https://kyj0206.github.io/" rel="canonical">
2. 오픈 그래프 태그 (Open Graph Tag)
오픈 그래프 태그는 웹페이지의 링크를 SNS에서 공유될때 노출 되는 정보의 데이터를 정의합니다.
검색엔진 최적화 과정에서 SNS 에서의 공유와 트래픽을 판단하는 기준에 되어 검색 상위 노출을 위한
품질 평가에 영향을 주는 태그 입니다.
오픈 그래프 태그는 아래와 같이 쓸수 있습니다.
- og:title : 웹페이지 제목
<meta content="Publishing Engineer" property="og:title">
- og:description : 웹페이지 상세설명
<meta content="My_Story" property="og:description">
- og:image : 웹페이지 썸네일
<meta content="/assets/images/seo.jpg" property="og:image">
- og:type : 웹페이지 유형
<meta content="website" property="og:type">
- og:url : 웹페이지 주소
<meta content="https://kyj0206.github.io/" property="og:url">
지금까지 검색 엔진과 검색엔진 최적화에 대한 포스팅을 하였습니다.
도움이 되는 포스팅이었길 바랍니다.
다음 포스팅은 더 유익한 정보로 찾아뵙겠습니다.
감사합니다!