반응형

[FB] facebook 공유하기 위한 웹페이지의 meta 정보 작업 Tag


https://developers.facebook.com/docs/sharing/webmasters




meta 정보가 정확해야 공유하기 했을때 미리보기가 잘 나온다. 


이미지가 항상 문제가 되는데, 최소 사이즈가 200x200 픽셀이다. 


크게 나오는 이미지는  최소한 600x315픽셀 이상이어야 한다. 


이미지관련은 아래의 링크에서 확인해보자. 

https://developers.facebook.com/docs/sharing/best-practices#images




공유디버그(캐쉬 삭제, 미리보기 확인)

https://developers.facebook.com/tools/debug/sharing/



=================================

웹 마스터용 공유 가이드

이 문서에서는 데스크톱, 모바일 웹, 모바일 앱 등 공유된 위치와 관계없이 Facebook에 공유하는 웹 호스팅된 콘텐츠를 최적화하는 방법에 대해 설명합니다.

이 문서에서는 다음에 대한 정보를 제공합니다.

오픈 그래프 마크업

대부분의 콘텐츠는 URL로 Facebook에 공유되므로, Facebook에 콘텐츠가 표시되는 방식을 관리하기 위해 오픈 그래프 태그로 웹사이트를 마크업하는 것이 중요합니다.

이러한 태그가 없으면 Facebook 크롤러에서 내부의 경험적 접근법을 사용하여 콘텐츠의 제목, 설명, 미리 보기 이미지에 대해 가장 현실성 높은 추측을 내립니다. Facebook에 게시물이 가장 최적화된 품질로 표시될 수 있도록 오픈 그래프 태그를 사용하여 이 정보를 명시적으로 지정합니다.

다음은 Facebook에 최적화되어 표시되도록 오픈 그래프 태그로 형식화된 콘텐츠의 예시입니다.

마크업 예시

예를 들어, 다음은 og:type="article" 및 여러 추가 속성으로 기사, 뉴스 소식 또는 블로그 게시물을 마크업하는 방법입니다.

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

이 속성에는 사용자가 기사를 공유할 때 특별히 표시할 기사에 대한 설명적인 메타데이터가 포함됩니다.

기본 태그

다음은 모든 콘텐츠 유형에 사용해야 하는 가장 기본적인 메타 태그입니다.

태그설명

og:url

페이지의 표준 URL입니다. 세션 변수, 사용자 식별 매개변수 또는 카운터가 없는 그대로의 URL이어야 합니다. 이 URL의 좋아요 및 공유는 이 URL에서 집계됩니다. 예를 들어, 여러 버전의 페이지에서 좋아요와 공유를 집계하기 위해 모바일 도메인 URL은 표준 URL로 지정된 데스크톱 버전의 URL을 가리켜야 합니다.

og:title

사이트 이름과 같은 브랜드가 없는 기사의 제목입니다.

og:description

콘텐츠의 간략한 설명으로, 대개 2~4개의 문장으로 구성됩니다. 이 설명은 Facebook의 게시물 제목 아래에 표시됩니다.

og:image

사용자가 Facebook에 콘텐츠를 공유할 때 표시되는 이미지의 URL입니다. 자세한 내용은 아래를 참조하고, 고품질 미리 보기 이미지를 지정하는 방법에 대해 알아보려면 모범 사례 가이드를 확인하세요.

fb:app_id

Facebook 도메인 인사이트를 사용하려면 페이지에 앱 ID를 추가해야 합니다. 도메인 인사이트를 사용하면 Facebook에서 회원님의 사이트로 보내는 트래픽의 분석 결과를 볼 수 있습니다. 앱 대시보드에 앱 ID가 있습니다.


콘텐츠 배포를 늘리고 참여를 높이기 위해 다음 두 개의 태그를 추가할 수도 있습니다.

태그설명

og:type

콘텐츠의 미디어 유형입니다. 이 태그는 뉴스피드에 콘텐츠가 표시되는 방식에 영향을 줍니다. 유형을 지정하지 않는 경우 기본값은 website입니다. 각 URL은 단일 개체여야 하므로, 여러 og:type 값은 가능하지 않습니다. 모든 개체 유형은 개체 유형 참조에서 확인할 수 있습니다.

og:locale

리소스의 언어입니다. 기본값은 en_US입니다. 다른 언어로 번역 기능을 사용할 수 있으면 og:locale:alternate도 사용할 수 있습니다. 현지화에 대한 문서에서 지원되는 언어에 대해 알아보세요.


