[WEB] SEO(Search Engine Optimizer)에 도움되는 HTTPS

프론트엔드/WEB

[WEB] SEO(Search Engine Optimizer)에 도움되는 HTTPS

1eehyunji 2023. 8. 20. 18:43

구글은 SSL 인증서를 강조하면서 사이트 내 모든 요소가 동일하다면 HTTPS 서비스를 하는 사이트가 그렇지 않은 사이트보다 SEO 순위가 높을 것이라고 공식적으로 밝혔다.

SEO를 간략하게 설명하자면, 검색엔진 최적화를 뜻하며 사용자들이 검색엔진으로 웹 사이트에서 검색했을 때 그 결과를 페이지 상단에 노출시켜 많은 사람들이 볼 수 있도록 최적화하는 방법을 의미한다.

이를 위한 방법으로 캐노니컬 설정, 메타 설정 등이 있다.

캐노니컬 설정

<link rel="canonical" href="https://example.com/index.html">

동일한 웹 페이지가 서로 다른 URL을 사용할 수 있다. 이때 표준 URL이 무엇인지 검색 엔진에 알려주는 역할을 한다.

예를 들어, 아래 세 개의 URL이 모두 동일한 페이지를 가리킨다고 가정하자.

이처럼 똑같은 내용이 여러 개의 URL을 가질 경우 각 URL에 대한 중요도가 분산되어 SEO에 악영향을 미칠 수 있기 때문에 canonical 태그를 사용해서 어떤 것이 본래의 URL인지 지정해줘야 한다.

*정식 URL을 지정 할때 참고사항
Canonical URL(정식 URL)을 지정할 때, 예를 들어 아래 세 개의 URL이 동일한 페이지를 보여준다면 정식 URL을 http://www.mysite.com/easy/easy1.html 로 지정하는 것이 좋다.

메타 개선

html 파일의 가장 윗 부분인 메타를 잘 설정해줘야 한다.

구글과 같은 검색엔진에서 웹 페이지에 대한 추가 정보를 얻기 위해 메타 데이터를 활용한다. 이렇게 수집한 메타 데이터를 페이지의 SEO 순위를 매기는 데에 사용하기도 하고, 검색 결과를 나타낼 때 사용하기도 한다.

메타 데이터 중에선 SEO에 필수적인 메타 데이터라고 여겨지는 제목(title)과 설명(description)이 대표적이다.

검색 결과 헤드라인으로 들어가는 웹 사이트의 제목을 뜻하는 '티스토리' 부분이 title 태그이고, 헤드라인 하단에 웹 페이지의 설명이 description이다.

메타 태그를 설정하는 방법은 아래와 같다.

<head>
	<title>
    	티스토리
   	</title>
    	<meta 
    		name="description"
    		content="티스토리 메인메뉴. 검색; 프로필 사진. 카테고리목록. 연예. IT/과학 여행/맛집 라이프 자동차 경제 스타일 문화/예술 반려동물 결혼/육아"
    	>
</head>