💻검색엔진최적화(SEO)
검색 엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스를 뜻한다.
여기서 검색 엔진을 구체적으로 알아보자.
✔ 검색 엔진
검색 엔진에는 1.크롤링 2.인덱싱 3.랭킹 으로 구성되어 있다.
1. 크롤링
검색을 시작하였을 때 크롤러라는 로봇이 데이터를 수집하는 과정을 크롤러라고 한다.
2. 인덱싱
크롤러가 모아준 문서를 키워드나 키워드별 문서 등을 연결 데이터베이스에 저장하는 프로세스를 의미한다.
3. 랭킹
검색 결과의 순위.
검색 결과 중에서도 SERP(Search Engine Result Page) 즉, 첫 페이지에 노출시켜야 한다.
이 SERP에 노출을 시키려면?
-
사이트 보완을 강화해야 한다.(HTTPS)
-
모바일 친화적이어야한다. (Google Search Console
-
속도가 빨라야한다.(웹최적화)
대표적인 예시로 이미지 크기 최적화가 있다.(크롤러에 노출되기 쉬운 확장자는 png보다는 jpg
또는 영상이나 이미지가 많이 들어가는 웹페이지의 경우에는 Lazy Loading을 사용할 수 있다.
🌱Tip 키워드 추천 사이트
구글 키워드 플래너, 네이버 광고 센터, 키워드툴io,
여기까지 검색 엔진에 대해 알아보았다.
🤔그렇다면 SEO를 작성할 때 중요한 것은 무엇이 있을까?
✔ SEO
HTML Head 태그 내부에 들어가는 1.Title Tag 2. Meta Tag 3. Head Tag가 있다.
1. Title Tag
해당 제목은 검색 결과 페이지에 노출이 된다.
2. Meta Tag
웹 문서 정보를 포함하고 있다.
메타태그 속성에는 http-equiv, name, content 3가지 속성이 있다.
http-equiv = "항목명"
content = "정보 값"
name = "정보 이름"메타(meta)태그의 종류
2-1. Keywords(검색엔진에 의해 검색되는 단어 지정)
<meta name="Keywords" content="test"/>2-2. Description(검색 결과에 표시되는 설명)
<meta name="Description" content="안녕하세요 html입니다"/>2-3. robots(검색 로봇 제어)
<meta name="robots" content="noindex"/>- noindex : 검색 결과에 이 페이지를 표시 하지 않는다.
- nofollow : 이 페이지의 링크를 따라가지 않는다.
- noarchive : 검색결과에 저장된 페이지 링크를 표시하지 않는다.
- All(기본값) : 기본값이므로 명시적으로 표시해도 효과 없다.
2-4. charset(문자 코드의 종류 설정)
<meta charset ="UTF - 8"/>인코딩을 선언하는 이유는 문자 깨짐 현상이 나타날 수 있기 떄문에 이를 방지하기 위해 선언한다.
2-5. Date(날짜와제작일)
<meta name="Date" content="날짜"/>2-6. Content-Script-Type(웹페이지에서 쓰인 언어)
<meta http-equiv="Content-Script-Type" content="Text/javascript"/>2-7. X-UA-Compatible(브라우저 호환성)
<meta http-equiv="X-UA-Compatible" content="IE-edge"/>2-8.subject(웹페이지의 주제 지정)
<meta http-equiv="Subject" content="기술블로그"/>2-9. title(제목)
<meta http-equiv="Title" content="안녕 HTML"/>2-10. viewport(모바일 반응 페이지)
<meta name="viewport" content=""3. Head Tag
head 테그의 경우는 크롤러가 1부터 7까지 순서대로 읽는다.
그러므로 직관적으로 명확하게 작성해주어야한다.
