1. SEO(Search Engine Optimization)는,
검색엔진 최적화라는 의미로, 사용자가 검색 엔진에서 키워드를 검색했을 때 정확한 정보를 바탕으로 웹을 노출시키는 작업을 말한다.
2. SEO에는 크게 On-Page SEO와 Off-Page SEO로 나뉜다.
1. On-Page SEO : 말 그대로 페이지 내부에서 진행할 수 있는 SEO로, 제목과 콘텐츠, 핵심 키워드의 배치, 효율적인 HTML 요소 사용법 등을 이용하는 방법
2. Off-Page SEO : 웹 사이트 외부에서 이루어지는 SEO로, 소셜 미디어 홍보, 백링크(타 사이트에서 연결되는 링크) 등을 이용하는 방법
코드에서 조작할 수 있는 SEO는 On-page SEO이다.
3. SEO 최적화를 위한 방법
SEO 최적화를 위한 방법은 검색엔진을 운용하는 회사마다 각기 차이가 있다.
* Google SEO : https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko#plannavigation
* Naver SEO : https://searchadvisor.naver.com/guide
하지만, 모든 검색엔진에서 통상적으로 SEO 최적화를 위한 큰 흐름이 존재한다.
<title> 요소 : <head> 요소의 자식요소로, 웹 페이지의 제목에 해당하면 "핵심 키워드"가 포함되면 상위에 노출될 확률이 높아진다.
<!DOCTYPE html>
<html lang="ko-KR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 요기가 타이틀! -->
<title>Haseong's Study Flatform</title>
</head>
<body></body>
</html>
<meta>요소 : 요소의 자식요소로, 해당 웹 페이지가 담고 있는 데이터에 대한 설명을 담고 있다. (오픈그래프와 구분할 필요가 있다!)
/* 요건 SEO를 위한 메타 요소 */
<meta name="속성값" content="내용" />
/* 예시 */
/* description : 콘텐츠에 대한 간단 설명 */
<meta name="description" content="내용" />
/* keywords : 웹 페이지 키워드 나열 */
<meta name="keywords" content="내용" />
/* author : 웹 페이지의 제작자 */
<meta name="author" content="내용" />
/* 요건 오픈그래프를 위한 메타 요소 */
<meta property="속성값" content="내용" />
/* og:url === 오픈 그래프의 url */
<meta property="og:url" content="내용" />
/* og:site_name === 사이트의 이름 */
<meta property="og:site_name" content="내용" />
/* og:title === 콘텐츠의 제목 */
<meta property="og:title" content="내용" />
/* og:description === 콘텐츠의 간단 설명 */
<meta property="og:description" content="내용" />
/* og:image === 미리보기 이미지 */
<meta property="og:image" content="내용" />
/* og:type === 콘텐츠의 미디어 유형(website,video,music 등) */
<meta property="og:type" content="내용" />
/* og:locale === 리소스의 언어(en_US, ko_KR 등) */
<meta property="og:locale" content="내용" /><hgroup> 요소 : 검색엔진은 <h1> ~ <h6>을 제목으로 인식하고, 이에 핵심내용이 들어있을 것으로 판단하고 읽어감으로, 해당 요소에 핵심내용을 포함시키는 것이 좋다
'프로그래밍 언어 > HTML, CSS' 카테고리의 다른 글
| [Trouble Shooting] <input> 태그에서 undefined가 제출되는 경우 (0) | 2023.04.11 |
|---|---|
| Sementic Tag(웹 표준) (0) | 2023.02.28 |
