: 검색 엔진 최적화, 검색 엔진의 작동 방식에 맞게 웹 페이지를 최적화하는 것
: 페이지 내부에서 진행할 수 있는 SEO
: 웹 사이트 외부에서 이루어지는 SEO
<title>
요소: 검색 결과창에서 제목에 해당하는 요소
<title>
요소에 어떤 내용을 작성하는지에 따라 검색 후 유입까지 유도할 수 있다.<title>
요소에 핵심 키워드가 포함되면 상위에 노출될 확률이 높아진다.예시)
<title>강아지 - 위키백과, 우리 모두의 백과사전</title>
<meta>
요소: 메타 데이터를 담는 요소
*메타데이터 : 해당 웹 사이트에서 다루고 있는 데이터가 무엇인지에 대한 데이터
name
속성 - SEO가 목적name 속성값 | 설명 |
---|---|
description | 콘텐츠에 대한 간략한 설명. 검색 결과에서 제목 밑에 뜨는 내용 |
keywords | 웹 페이지의 관련 키워드들을 나열할 때 사용 |
author | 콘텐츠의 제작자를 표시 |
예시)
<meta name="description" content="강아지(puppy, 프랑스어: Chiot)는 개의 새끼를 일컫는다. 강아지는..."></meta>
<meta name="keywords" content="강아지. 개, 퍼피, puppy"></meta>
property
속성 - 링크 공유가 목적property
속성을 사용하는 경우는 오픈 그래프(Open Graph)라고 하며, 각 속성값 앞에는 오픈 그래프를 뜻하는 "og"가 붙는다.
property 속성값 | 설명 |
---|---|
og:url | 페이지의 표준 URL |
og:site_name | 사이트 이름 |
og:title | 콘텐츠 제목 |
og:description | 콘텐츠에 대한 간략한 설명. 검색 결과에서 제목 밑에 뜨는 내용 |
og:image | 미리보기로 표시될 이미지 |
og:type | 콘텐츠의 미디어 유형. 기본값은 website로, video, music 등의 유형을 표시할 수 있다. |
og:locale | 리소스 언어. 기본값은 en_US |
예시)
<meta property="og:title" content="강아지 - 위키백과, 우리 모두의 백과사전">
<meta property="og:description" content="강아지(puppy, 프랑스어: Chiot)는 개의 새끼를 일컫는다. 강아지는..." />
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Golde33443.jpg/640px-Golde33443.jpg">
<meta property="og:type" content="website">
<hgroup>
요소: 콘텐츠의 제목을 표시하는 요소
<hgroup>
요소의 내용을 중요하게 취급하므로, 콘텐츠를 작성할 때 <hgroup>
요소에 핵심 키워드를 넣어주면 SEO에 도움이 된다.아이디어나 이름이 겹치지 않으면, 관련 키워드를 검색했을 때 해당 웹 사이트가 상위에 노출될 확률이 매우 높다.
타 사이트의 글을 그대로 복사해서 사용하면 검색 엔진은 중복 문서로 판정하여 아예 검색 결과에서 생략해버리기도 한다.
페이지 제목과 설명글에는 웹 사이트와 관련 있는 키워드를 넣어야 하며, 같은 키워드를 너무 많이 반복해서는 안된다.
검색 엔진이 스팸 요소가 있는 사이트로 분류할 수도 있고, 사용자의 만족도도 낮아진다.
글자로 적어도 될 내용을 굳이 이미지로 만들어서 작성하지 않는다. (검색 엔진이 이미지를 읽지 못하기 때문)
alt
속성을 사용해 이미지에 대한 설명을 텍스트로, 간결하게 작성해줘야 한다.읽어보면 좋은 내용
검색엔진 최적화(SEO) 기본 가이드 - Google
웹마스터 가이드 - Naver