SEO: 웹 페이지 검색엔진의 순위 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업
SEO가 필요한 이유
웹페이지와 관련된 검색어로 검색한 검색어로 검색 결과 상위에 나와야 방문자 수가 증가하고 마케팅, 홍보 효과를 얻을 수 있음
HTML을 이용한 SEO
1. 메타 태그를 이용한 검색엔진 최적화
-
국내 검색엔진 보다 해외 검색엔진에서 주로 사용됨
-
메타태그는 웹마스터가 자신의 사이트에 관한 정보를 검색엔진에 제공하는데 유용하게 사용할 수 있는 방법
-
모든 유형의 클라이언트에 정보를 제공하는데 사용할 수 있음
*meta tag: 문서의 정보를 담고 있는 태그, 닫는 구조가 없는 태그, html페이지의 <head>섹션에 추가됨
@title: 검색엔진의 제목부분에 표시될 수 있는 굉장히 중요한 정보를 담는 태그
title태그의 콘텐츠는 주로 결과의 첫 번째 행에 나옴
페이지의 콘텐츠를 정확하게 설명하는 제목으로 해당 페이지의 분별력을 높여줘야 함
웹페이지의 특성을 나타내야 함
@Description: 검색에서 결과 페이지의 내용 미리보기로 사용 할 수 있음
검색시 짧은 단락과 1~2개의 문장으로 정보가 표시되는 부분임
@keywords: 웹페이지 문서에서 핵심 검색단어라고 할 수 있는 키워드를 설정함
문서에 해당하는 키워드를 작성
2. Semantic한 구조를 유지해서 의미를 살리기
-
사람과 기계가 이해하기 쉽게 해야함
-
코드가 깔끔하면 용량도 줄어듦
3. URL의 주소를 알아보기 좋게 만들기
-
웹페이지의 주소에 컨텐츠의 내용을 포함하도록 해야함
-
컨텐츠의 내용을 잘 표현하는 것이 중요
4. 링크를 잘 활용하기
-
검색엔진에 노출을 시키려면 링크를 많이 포함하기도 해야함
-
검색엔진을 위한 것이 아닌 사용자를 위한 콘텐츠를 작성해야 함
5. Google Analytics에서 SEO결과 확인하기
-
구글의 무료 웹로그 분석 서비스
-
SEO확인하여 효율적인 사이트 구축
-
온라인 마케팅 최적화 시킬 수 있음
'웹개발(웹퍼블리셔) > 프론트엔드(HTML, CSS, JAVASCRIPT)' 카테고리의 다른 글
| CSS 미디어쿼리-@mediaquery (0) | 2020.01.06 |
|---|---|
| HTML 접근성(Accessibility) (0) | 2020.01.05 |
| Semantic HTML(의미론적인 HTML) (0) | 2020.01.03 |
| 문자 인코딩/ASCII/UTF-8 (0) | 2020.01.02 |
| 디자인 패턴 정의와 구조, 종류 (0) | 2020.01.01 |