모든 표준 개체 속성은 개체 속성 참조에서 확인할 수 있습니다.

마크업 테스트

Facebook 크롤러에 마크업이 표시되는 방식을 보려면 공유 디버거에 URL을 입력합니다. 오류나 경고 외에도 크롤러가 스크랩하는 메타 태그가 표시됩니다.

디버거에서는 페이지의 스크랩도 트리거하므로, HTML에 오류가 있는 경우 디버거를 사용하여 콘텐츠를 업데이트할 수 있습니다. 자세한 내용은 개체 업데이트를 참조하세요.

미디어 콘텐츠 유형

콘텐츠에 오디오, 동영상 또는 위치 정보가 포함된 경우 마크업을 추가할 수 있습니다. 모든 표준 개체 속성은 개체 유형 참조를 확인하세요.

동영상

모든 콘텐츠 유형에 대해 og:video를 사용할 수 있습니다. 이 섹션에서는 추가 태그를 사용하여 Facebook에서 동영상의 모양을 최적화하는 방법을 설명합니다. Facebook에서는 mp4와 Flash 동영상을 모두 지원합니다.

og:video:url과 og:video:secure_url 태그 모두에 보안 URL을 사용하여 동영상을 뉴스피드에서 즉시 재생할 수 있게 만듭니다. 다양한 요인에 따라 동영상이 즉시 재생되지 않을 수도 있습니다.

메타 태그설명

og:video

동영상의 URL입니다. 뉴스피드에서 즉시 동영상을 재생하려면 가능한 한 https:// URL을 사용해야 합니다.

og:video:url

og:video URL입니다.

og:video:secure_url

동영상의 보안 URL입니다. og:video에 보안 URL을 설정한 경우에도 이 URL을 포함합니다.

og:video:type

동영상의 MIME 유형입니다. application/x-shockwave-flash 또는 video/mp4입니다.

og:video:width

픽셀 단위로 된 동영상의 너비입니다. 동영상의 필수 속성입니다.

og:video:height

픽셀 단위로 된 동영상의 높이입니다. 동영상의 필수 속성입니다.

og:image

뉴스피드에서 고품질 미리 보기를 위한 이미지를 지정합니다.


이미지

두 개 이상의 이미지를 포함하는 콘텐츠에 이 속성 세트를 사용합니다. og:image를 가장 효율적으로 사용하는 방법에 대한 가이드는 공유 모범 사례를 참조하세요.

메타 태그설명

og:image

이미지의 URL입니다. 이미지를 게시한 다음 업데이트하려면 새 이미지에 대해 새 URL을 사용합니다. 이미지는 URL을 기반으로 캐싱되며 URL이 변경되는 경우가 아니면 업데이트되지 않습니다.

og:image:url

og:image URL입니다.

og:image:secure_url

이미지의 https:// URL입니다.

og:image:type

이미지의 MIME 유형입니다. image/jpegimage/gifimage/png 중 하나입니다.

og:image:width

픽셀 단위의 이미지 너비입니다. 이미지를 처음 공유할 때 올바르게 읽어들일 수 있도록 이미지의 높이와 너비를 지정합니다.

og:image:height

픽셀 단위의 이미지 높이입니다. 이미지를 처음 공유할 때 올바르게 읽어들일 수 있도록 이미지의 높이와 너비를 지정합니다.





...

반응형
반응형

사람들은 바쁘지 않을 때보다 바쁠 때 더 행복하다.

의미 없는 일보다 의미 있는 일을 할 때 더 행복하다.

그때 더 몰입하고 삶에 만족하게 된다.

몰입감과 만족감은 결과에서 행복을 얻으려 할 때와는 반대로

과정에서 행복을 얻으려 할 때 더 많이 나타난다.

- ‘왜 똑똑한 사람들은 행복하지 않을까?’ (라즈 라후나탄)에서 


행복은 결과가 아니라 과정입니다.

행복은 주어지는 것이 아니라 만들어 가는 것입니다.

행복은 조건이 아니라 연습입니다.

내 행복은 내 마음, 내 손에 달려있습니다.



...

반응형
반응형

'남이 버린 일에 뛰어들라',

'신용을 버린 이익은 결코 취하지 않는다',

'먼저 주고 나중에 더 큰 것을 가져라',

'한 번에 큰 이익을 탐하지 않는다', 

