Head와 메타데이터

이동창·2022년 3월 15일
0

Why?

프로젝트들을 하면서 항상 들었던 의문점,
과연 Head에 들어가는 메타데이터들은 어디까지 있어야 충분한걸까?

왜 텔레그램에서는 안 뜨고, 트위터에서는 뜨고 이러는걸까?

그래서 준비했다.
네카라쿠배는 어떤 meta들을 head에 담고 있을까

네이버

  • viewport
  • apple-mobile-web-app-title
  • robots
  • description
  • og:title
  • og:url
  • og:image
  • og:description
  • twitter:card
  • twitter:title
  • twitter:image
  • twitter:description
  • apple-touch-icon

카카오

  • viewport
  • og:type
  • og:site_name
  • og:url
  • og:title
  • og:image
  • twitter:image
  • og:description

라인

  • viewport
  • description
  • og:title
  • og:image
  • keyword
  • og:description
  • og:type
  • twitter:card
  • twitter:creator
  • twitter:title
  • twitter:desciption

쿠팡은 별로 없어서...

배민

  • viewport
  • twitter:card
  • description
  • keywords
  • robots
  • og:title
  • og:site_name
  • og:type
  • og:url
  • og:image
  • og:description

공통적으로 빠지지 않는 친구들

  • viewport
  • title
  • description
  • keywords
  • robots
  • og (title, site_name, type, url, image, description)
  • twitter 친구들 (card, creator, title, desciption)

가끔 있는 친구들

  • apple-mobile-web-app-title
  • apple-touch-icon
  • google-site-verification

주의할 점

배민 같은 경우에는 keywords를 많이 적어두었는데, 사실 요즘 SEO에서는 크게 중요하진 않다고 한다.
워낙 여기다가 키워드를 많이 끼워두기 시작해서, 검색엔진이 이걸 무시하는 경우가 많아졌기 때문.

검증하기

페이스북 : https://developers.facebook.com/tools/debug/sharing
트위터 : https://cards-dev.twitter.com/validator

더 알아보기

https://github.com/joshbuchea/HEAD

0개의 댓글