1. 코스모스팜 소셜 공유 버튼의 레이아웃이

원본 이미지와 다르게 보이는 이유는 CSS 코드 충돌로 보입니다.

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

.cosmosfarm-share-buttons .cosmosfarm-share-button img { padding: 0; }

2. 카카오스토리로 공유되는 정보는 아무거나 공유하는 건 아닙니다.

페이지 소스보기 해서

"og:image" 속성의 메타 태그에 있는 이미지 주소를 가져와서 공유하게 됩니다.

"og:image" 속성의 메타 태그가 없다면 이미지를 공유하지 않습니다.

이걸 Open Graph protocol이라 부릅니다.

Open Graph protocol은 아래 링크에서 더 자세한 내용을 확인하실 수 있습니다.

http://ogp.me/

공유 시 보이는 썸네일 부분은 소셜 쪽 서버가 해당 홈페이지 정보를 읽어야 표시됩니다.

그렇기 때문에 딜레이가 있을 수 있습니다.

또한 카카오스토리 쪽에서 홈페이지 정보를 제대로 읽지 못한다면

제대로 된 정보가 표시되지 않을 가능성도 있습니다.

카카오톡 공유나 밴드 공유 시에는 정상적으로 표시되는 걸로 보아

카카오스토리 쪽 서버에서 해당 홈페이지 정보를 아직 읽어가지 못했을 가능성이 높습니다.

3. 페이스북 공유하기도 카카오스토리처럼 Open Graph protocol을 활용하고 있으며

2번 내용의 문제가 같을 수도 있습니다.

실제 페이스북 공유 시 크롬 브라우저 개발자 도구(F12) Console 창에

아래의 메시지가 표시되고 있습니다.

POST https://graph.facebook.com/ 400

해당 문제는 사이트의 문제일 수도 있고 페이스북 쪽 문제일 수도 있습니다.

우선은 테마나 다른 플러그인과 충돌이 없는지 점검해보셔야 할 듯합니다.

잠시 다른 테마로 바꿔서 확인해보시고

다른 플러그인을 비활성화해가면서 충돌이 있는지 점검해보시겠어요?

4. 저희 쪽 모바일 기기로 카카오톡 인앱브라우저에서

코스모스팜 소셜 공유에서 밴드 공유를 테스트해보니 정상적으로 표시되는 것을 확인했습니다.

전체적으로 테마 쪽 문제인지 사용 중이신 플러그인의 충돌 문제인지 점검해보셔야 할 듯합니다.

페이지 로드 속도는 당연한 이야기지만

표시해야 할 정보가 많을수록 느려집니다.

테마 쪽의 기능이 많거나 다른 플러그인 쪽에서 많은 기능을 지원한다면

그만큼 속도는 느려질 수 있습니다.

또, PHP 코드로 해결이 어렵니다.

제안드리는 방법은

PHP 버전을 7.0 이상으로 업그레이드해보시고,

MySQL 버전도 가급적 최신 버전으로 사용하시는 게 좋습니다.

PHP의 경우 구형 버전과 최신 버전의 로딩 속도 차이가 공식적으로 2배 이상 차이가 난다고 합니다.

데이터베이스의 경우도 속도 차이가 많이 납니다.

불필요한 플러그인은 사용하지 않으시는 게 좋습니다.

고맙습니다.