'어려울수록 신의를 우선시한다', 

'가장 좋을 때 실패를 대비하라', 

'일은 오직 사람이 이룬다', 

'위기의 순간에는 배짱도 전략이다'.  


- 서유진의《800년 장사의 비밀》중에서 - 



* 왕서방.

한때 러시아 짜르에게까지 돈을 빌려줬다는

중국의 전설적인 부자들, 이른바 진상(晉商)들을 일컫는 

말입니다. 그들이 800년 동안 가업을 이어온 성공 비결.

우리도 귀담아들어 볼 만한 금언들입니다. 특히

'가장 좋을 때 실패를 대비하라'는 말은


'실패했을 때 성공의 때를 대비하고 기다리라'


는 말과도 통합니다.




...

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

감각을 살려라  (0) 2017.09.21
불(火)  (0) 2017.09.20
햇빛 치료  (0) 2017.09.18
긍정의 힘  (0) 2017.09.18
함께할 수만 있다면  (0) 2017.09.14
반응형

엘모어 레너드가 말하는 ‘글쓰기의 10가지 규칙’


2013년, 50편에 가까운 소설을 펴낸 엘모어 레너드(Elmore Leonard)가 87세의 나이를 일기로 세상을 떠났다. 솔직히 레너드의 작품을 하나도 읽어본 적이 없으므로 그가 얼마나 대단한 작가인지는 모른다(요즘 나의 가장 큰 문제는 뭘 모르는데 별로 알고 싶어 하지도 않는다는 것이겠지만). 세간의 평을 옮겨오면 다음과 같다.


 “그의 문장에는 군더더기가 없다. 문장의 자연스러운 흐름을 위해 가끔은 문법을 무시할 때도 있다. 독자는 글의 주인공들과 함께 호흡하며, 레너드의 그림자는 보이지 않는다. 작가로서 ‘투명인간’이 되는 데 성공한 사람.”


범죄 소설의 대가, 디트로이트의 찰스 디킨스라는 별명을 가졌던 그는 어니스트 헤밍웨이로부터 비롯된 ‘하드보일드’한 문체를 더욱 끌어올렸다는 평을 받았다. 생전에 “작가는 투명인간이 될 필요가 있다”고 말하기도 했다. “작가는 쓸데없는 말이나 생각을 최대한으로 줄여 독자가 이야기 자체에만 초점을 맞추게 해야 한다“는 독특한 문체관을 가지고 있었던 것.


이런 대가의 충고를, 이제 저세상 사람이 되었다는 이유로 무시할 필요는 없다. 그는 세상을 떠나기 몇 해 전 뉴욕타임스에 ‘레너드의 10가지 작문 규칙(Elmore Leonard’s Ten Rules of Writing)’이란 것을 공개한 적이 있다. 이 글은 김연수가 옮긴 책 『스누피의 글쓰기 완전정복』에도 실려 있다. 자, 다음은 그가 말한 글쓰기의 10가지 규칙이다.



나는 독자들에게 어떤 일이 일어나고 있는지 ‘말해주는’ 대신 ‘보여주는’ 걸 선호하는데, 그러기 위해 책을 쓸 때 내 자신의 존재를 숨기는 방법을 쓴다.


만약 언어적 재능과 상상력이 뛰어나고 본인 특유의 훌륭한 목소리를 갖고 있어서 글쓴이의 존재를 숨길 필요가 없다면 이런 것들은 무시해도 좋다. 하지만 그렇지 않다면, 아래 규칙들을 한번 훑어보는 게 좋을지도.


    1. 책 초장부터 날씨 얘기 좀 하지 마라.
    2. 프롤로그도 쓰지 말고.
    3. 등장인물 간의 대화를 옮길 때 ‘말했다’ 외에 다른 동사를 쓰지 마라.
    4. 그리고 3번의 ‘말했다’를 수식하지 마라(큰 소리로 말했다, 공포에 떨며 말했다, 못 이기는 척 말했다 등).
    5. 느낌표는 적당히 써라.
    6. ‘갑자기’라든가 ‘끔찍한 일이 일어났다’ 따위의 표현을 쓰지 마라.
    7. 비속어나 사투리는 가려가며 써라.
    8. 자세한 인물묘사를 피할 것.
    9. 장소나 물건에 대해서도 자세하게 묘사하지 마라.
    10. 독자가 건너뛰고 싶어 할만하겠다 싶으면 아예 쓰지 마라.

...


