블로그 게시물이 소셜 미디어에서 멋지게 보이도록 보장하는 방법

게시 됨: 2020-04-15

장대한 블로그 게시물을 작성하는 데 5시간을 보냈습니다.

축하합니다!

이제 당신의 걸작을 세계와 공유할 때입니다.

소셜 미디어 닌자처럼 빠르게 Twitter, Instagram, LinkedIn 및 Pinterest에 대한 업데이트를 작성합니다.

이것은 엄청날 것입니다. 어쩌면 바이러스가 될 수도 있습니다.

그리고 그 일이 일어납니다. 으악!

최근 소셜 게시물을 확인하고 잘못된 이미지를 가져온 것을 발견했습니다.
또는 더 나쁜 ... 사진이 전혀 없습니다.

소셜 미디어 게시물에 많은 작업을 할 때 이미지가 올바르게 표시되기를 원합니다.

우리는 모두 이미지가 포함된 소셜 미디어 업데이트가 더 많이 표시되고 더 많은 좋아요와 공유를 얻으며 사이트로 트래픽을 끌어들일 가능성이 더 높다는 것을 알고 있습니다. Facebook 게시물의 사진은 평균 게시물보다 53% 더 많은 좋아요를 받습니다.

요컨대, 사진은 우리의 주의를 끌고 행동을 유도하는 역할을 합니다.

항상 전환

이미지에 대한 세부 정보와 각 블로그 게시물에 대한 최상의 결과를 얻기 전에... ABC에 대해 이야기해 보겠습니다.

아니요, ABC의 철자가 아닙니다. 저는 Always Be Converting 에 대해 이야기하고 있습니다(영화 Glengarry Glen Ross에서 Alec Baldwin의 캐릭터인 Blake에게 사과)

블로그 게시물의 목적은 이상적인 고객을 끌어들이고 영향을 미치며 일종의 조치를 취하도록 초대하는 것입니다. 궁극적으로 판매로 전환합니다.

물론, 더 많은 독자와 더 많은 사람들이 소셜에서 업데이트를 좋아하고 공유하는 것을 좋아하지만 비용을 지불하지는 않습니다. 당신은 항상 전환 해야합니다.

BlogWorks에서는 전문가가 솔루션을 SEO가 풍부한 블로그 게시물로 변환하여 연중무휴 24시간 작동하여 비즈니스를 실현할 수 있도록 지원합니다. 오래된 블로그 게시물을 업데이트하고 트래픽을 200% 늘리는 방법을 알아보세요.

블로그에 원본 콘텐츠를 작성하는 것은 원하는 대로 표시되지 않는 이미지의 번거로움 없이는 충분히 어렵습니다(스톡 이미지처럼 보이지 않는 무료 이미지를 얻는 방법 알아보기).

이것이 바로 우리가 이 가이드를 작성한 이유 입니다. 블로그 게시물의 소셜 공유 이미지를 제어하여 항상 멋지게 보이도록(그리고 최대한의 참여를 얻을 수 있도록) 방법을 알려드립니다.

좋은 소식은 이러한 변경을 수행하면 이미지가 자동으로 가져와지고 걱정할 일이 한 가지 줄어든다는 것입니다.

시작하자.

(이 모든 것이 복잡하게 들리더라도 걱정하지 마십시오. 아래에서 매우 쉽고 비기술적인 방법을 보여 드리겠습니다.)

소셜 네트워크 문제 해결 도구를 사용하여 작업 확인

다행히 Facebook, Twitter 및 LinkedIn용 무료 디버깅 도구를 사용하여 작업을 확인할 수 있습니다. 이것은 소셜 업데이트가 원하는 방식으로 표시되는지 여부와 그렇지 않은 경우 수행할 작업을 확인하는 초고속 방법입니다.

Facebook : Facebook 공유 디버거는 메타 태그에 대한 경고 또는 오류를 알려줍니다.
Twitter : Twitter 카드 유효성 검사기는 게시물이 어떻게 표시되는지 보여주고 경고 또는 오류를 나열합니다.
LinkedIn : LinkedIn Card Inspector는 각 게시물에 대한 메타데이터(검색 엔진이 표시할 내용)를 제공합니다.

