페이스북 링크의 정보를 설정하는 법 SocialXE 팁

안녕하세요. 오늘은 꼭 SocialXE 사용을 위한 것이 아니라 전반적으로 모든 사이트에 적용할 수 있는 팁을 하나 알려드리겠습니다.

페이스북에서 링크를 공유하려면 아래와 같은 화면을 보실 수 있습니다.

링크하려는 페이지의 이미지 중 하나를 썸네일로 보여주고 내용 중 일부를 링크 아래에 표시해 주네요. 저 썸네일 이미지와 내용을 원하는 것으로 변경하는 방법을 알려드릴게요.

썸네일 변경

1. 우선 썸네일로 사용하고자하는 이미지를 하나 준비해서 업로드합니다. 이미지는 크기 250px까지 된다고 하네요. 그것보다 크면 페이스북에서 축소한다고 합니다.

2. 이제 홈페이지의 <head> ... </head> 사이에 다음 코드를 추가해 줍니다.

<link rel="image_src" href="http를 포함한 이미지 전체 경로" />

XE라면 사용 중인 레이아웃 설정에서 '헤더 스크립트' 부분에 추가하시면 됩니다.

이렇게 하면 썸네일을 마음에 드는 것으로 지정할 수 있습니다. 한가지 알아두실 점이 있는데요. 페이스북에서는 링크 페이지에 대한 캐시를 유지하고 있습니다. 이전에 이미 해당 페이지가 공유된 적이 있다면 바로 반영되지 않을 수도 있어요.

그리고, SocialXE 공식 사이트의 서버에서는 오늘 페이스북에 전송할 때 썸네일을 지정하지 않도록 변경하였습니다. 제가 테스트해 본 결과 SocialXE를 이용할 때는 썸네일이 표시되지 않네요.

내용 변경

다음으로 링크 아래 표시되는 내용을 변경하는 방법입니다.

매우 간단합니다. 아래 코드를 <head> ... </head> 사이에 추가합니다.

<meta name="description" content="사이트 설명" />

썸네일 이미지와 마찬가지로 페이스북의 캐시 때문에 바로 반영되지 않을 수 있고요. 썸네일과는 달리 SocialXE를 이용할 때도 반영됩니다.

이상으로 페이스북의 링크 정보를 설정하는 법을 알아봤습니다.

Tag :