반응형
반응형

구글·유튜브는 어떤 뉴스 콘텐츠를 좋아할까?

http://www.bloter.net/archives/290122



가이드라인을 보자 : 기술 가이드라인을 살피자

구글 뉴스 가이드라인은 크게 3가지로 구분된다. 뉴스 일반 가이드라인, 기술 가이드라인, 추가 뉴스 포함 가이드라인이다. 다음에서 확인할 수 있다.

구글뉴스이용


구글 뉴스 최대한 활용하기 : 문서가 이미 있다

구글 뉴스를 활용할 수 있는 가이드라인은 이미 마련돼 있다. 구글의 뉴스 고객센터에는 ‘구글 뉴스 최대한 활용하기’라는 노골적인 제목의 문서가 이미 존재한다.

☞구글 뉴스 최대한 활용하기


구글플레이 뉴스스탠드 : 구글에 있는 인링크 서비스

구글플레이 뉴스스탠드는 뉴스 전용 리더 앱이다. 구글 버전의 인링크 뉴스 서비스다. 온라인으로 이용약관에 동의함으로써 계약 관계를 형성하며, ‘프로듀서’라는 도구로 에디션을 만든다. 언론사의 RSS 피드를 등록하면 된다. 수익화는 광고를 통해 이뤄진다.


유튜브 : 브랜드 구축이 우선


유튜브는 세계에서 가장 커다란 미디어 플랫폼 중 하나이면서 동시에 검색엔진이다. 물론 크리에이터의 영상이나 K팝 영상 등 엔터테인먼트 콘텐츠가 주로 소비되는 공간이지만, 뉴스 콘텐츠도 꽤 소비된다. 특히 이슈가 되는 영상의 경우는 상당한 조회수를 기록하기도 한다.

유튜브는 기본적으로 구독모델로 운용된다. 사용자의 눈에 띄어야 하고 그 사용자를 묶어둬야 한다. 이런 유튜브의 성격에 입각해 유튜브를 활용하려는 뉴스 미디어가 취해야 할 전략은 다음 4가지로 정리된다. 이하 내용은 유튜브가 뉴스파트너를 대상으로 활용하는 자료를 바탕으로 정리한 내용이다.


1. 브랜드를 구축하라


채널 브랜딩을 뚜렷이 구축해야 한다. 채널은 유튜브에서 언론사가 쓸 수 있는 일종의 홈페이지다. 사용자가 채널 첫 페이지를 봤을 때 ‘어떤 뉴스 콘텐츠를 볼 수 있겠다’는 기대를 줄 수 있어야 한다. 채널 내에서 콘텐츠를 잘 정리하고, 같은 포맷의 콘텐츠는 섬네일을 통일하는 등의 작업이 유용할 수 있다. 유튜브에서 활용할 수 있는 뉴스 포맷은 일반적인 뉴스 리포트, 인터뷰, 사안을 풀이해 설명하는 영상, 속보, 토론, 라이브 정도가 있다. 들었을 때 바로 구별되는 목소리의 화자가 나오는 것도 유용하다.


2. 발견될 수 있게 하라


유튜브는 거대한 검색엔진이기도 하다. 독자가 원하는 내용을 찾으려고 할 때 섬네일에서 명확하게 보여주는 게 중요한 이유다. 깨끗한 이미지를 쓰고, 작은 섬네일에서도 알아볼 수 있게 클로즈업해서 보여줘야 한다. 영상 콘텐츠의 유형을 고려해 라벨을 붙이는 것도 유용하다. 검색에 적합한 제목을 달아주는 것도 좋다.


3. 계속 보게 만들어라


플레이리스트를 만들어두면 이어서 볼만한 콘텐츠를 자연스럽게 보게 할 수 있다. 인포 카드도 유용하다. 재생 중에 이전/이후 혹은 함께 보면 좋을 만한 영상을 띄워줄 수 있다.


4. 독자를 돌아오게 만들어라


독자와 관계구축이 가장 중요하다. 댓글을 달아주면 익숙해지면 재미를 느끼지 못할 수 있다. 꾸준하게 포맷 등을 실험해 사용자에게 새로움을 제공해야 한다.



...

반응형
반응형
[VOD] 시가전에 대해 알아보자 - Military






...

반응형
반응형

아이유 (IU) - 가을 아침 (Autumn Morning)





...

반응형
반응형


아이유 소풍 라이브-풀버전









...

반응형

+ Recent posts