우리가 html를 배우면 제목 태그(h1~h6)
와 타이틀 태그(title)
을 먼저 알게 된다.
그런데, 이 두 태그가 사이트의 구글 검색에 영향을 준다고??
검색 노출에서 타이틀 태그
가 제일 중요하지만 제목 태그
도 중요하다고 한다.
엥? 근데 개발자가 검색 노출도 알아야하나..요?
물론 개발자의 입장에서 검색 노출이 왜 중요하지? 싶을 수도 있지만
본인이 개발한 사이트가 검색에 더 잘 노출되게 하기 위해 가볍게 알아두면 좋을 거 같다 🙂
그렇다면 이 타이틀
, 제목 태그
는 어떻게 써야할까?
(SEO(검색 엔진 최적화) 관련 포스팅을 참고하였습니다)
1. 사이트의 첫인상, 타이틀 태그
타이틀 태그는 사이트의 첫인상이다.
또한 검색엔진 결과 페이지, 웹 브라우저, 소셜 네트워크에서 중요한 역할을 한다.
(1) 검색엔진 결과 페이지(SERP)
- 우리는 검색을 통해 필요한 정보에 접근한다.
- 그리고 자연스럽게 상단에 위치한 사이트에 방문하곤 한다.
- 이처럼 검색 결과 순서는 사이트 방문에 중요한 역할을 하는데,
제목 태그
가 표시 제목을 결정한다.
(2) 웹 브라우저
- 우리가 네이버나 구글을 들어가면 사이트 상단에 네이버, 구글이라는 키워드가 나타난다.
- 이처럼 타이틀 태그는 해당 웹 브라우저의 대표한다.
(3) 소셜 네트워크
- 우리는 SNS를 통해 사이트 링크를 공유하곤 한다.
- 그러면 아래 사진과 같이 링크에 제목이 나타나는데, 제목에
타이틀 태그
가 영향을 준다.
그럼 이 타이틀 태그는 어떤 형식으로 쓰면 좋을까? 이 사이트에 있는 내용을 요약해보았다!
- 타이틀 제목은 60자 미만으로 쓰세요(너무 길면
...
으로 생략이 됨) - 키워드는 너무 많이 쓰지 마세요
- 중요한 키워드를 우선 배치 하세요
2. 사이트의 특성을 표현, 제목 태그
제목 태그
도SEO(검색 엔진 최적화)
에 중요한 역할을 한다.
그렇다면 이제목 태그
는 어떻게 써야할까?
이 사이트에 있는 내용을 토대로 작성하였다.(자세히 알고 싶다면 방문해보자!)
(1) 제목 태그의 특성을 바로 알자
h1 태그
는 서비스을 한 단어로 설명하는 역할을 해야한다. (그러므로 1번만 쓰는 걸 권장)h2 태그
는 섹션 단위에서 주요 주제를 설명하는 역할을 해야한다.h3~h6
은 하위 주제를 설명하는 역할을 해야한다.
(2) 제목 태그에 키워드를 넣자
- 아래 검색은
제목태그 종류
를 검색한 결과이다. - 그런데 결과를 보면 제일 상단에 위치한 사이트에는 제목 태그에 키워드가 들어가 있다.
- 이처럼
제목 태그
를 쓰는 것도 중요하지만 키워드를 적절히 작성하는 것도 중요하다.
출처
아래 사이트로 이동해서 더 자세히 알아보자!
반응형
'개발 기술 > 사소하지만 놓치기 쉬운 개발 지식' 카테고리의 다른 글
svg 아이콘 사용시 유의사항(with vue, css) (0) | 2021.09.21 |
---|---|
png 이미지에 그림자 넣는 법(with css) (0) | 2021.09.21 |
where vs is 선택자 (with css specificity (명시도)) (0) | 2021.09.21 |
clientX, offsetX, pageX, screenX 차이 (0) | 2021.09.17 |
html로 이메일 연결하기 (0) | 2021.09.12 |
댓글