개발한 웹사이트를 배포하고 서비스 하는 부분에 있어서 검색엔진 최적화는 중요한 부분입니다.
최적화 과정에서 적용한 네이버 서치어드바이저 Search Advisor 웹 페이지 최적화를 적용한 방법을 보겠습니다.
최초 사이트 등록에서 사이트의 소유 확인을 위한 HTML 태그를 넣고 소유 인증을 하고 나서 해당 사이트 주소를 입력하면 웹 페이지 최적화 테스트를 할 수 있습니다.
위 부분에서 선호 URL, robots.txt, 페이지 제목, 페이지 설명, Open Graph 제목, Open Graph 설명, 모바일 사용성 부분을 활성화 시키는 방법입니다.
robots.txt 를 제외한 모든 것은 html 의 <head></head> 태그 안에서 적용할 수 있습니다.
thymeleaf 또는 tiles 탬플릿을 사용하신다면 해당 탬플릿의 레이아웃 설정에 head 태그에 적용할 수 있습니다.
(tiles layout 또는 thymeleaf layout)
<link rel="cononical" href="http://www.example.com/">선호 URL을 적용하는 link 태그입니다.
<title>사이트 제목</title>
<meta name="description" content="사이트 설명" />페이지 제목, 페이지 설명을 적용하는 title 태그, meta 태그입니다.
<meta property="og:title" content="사이즈 제목">
<meta property="og:description" content="사이트 설명">Open Graph 제목, Open Graph 설명을 적용하는 meta 태그입니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">모바일 사용성을 적용하는 meta 태그입니다.
springboot로 서비스를 만들고 있어서 robots.txt 부분은 RestController를 사용하여 처리하였습니다.
(* RequiredArgsConstructor는 robots.txt 적용과 관련 없는 것으로 없어도 무방합니다.)
'Programming > Web' 카테고리의 다른 글
| Web Socket 웹 소켓 개념 정리 (HTTP, Ajax) (0) | 2021.08.26 |
|---|---|
| (Web) HTTP 통신의 개념과 예제 (0) | 2021.08.26 |
| 런타임 Run Time, 컴파일 타임 Compile Time 차이점 (0) | 2021.08.24 |
| Redis란? 레디스의 기본적인 개념 (인메모리 데이터 구조 저장소) (0) | 2021.08.12 |
| RESTful API 개념과 특징, 설계 시 중요한 점 (Representational State Transfer) (2) | 2021.08.10 |