SEO(Search Engine Optimization, 검색 엔진 최적화)
SEO를 통해 웹 페이지에서 상위에 노출될 수 있다.
-
On-Page SEO
페이지 내부에서의 SEO다.
제목, 콘텐츠, 핵심 키워드 배치, 적절한 HTML 태그 등 -
Off-Page SEO
웹 사이트 외부의 SEO다.
소셜 미디어 홍보, 백링크(타 사이트에서 연결되는 링크) 등
On-Page SEO
1. <title>
<head>의 자식 요소로 작성- 제목이 너무 길거나 짧으면 유입률이 떨어짐
- 핵심 키워드 포함시 상위 노출 가능성 높아짐
2. <meta>
<head>의 자식 요소로 작성
- SEO를 위한 meta 요소
웹 사이트가 어떤 데이터를 다루는지 설명하는 메타 데이터
name 속성 사용
<meta name="속성값" content="내용" />| name 속성값 | 설명 |
|---|---|
| description | 콘텐츠에 대한 간략한 설명입니다. 검색 결과에서 제목 밑에 뜨는 내용을 생각하시면 됩니다. |
| keywords | 웹 페이지의 관련 키워드들을 나열할 때 사용합니다. |
| author | 콘텐츠의 제작자를 표시합니다. |
- 공유하기 위한 오픈 그래프 (open graph)
링크 공유 시 링크 미리보기에 관련된 정보
property 속성 사용
<meta property="속성값" content="내용" />| property 속성값 | 설명 |
|---|---|
| og:url | 페이지의 표준 URL입니다. |
| og:site_name | 사이트의 이름입니다. |
| og:title | 콘텐츠의 제목입니다. |
| og:description | 콘텐츠에 대한 간략할 설명입니다. 검색 결과에서 제목 밑에 뜨는 내용을 생각하시면 됩니다. |
| og:image | 미리보기로 표시될 이미지입니다. |
| og:type | 콘텐츠 미디어의 유형입니다. 기본 값은 website로, video, music 등의 유형을 표시할 수 있습니다. |
| og:locale | 리소스의 언어로, 기본값은 en_US입니다. 한국은 ko_KR입니다. |
- 사용예시
3. <hgroup>
핵심 키워드를 의식하여 hgroup 요소에 넣기
4. 콘텐츠
- 아이디어나 이름이 안 겹치는 것.
- 복붙 금지
먼저 작성된 글이 먼저 뜰 확률이 높고, 인용 시 링크 첨부하여 출처를 표기하는 것이 좋다 - 간결한 제목, 설명글
같은 키워드 반복작성하지 말기 - 최대한 글자로 작성하여 SEO 최적화하기
ex) 이미지의 alt 속성 사용<img src="코드스테이츠_로고.png" alt="코드스테이츠 로고" />
터벅터벅 나의 개발 일상