Skip to main content

메타 태그

TL;DR

웹 페이지의 소스 코드에 나타날 수 있는 여러 유형의 메타 태그가 있습니다. 크롤러가 쉽게 이해할 수 있도록 웹 페이지의 내용을 설명하는 데 사용됩니다.

메타 태그의 정의와 사용 방법

메타 태그는 웹페이지를 설명하는 데 사용되는웹사이트 콘텐츠의 요소입니다. 메타 태그는 사용자가 웹 페이지 자체에서 볼 수 없으며 소스 코드에서만 볼 수 있습니다. 이러한 태그의 주요 목적은 웹사이트를 크롤링하는 봇이 콘텐츠에 대한 내용을 더 잘 이해할 수 있도록 돕는 것입니다. 또한 이러한 태그 중 일부의 콘텐츠는 Google SERP 또는 인터넷 브라우저 탭과 같은 위치에서 볼 수 있습니다. 이와 관련하여 크롤러뿐만 아니라 사용자에게도 도움이 될 수 있습니다.

메타 태그의 사용은 매우 중요하며 일부에 관련 키워드를 삽입하는 것이 좋습니다. 메타 태그는 검색 봇이 웹 페이지에 대한 정보를 검색하는 첫 번째 장소 중 하나이기 때문에 해당 키워드에 대한 검색에서 상위 순위를 차지할 수 있습니다. . 그러나 메타 태그를 사용해야 하는 것은 아닙니다.

메타 태그 예

웹마스터가 사용하는 메타 태그에는 여러 유형이 있지만 그 중 일부만 검색 엔진과 관련이 있습니다. 메타 태그의 주요 유형은 다음과 같습니다.

  • 제목 태그( <title>) - 사용자와 봇 모두에게 매우 유용하기 때문에 가장 중요한 역할을 합니다. 사용자는 열려 있는 브라우저 탭에서 제목 태그를 볼 수 있으므로 동시에 여러 웹 페이지를 열 때 더 쉽게 탐색할 수 있습니다. 동시에 제목 태그에 키워드를 포함하는 것은 검색 알고리즘에서 많은 비중을 차지합니다. 72자를 넘지 않아야 하며 페이지 내용과 완전히 관련이 있어야 합니다.

  • 메타 설명(<meta name=”description” content=”....”>) - 이 태그는 더 많은 문자를 허용합니다(최대 300자가 현재 모범 사례임). 메타 설명의 키워드가 Google 알고리즘의 일부인지 여부에 대해 약간의 논쟁이 있지만 최소한 SERP의 클릭 결정에 영향을 미칩니다.

  • 메타 키워드(<meta name="keywords" content=”...”>)는 과거에도 사용되었던 태그였지만 현재는 검색 엔진과 관련이 없습니다.

기타 메타 태그는 다음과 같습니다.

<meta name="viewport" content="..."> - 브라우저에 웹사이트를 장치 화면 크기에 맞게 조정하는 방법을 알려줍니다.

<meta name="author" content="..."> - 저자에게 크레딧 제공

<meta property="og:type" content="..."> - 이것은 Facebook 봇 등에 대한 메타 콘텐츠의 예입니다.