무료 도구를 사용하여 블로그 게시물에서 이미지를 가져오는 방법을 디버그하세요.

오픈 그래프로 소셜 공유 이미지 변경하기

게시물이 Facebook, Twitter 및 Linkedin에서 공유되면 Open Graph라는 프로세스가 블로그 게시물에서 정보를 추출하여 특별한 소셜 공유 링크를 만드는 데 사용됩니다. 이 링크에는 기사 제목, 이미지, URL 및 설명이 포함됩니다.

Google이 검색 결과에 블로그 게시물을 표시하기 위해 메타데이터를 가져오는 것과 같습니다.

프로토콜은 이 정보를 찾는 방법을 어떻게 압니까?

정보는 웹사이트 코드의 <head>에 있는 메타 태그 를 통해 Open Graph로 전송됩니다. 리디렉션되지 않으면 Open Graph Protocol은 Google과 마찬가지로 사이트 웹 페이지의 메타 태그에 있는 정보를 사용합니다.

따라서 블로그 게시물에 올바른 제목, 사진, URL 및 설명을 사용하려면 소셜 미디어용으로 게시물을 최적화해야 합니다.

BlogWorks Amazing Headline Analyzer 는 헤드라인에 대한 평가와 피드백을 신속하게 제공합니다. 지금 바로 사용해 보세요!

콘텐츠의 공유 이미지를 변경하는 세 가지 방법은 다음과 같습니다.

#1 오픈 그래프 태그 추가

Open Graph Protocol 태그가 올바른 위치에 있으면 소셜 네트워크에서 소셜 게시물에 필요한 정보를 가져올 수 있습니다.

웹사이트에 이 프로세스를 자동화하는 플러그인(예: Yoast SEO)이 없는 경우 사이트에 OG 태그를 수동으로 추가해야 합니다.

블로그 게시물의 헤드 섹션에 메타데이터를 추가해야 합니다. 방법은 다음과 같습니다.

1단계: 웹 페이지의 헤드 섹션에 다음 코드를 추가합니다.

<메타 속성=“og:image” 콘텐츠=“http://example.com/picture.jpg” />

<메타 속성=”og:이미지:너비” 콘텐츠=”180″ />

<메타 속성=”og:이미지:높이” 콘텐츠=”110″ />

"http://example.com/picture.jpg"를 이미지 URL로 변경하고 너비와 높이를 아래와 같이 올바른 숫자로 변경하십시오.

2단계: 이미지의 URL을 추가합니다.

사진을 추가할 때 Facebook의 지침을 따르는 것이 중요합니다.

크기에 관해서는 사진은 최소 470 x 246픽셀이어야 합니다. 그러나 최상의 해상도를 위해 사진은 1200 x 627 픽셀 이어야 합니다.

모든 Facebook 이미지 크기는 이 게시물을 확인하세요.

3단계: 생성된 코드 조각을 페이지의 HTML 헤드 섹션에 추가합니다.

메타 태그를 수동으로 추가하는 것은 익숙해지는 데 다소 시간이 걸릴 수 있지만, 몇 개의 블로그 게시물을 설정하고 나면 향후 모든 게시물에 쉽게 메타 태그를 추가할 수 있습니다.

#2 트위터 카드 사용

웹 사이트에 WordPress를 사용하지 않는 경우 Twitter 카드는 소셜 공유에 좋은 옵션이 될 수 있습니다.

