트위터 카드 어떻게 만드는가?

웹사이트 링크를 트위터에 올렸을 때 카드형식으로 보기좋게 나오는 방법에 대해서

https://velog.io/@1106laura/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%BF%80-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EC%A0%95%EB%A6%AC

해당링크를 트위터에 올려봤다.

이런식으로 카드가 만들어지는데 아무링크나 올린다고 다 되는 것이 아니라 특정 html head 안에 meta 정보를 줘야지 만들어 진다고 한다.

<meta name="" content="">

meta 태그는 웹페이지의 추가적인 정보를 주고싶을 때 사용하는 태그이다.
우선 카드의 형식을 설정 하고 제목, 내용, 썸내일 이미지를 작성한다.
카드의 형식은 summary, summary_large_image, app, player 가 있다고함.

좋은 웹페이지 즐겨찾기