<meta name="viewport"> 태그가 없음 오류 해결방법!

meta name="viewport" 해결방법

width 또는 initial-scale이(가) 포함된 <meta name="viewport"> 태그가 없음`<meta name="viewport">` 태그 없음.

SEO 색인등록을 위해 수동으로 확인을 하다 보면 위와같은 오류를 마주 할 수 있습니다.

하지만 위와 같은 문제에 해결방법은 아주 간단합니다.

아래를 참고 하시고 수정하시면되겠습니다.

변경 전 TAG

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">

변경 후 TAG

<meta name="viewport" content="width=device-width, initial-scale=1" />

기타정보

Web.dev에서 세 가지 항목을 설정할 시

viewport를 확대/축소를 제한하게 되어 잠재적 접근성 문제를 일으키니

이 속성을 사용하지 말도록 권장하고 있습니다.

ㆍminimum-scale ㆍmaximum-scale ㆍuser-scalable

위와 같이 html 코드를 수정해 주면 색인 생성시 구글서치콘솔 오류 발생을 해결할 수 있습니다.

메타태그를 변경 후 해당 오류는 모두 조치된 것으로 확인이 되고 있으며 지금까지 별다른 이슈는 없습니다.