Yoast for WordPress(아래 옵션 #3)로 Twitter 카드를 설정할 수 있지만 메타 태그로 카드를 설정할 수도 있습니다.

이 메타 태그는 이미지, 비디오 또는 요약을 포함한 콘텐츠를 설명합니다.

이 메타 태그는 Twitter와 공유하는 페이지입니다.

<메타 이름=”twitter:url” content=”귀하의 URL은 여기”>

또한 다음 태그를 사용하여 Twitter 카드에 공유할 만한 매력적인 제목을 선택해야 합니다.

그런 다음 200자 미만의 설명을 작성하려고 합니다.

마지막으로 가장 중요한 것은 이미지를 추가하는 것입니다.

가이드라인을 따르고 웹사이트에 태그를 적용한 후 Twitter의 카드 프로그램에 적용해야 합니다. Twitter 카드 프로그램에서 승인되면 Twitter 카드가 모든 Twitter 게시물에 추가됩니다.

자세한 내용은 Twitter의 카드 개발자 개요를 확인하세요.

#3 WordPress용 Yoast SEO 플러그인 설치

약속한 대로 이것은 소셜 공유 이미지를 변경하는 비기술적 방법입니다!

Yoast SEO는 추측을 처리하고 소셜 공유에 표시되는 이미지를 완전히 제어할 수 있습니다. 소셜 이미지가 선택되지 않은 경우 Yoast는 사진의 메타데이터를 기반으로 Facebook에 사용할 이미지를 제공합니다.

그리고 Yoast를 사용하면 Yoast 메뉴 모음(프리미엄 버전)에서 "소셜"을 선택하면 자신의 사진을 매우 쉽게 선택할 수 있습니다.

프리미엄 버전의 Yoast를 사용하면 블로그 게시물이 Facebook 및 Twitter에 표시되는 방식에 대한 세부 정보를 변경할 수 있습니다.

소셜 게시물에 올바른 사진이 사용되었는지 확인하기 위해 Yoast의 단계를 따르고 싶을 것입니다. 사진을 선택하는 데 시간을 들이지 않더라도 Yoast는 사진을 선택하는 데 꽤 능숙합니다.

또한 Yoast를 사용하면 제목과 설명을 추가할 수 있고 SEO 친화적으로 만들 수 있으므로 소셜 미디어 사이트와 검색 엔진에서 잘 작동합니다.

이미지와 오디오를 찾거나 만드는 쉽고 새로운 방법을 찾고 있다면 Adobe 제품을 권장합니다. 여기에서 모든 크리에이티브 소프트웨어 패키지를 찾을 수 있습니다.

게시물을 홍보할 시간입니다.

소셜 미디어용으로 사진을 최적화하는 방법과 Open Graph Protocol의 작동 방식을 이해했으므로 소셜 미디어 독자가 보기를 고대하는 우수한 콘텐츠를 대량 생산할 수 있습니다.

참여도가 증가하고 사이트로 더 많은 트래픽을 얻을 수 있습니다! 귀하의 소셜 공유 이미지가 그렇게 좋아 보이지 않았습니다.

블로그 게시물에 더 많은 이미지를 포함할 수도 있습니다. 모든 이미지는 독자가 페이지에 머물고 행동에 더 가까이 다가가는 이유입니다. 이 게시물에서는 더 많은 전환을 얻기 위해 블로그를 만드는 7가지 전략에 대해 자세히 설명합니다(더 많은 이미지 추가 포함).

킬러 콘텐츠를 만들고 소셜 미디어에서 멋지게 보이게 했다면 최상의 결과를 얻으려면 홍보에 더 많은 시간을 할애해야 합니다. 많은 BlogWorks 작성 클라이언트도 소셜 미디어 패키지를 사용하여 블로그 게시물을 자동으로 홍보합니다.

이 게시물이 마음에 드셨다면 잠시 시간을 내어 공유하여 소셜 미디어를 더 예쁜 곳으로 만드는 데 도움을 주세요!

프로처럼 쓰는 법을 배우고 싶으세요? 궁극의 글쓰기 템플릿을 다운로드하세요.

이 게시물을 즐겼습니까? 다음은 블로그를 작동시키는 방법에 대한 3가지 추가 정보입니다.

SEO 101: 블로그 게시물에 키워드 사용하기
블로그에 멋진 작가를 고용하는 방법
블로깅에 대한 57가지 놀라운 통계 및 통찰력

이 게시물은 원래 2017년에 게시되었으며 2020년에 업데이트되었습니다.