Search Engine Optimization
검색 엔진 최적화는 인터넷 브라우저에 검색시 검색의 정확도와 연관성을 높이는 기술이다.
보통 HTML 페이지는 <head> tag 를 갖는데 여기에 다음과 같은 메타데이터를 포함한다.
metadata tag
- title
- charset
- name
- content
title
북마크 설정 또는 검색 결과에 쓰인다.
charset
ex) utf-8, 브라우저가 해당 웹 페이지를 해석하는 방식을 결정한다.
name 과 content
name 이 key, content 가 value 라고 보면된다.
보통 아래와같이 `author` , `description` 과 같은 값이 사용된다.
<meta name="author" content="Chris Mills" />
<meta
name="description"
content="The MDN Web Docs Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing websites and applications." />
description 은 검색시 해당 페이지 링크 밑에 설명으로 띄워지는 부분이다.
`MDN Docs` 라고 구글에 검색하면 다음과 같은 결과가 나온다.
위 결과에서 title 은 `MDN Web Docs` 고 description 의 content 값이 "The MDN Web Docs site provides information about Open Web technologies ..." 이다.
SEO 의 시작은 head 안에 metadata 를 얼마나 잘 명시하느냐가 되겠다.
사용 팁
keywords 라는 name 은 효력이 없다.
🔗 Reference
What's in the head? Metadata in HTML - Learn web development | MDN
That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there f
developer.mozilla.org
'Web' 카테고리의 다른 글
| URL vs URI (0) | 2022.03.08 |
|---|---|
| Why should we use Short URL (0) | 2022.02.24 |
| Webpack (0) | 2021.08.11 |
| https 인증서 (SSL) 발급하기 (0) | 2021.03.17 |
| TypeScript + Koa 프로젝트 생성 (0) | 2020.12.03 |