[SEO] lighthouse, 문서에 메타 설명이 없음

💬 들어가며

이전에 만들었던 web 홈페이지를 리팩토링 하는중, lighthouse를 통해 성능최적화까지 진행중에 있었다.

이전에 다른 프로젝트를 마무리하며 진행하다가 알게된 한가지 팁을 소개하고자 한다.

SEO 검색엔진 최적화 부분에서 사진과 같이 문서에 메타설명이 없음.

이라고 뜰 때 해결하는 아주 간단한 방법이다.

SEO (Search Engine Optimization)의 약자로 "검색엔진 최적화" 를 뜻한다.

웹 사이트나 웹 페이지가 검색 엔진 경과 페이지(SERP)에서 높은 순위에 나타나도록 최적화 하는 프로세스를 가르킨다.

이 프로세스는 유용한 콘텐츠를 제공하고 웹 사이트를 검색 엔진 알고리즘에 친화적으로 만들어 사용자들이 검색 결과에서 해당 웹페이지를 더 쉽게 찾을 수 있도록 하는 것을 목표로 한다.

SEO를 통해 웹사이트트 검색 엔진에서 높은 순위를 유지하고 더 많은 유기적 트래픽을 유치할 수 있다.

html 파일의 <head> 안에 태그를 넣어주면되는 간단한 문제이다.

각 페이지의 <head>에 <meta name=description> 요소를 추가하면된다.

<meta
  name="description"
  content="Author: A.N. Author,
    Illustrator: P. Picture, Category: Books, Price: $17.99,
    Length: 784 pages"
/>

위와 같이 content에 있는 부분에 현재 페이지의 설명을 적어서 붙여넣으면 된다.

지켜야하는 팁은 다음과 같다.

해당 메타 태그를 추가하고나면 검색엔진최적화의 점수가 올라간 것을 확인할 수 있다.

문서에 메타 설명이 없음 - Chrome Developers

"문서에 메타 설명이 없음" Lighthouse 감사에 대해 알아봅니다.

developer.chrome.com

브라우저 랜더링 과정 (+서버 Data 받아오는 과정) (0)	2023.09.08
토큰, 쿠키, 세션, 웹스토리지 란? (0)	2023.08.29
웹 비동기 통신 라이브러리 종류 (AJAX, FETCH, Axios) (0)	2023.05.02
Front-end 초기 환결성정 툴 모음 (0)	2023.03.19
(망사용료) 통신사 vs 콘텐츠사 (0)	2023.03.04