[워드프레스] 페이스북/네이버에 글을 공유할 때 썸네일이 제대로 표시되지 않는 경우

9

들어가며

예전에는 별다른 설정 없이 워드프레스 글을 페이스북이나 네이버에 공유해도 썸네일이 제대로 표시되었습니다. 하지만 언제부터인가 공유된 글의 특성 이미지가 썸네일로 표시되지 않고 사이트 로고가 표시되거나 이미지가 표시되지 않는 문제가 나타나는 문제가 발생하는 것이 관찰되었습니다.

페이스북, 네이버, 트위터에 글을 공유할 때 이러한 문제가 발생하는 경우 가장 간단한 해결 방법으로 All in One SEO와 같은 SEO 플러그인에서 OG(오픈 그래프) 메타 태그를 사용하도록 설정해주고 개별 글에서 페이스북 등에 공유할 때 사용할 이미지를 지정해주면 됩니다.

All in One SEO에서 OG 메타 태그 활성화하기

All in One SEO를 사용하는 경우 워드프레스 대시보드에서 All in SEO > 기능 관리자를 선택하고 "소셜 메타" 기능을 활성화하도록 합니다.

워드프레스 OG 태그 소셜 메타 활성화

이제 개별 글에서 소셜에 공유 시에 표시될 이미지를 지정할 수 있습니다. 가령 개별 글의 편집 화면에서 맨 아래로 이동하여 "소셜 설정"에서 SNS에 공유할 때 표시할 타이틀, 설명, 이미지 등을 선택할 수 있습니다.

워드프레스 OG 메타 소셜 태그

이제 페이스북이나 네이버에 공유해보면 지정한 이미지가 제대로 표시될 것입니다.

Yoast SEO에서 OG 메타 태그 활성화하기

All in One SEO와 함께 널리 사용되는 Yoast SEO의 경우에도 비슷한 방법으로 설정할 수 있습니다.

워드프레스 관리자 페이지의 왼쪽 패널에서 SEO > Dashboard > Features를 선택합니다. Advanced settings pages의 설정을 Enabled로 바꾸어주도록 합니다.

Yoast SEO OG 메타 태그 활성화

2018_0401 업데이트: 최근 Yoast SEO가 업데이트되면서 UI에 많은 변화가 있었습니다.

Features 메뉴는 General 아래로 이동했습니다. SEO Meta Description 기능은 SEO > Search Appearance > Content Types에서 설정이 가능합니다.

Yoast SEO 메타 설명 설정

이제 글 편집 화면에서 SNS에 공유할 때 표시할 썸네일을 지정할 수 있습니다.

워드프레스에서 소셜 공유 시 썸네일 오류 문제

설정을 하고 글을 공개하면 OG 메타 태그가 제대로 표시되고 있음을 확인해볼 수 있습니다.

OG 메타 태그

네이버, 페이스북 등에서 썸네일이 제대로 표시되지 않으면 개별 글에 대하여 Facebook Image와 Twitter Image를 추가해보시기 바랍니다.

개인적으로는 All in One SEO 플러그인을 사용하고 있습니다. Yoast SEO가 보다 강력하고 기능이 좋지만 다소 무거운 감이 있는 것 같습니다. 어느 SEO 플러그인을 사용하든 관계는 없습니다. 취양에 따라 둘 중에 하나를 선택하면 됩니다.

※ 추가: Yoast SEO나 AIO를 이용하는 경우 SNS 설정 섹션에서 이미지뿐만 아니라 타이틀과 설명을 모두 입력해주어야 제대로 표시될 수 있습니다. 그리고 CSS/JS Minify 플러그인을 사용하거나 Minify 기능을 사용할 경우 썸네일이 제대로 노출되지 않을 수 있습니다.

참고:

9 개 댓글

  1. 안녕하세요. 많은 정보를 얻고 있습니다.
    감사합니다.

    읽기만 하다가 궁금한 사항이 생겨서 질문드립니다.

    질문은 2가지 사항입니다.

    저의 사이트주소: http://www.imagetalk.co.kr

    1번 사항.
    구글에 특정 웹사이트가 노출 될때 메인 사이트와 하위 디렉토리가 함께 표현 되는 방법.
    예)워드프레스 정보 꾸러미 사이트의 경우

    워드프레스 정보꾸러미 - 홈페이지 제작, 웹호스팅, 블루호스트 ...
    |

    워드프레스, 웹호스팅, 번역에 해외 웹호스팅 서비스 - 블루

    홈페이지 제작, 웹호스팅, 블루 이 달의 무료 다운로드 (2019년

    서비스 문의 워드프레스 블로그 시작하기

    위와 같이 표기하는 방법이 궁금합니다.

    2번 사항.
    yoast seo를 사용하고 있습니다. 구글/빙/네이버 모두 url 등록하여 검색시 노출 됩니다.
    단지, 메타 디스크립션이 구글과/빙은 정상적으로 표현이 되는데 네이버에서 메타크립션 대신에 페이지에 있는 글을 메타크립션으로 표현하고 있습니다. 이것을 바꿀 방법이 있을까요?
    현재, yoast seo에 기본 키프레이즈, seo 타이틀, 디스크립션 및 페이스북과 트위터에 대한 디스크립션을 작성한 상태입니다.

    2가지 모두 어려운 질문같아,, 답변을 받을 수 있을지 모르겠지만...
    못받더라고 기존 공개해주시는 정보글에 대해서 감사한 마음을 가지겠습니다.

    건강하세요.

    • 안녕하세요, 정우현님.

      1. 아마 다음 그림과 같은 링크를 말씀하시는 것 같네요.

      https://www.screencast.com/t/qHsXGTCU

      이런 링크를 구글에서는 '사이트 링크'라고 합니다. ('퀵링크'라고도 합니다.)

      사이트 링크에 대해 구글에서는 다음과 같이 언급하고 있습니다.

      Google 검색결과 아래에 표시되는 링크를 사이트링크라고 하며, 사이트링크를 통해 사용자는 해당 사이트를 탐색할 수 있습니다. Google 시스템은 사이트의 링크 구조를 분석하여 시간이 절약되는 단축키를 찾고 사용자가 원하는 정보를 신속하게 찾을 수 있도록 합니다.

      Google에서는 사용자에게 유용하다고 판단되는 검색결과에 대한 사이트링크만 표시합니다. 유용한 사이트링크를 찾아주는 Google 알고리즘이 사이트 구조에서 허용되지 않거나 사이트의 사이트링크가 검색어와 관련 없을 경우 사이트링크를 표시하지 않습니다.

      현재 사이트링크는 자동으로 실행됩니다. Google은 항상 사이트링크 알고리즘을 개선하기 위해 노력하고 있으며 향후 웹마스터의 의견을 반영할 수 있도록 더욱 노력하겠습니다. 하지만 사이트링크의 품질을 개선하기 위해 따를 수 있는 권장사항이 있습니다. 예를 들어 사이트의 내부 링크에 대해서는 유용하고 간결하며 반복이 없는 앵커 텍스트 및 alt 텍스트를 사용하시기 바랍니다.

      즉, 사이트링크는 구글에서 유용하다고 판단되는 사이트에 대해 표시합니다. 따라서 사용자가 어떻게 할 수 있는 영역은 아닙니다.

      사이트 방문자가 늘어나고 검색엔진을 통한 유입이 많아지면 자동으로 표시될 것입니다.

      네이버에서 마찬가지로 '퀵링크'가 표시될 수 있습니다. 이 워드프레스 정보꾸러미 블로그의 경우 네이버에서도 '퀵링크'가 표시되었지만, 오늘 체크해보니 이제는 표시되지 않네요. 최근 네이버 유입이 반토막 났는데, 아마 그것과 관련성이 있는 것 같기도 하네요.

      2.
      이 부분은 한 번 체크해보겠습니다.

      • 안녕하세요. 답변 감사합니다.

        큰 도움이 되었습니다. 앞으로도 자주 방문하겠습니다.

        건강하세요.

  2. 저는 이 포스트에 나온 대로 했고 featured... 이 플러그인도 깔았는데 썸네일이 안나와요ㅠㅠ
    Feedly에서는 잘 나오는 것을 보니 네이버 문제인것인지도 모르겠지만 아무튼 고민이에요ㅠㅠ

    • 안녕하세요?

      제 블로그의 경우 블로그 섹션에서 검색이 되다가 웹사이트 섹션에 이제 검색이 되고, 이전에 썸네일이 나왔던 것으로 같지만 이제 살펴보니 블로그 섹션에 노출되는 글에서 썸네일이 표시되지 않네요.

      우선은 Featured Images in RSS & Mailchimp Email 플러그인을 설치하여 추이를 살펴보고 있습니다.

      • 그렇군요... 저는 플러그인도 안되서 걍 삭제해버렸습니다ㅋㅋ 제 문제인지 네이버 문제인지 잘 모르겠어요

        좋은 결과 있었으면 좋겠습니다!

      • 네이버가 좀 그런 것이 어떤 워프 사이트에서는 위의 방법으로도 썸네일이 잘 표시되고 어떤 사이트에서는 안 되네요. 그리고 잘 되다가도 갑자기 안 되고...

        가령 제 지인이 운영하는 워드프레스 사이트에서는 Yoast SEO를 사용하고 있는데, 발행되는 글이 네이버 블로그 섹션에 검색이 되고 썸네일도 표시됩니다.

        https://iwordpower.com/wp-content/uploads/2018/04/naver-thumbnail.jpg

      • 음... 저도 yoast 쓰는데...
        결국 진짜 복불복이군요... 알겠습니다ㅠㅠ 감사합니다~

  3. 이 블로그가 네이버에서 블로그 섹션에 검색이 잘 되다가 최근 네이버에서 정책 변경으로 인한 것인지 이제 웹사이트 섹션에 검색이 되고 썸네일도 나타나지 않네요.

    위의 방법을 적용했을 때 다른 워드프레스 블로그에서는 네이버에서 썸네일이 잘 표시되는 것으로 보아서 네이버에서 썸네일 표시 여부는 복불복 같습니다.

댓글 남기기

댓글을 입력해주세요!
이름을 입력해주세요