New York Times, 레진코믹스 메타 태그 엿보기

1. Introduction

SEO, 트위터 카드, 페이스북 오픈그래프 메타 태그 사용 사례를 살펴보고자 한다. 뉴욕 타임즈와 레진코믹스가 적용한 메타 태그를 페이지소스보기를 통해 확인하였다.

2. 사례분석

2.1 New York Times 적용사례(http://bits.blogs.nytimes.com/2014/07/15/controlling-the-home-google-style/?_php=true&_type=blogs&ref=technology&_r=0)

New York Times는 오픈그래프와 트위터 카드 두가지를 모두 사용하였다. 트위터 카드의 경우 기본적으로 제공하는 포맷을 사용한 것으로 보인다. 트위터 카드를 직접 적용해보고 싶다면 New York Times 사이트에 들어가서 트윗 공유하기를 실행해보라. 페이스북 공유하기에서는 특이점을 확인하진 못했다. [그림2.1]은 New York Times에 메타태그를 적용한 샘플이다.

[그림2.1] New York Times 페이지 소스 메타 태그

<head>

<title>Controlling the Home, Google Style - NYTimes.com</title>

<!--esi

<esi:include src="/svc/web-products/userinfo.json" />

</script>

-->

var NYT = NYT || {}, NYTD = NYTD || {};

</script>

var require = {

baseUrl: 'http://a1.nyt.com/assets/',

waitSeconds: 20,

paths: {

'foundation': 'blogs/20140715-164212/js/foundation',

'shared': 'blogs/20140715-164212/js/shared',

'blogs': 'blogs/20140715-164212/js/blogs',

'auth/mtr': 'http://graphics8.nytimes.com/js/mtr',

'auth/growl': 'http://graphics8.nytimes.com/js/auth/growl/default'

}

};

</script>

<!--[if lt IE 9]>

require.map = { '*': { 'foundation/main': 'foundation/legacy_main' } };

</script>

<![endif]-->

require(['foundation/main'], function () {

require(['auth/mtr']);

});

</script>

<!--

3. generated 101 seconds ago

generated in 0.553 seconds

served from batcache in 0.003 seconds

expires in 79 seconds

-->

</head>

2.2 레진코믹스 적용사례(https://www.lezhin.com/)

레진코믹스는 성인만화컨텐츠 유료 사이트 및 앱을 제공한다. 내가 팔로잉하고 있는 권정혁(@xguru)님이 CTO로 있는 회사이기도 하다. author, description, keyword 태그는 당연히 적용되어 있고, 오픈그래프와 트위터 카드 메타태그를 모두 적용하였다. [그림2.2]는 레진코믹스에서 메타 태그를 적용한 샘플이다.

[그림2.2] 레진코믹스 메타태그

<head>

<title>레진코믹스 - 프리미엄 웹툰 서비스</title>

<!--

-->

<!--[if lte IE 8]>

<![endif]-->

<!--[if lte IE 7]>

<![endif]-->

<!--[if lte IE 8]>

<![endif]-->

</head>

'Data & MarTech > Social Network APIs' 카테고리의 다른 글

[Facebook] 페이스북 파이썬 라이브러리를 활용한 페이지 API 연동 (0)	2023.07.04
Twitter Card 사용하기 (0)	2014.07.16

Jason | Solution Engineer - 마테크, 애드테크

New York Times, 레진코믹스 메타 태그 엿보기

'Data & MarTech > Social Network APIs' 카테고리의 다른 글

티스토리툴바

New York Times, 레진코믹스 메타 태그 엿보기

'Data & MarTech > Social Network APIs' 카테고리의 다른 글

'Data & MarTech/Social Network APIs' Related Articles

티스토리툴바