워드프레스 카드형 링크 기능 플러그인 Content Cards

워드프레스 카드형 통해서 클릭을 높일 수 있는 플러그인

네이버 블로그에서 글을 써보신 분들이라면 사이트를 링크할 경우에 카드 형식으로 나오는 것을 본 적이 있으실 것입니다. 근데 워드프레스는 이 기능이 기본적으로 없기 때문에 카드형 링크하는 방법에 대해서 알아보실 것입니다. 플러그인을 설치를 하게 되면 에디터에 버튼이 생성되어서 글을 쓸 때 워드프레스 카드형 링크 기능을 사용할 수 있습니다.

이 기능은 링크를 좀 더 강조를 할 수 있다는 점과 어떤 사이트인지 미리 보기 이미지가 나오고 사이트 주소까지 나오기 때문에 방문자에게 신뢰를 줄 수도 있습니다. 하지만 한 가지 단점이 있는데 < Yoast SEO >을 사용 중이라면 Outbound link로 적용되지 않기 때문에 추가로 링크를 해야 할 수도 있습니다.

그러면 워드프레스 카드형은 어떤 플러그인이고 사용법은 어떻게 하는지 알아보겠습니다.

Content Cards 플러그인 설치

워드프레스 카드형

Content Cards 플러그인은 구글에서 검색을 하시게 되면 바로 찾을 수 있을 정도입니다. 그리고 워드프레스 관리자에서 플러그인 추가할 때도 검색하면 바로 나오기 때문에 어렵지 않게 설치를 하실 수 있을 것입니다.

이 플러그인의 설명을 간략하게 정리를 하자면 OpenGraph 데이터를 사용하여 제목, 설명 및 관련 이미지를 포함된 링크를 가져와서 워드프레스 카드형으로 만들어주는 플러그인입니다. 네이버 블로그 뿐만 아니라 유튜브, 트위터 등 다양한 곳에서 사용하는 방법입니다.

※ 이 플러그인의 가장 큰 장점은 링크를 클릭했을 때 새 탭으로 열리게 할 수 있다는 점입니다.

워드프레스 카드형

플러그인을 설치할 때 확인을 해야 하는 것이 있습니다. 현재 Content Cards는 8개월 전에 업데이트가 진행되었는데 이 기간이 길어진다면 호환이 안될 수 있습니다. 그래서 플러그인을 설치하기 전에 위에 빨간색 박스로 표시한 곳에 사용 중인 워드프레스 버전과 호환됨을 확인하시고 설치를 하시길 바랍니다.

추천 게시물 :

워드프레스 SEO 최적화를 위한 놓치기 쉬운 작업 정리

워드프레스 접근성(Accessibility)을 분석하는 플러그인

Content Cards 사용법

워드프레스 카드형

플러그인을 설치하게 되면 에디터 도구 창에 아이콘이 생성되는데 이것을 눌러서 사이트 주소를 입력하시면 워드프레스 카드형 링크가 생성됩니다.

근데 Content Cards 플러그인이 없더라도 워드프레스 플러그인 링크 같은 경우에는 URL를 편집 창에 넣으면 바로 카드형으로 나오고 유튜브 영상도 URL를 입력하게 되면 바로 생성되는 것을 볼 수 있습니다. ( 플러그인이 없어도 URL를 넣을 때 카드형으로 나오는 경우가 있는 듯 합니다. )

워드프레스 카드형

도구 창에서 Content Cards를 클릭하게 되면 위의 화면처럼 창이 나오게 됩니다. 여기서 Content Card URI에 링크할 사이트의 URL를 입력하시면 되는데 여기서 타겟은 새 탭으로 창이 열리게 하는지에 설정하는 것으로 새 탭으로 열리게 하고 싶다면 체크를 하시면 됩니다.

외국에서는 새 탭으로 나오는 것을 안 좋아한다는 글을 본 적이 있는데 국내는 새 탭이 익숙하기 때문에 국내용으로 만든 블로그라면 새 탭이 좋습니다.

워드프레스 카드형

위의 화면처럼 Content Cards를 이용하여서 워드프레스 카드형 링크를 생성한 모습입니다. 썸네일, 제목, 간략한 소개 문구, 사이트명까지 나오기 때문에 링크에 대한 정보를 한눈에 볼 수 있습니다.

이 점 때문에 카드형 링크를 선호하시는 분들도 많기 때문에 링크를 생성할 때 더욱 강조하고 싶다면 위의 소개하는 플러그인을 설치해보시길 바랍니다.

※ 한 가지 단점을 설명 드리자면 네이버 블로그 같은 경우에는 미리 보기 이미지가 클 경우에는 안 보이게 할 수 있지만 위의 플러그인은 그 기능이 없기 때문에 미리 보기 이미지가 크게 나올 경우에는 포스트 길이가 길어질 수 있습니다.

▶ 워드프레스 사진 용량 줄이기 알씨와 플러그인 활용

▶ 워드프레스 구글애드센스 자동삽입하는 플러그인

▶ 빙 웹마스터 도구 – 방문자 행동 분석하는 선명도(clarity)

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Scroll to Top