구글 블로그 마케팅을 위해 페이스북, 트위터, Pinterest, 인스타그램을 사용합니다.

SNS(Social Network Service) 마케팅을 통하여 블로그 URL을 첨부하여 게시하는데요.

이번 포스팅에는 트위터 카드(twitter card)를 구글 블로거(blogger)에 적용하는 법을 알아보겠습니다. 트위터 게시글에 블로그 URL 첨부하면 포스팅의 썸네일 및 요약설명이 보여지게 할 수 있습니다.

구글 블로거(blogger), 트위터 카드(twitter card) meta tag 적용하는 법

1. 구글 블로거, 설정 좌측 사이드바에서 테마 - 맞춤설정 옆 아래화살표 - HTML 편집을 눌러줍니다.

2. <head>...</head> 사이에 트위터 카드 매타태그를 복사-붙여넣기 해줍니다.

블로그스팟(blogspot) 용 트위터 카드(twitter card) 매타태그(Meta tag)

<!-- twitter cards -->
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@twitter_id' name='twitter:site'/>
<meta content='@twitter_id' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta expr:content='data:blog.url' name='twitter:url'/>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
  <meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
  <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  <meta expr:content='data:blog.title' name='twitter:title'/>
<b:else/>
  <meta content='WEBSITE_FAVICON_IMAGE_URL' name='twitter:image'/>
  <meta expr:content='data:blog.title' name='twitter:title'/>
</b:if>
<!-- twitter cards -->