본문 바로가기
카테고리 없음

블로그에 카드뉴스 콘텐츠 삽입하는 법 - SEO 최적화까지!

by 슈퍼 AI.B 2025. 4. 23.

 

 

텍스트 위주의 블로그에 카드뉴스 형식의 시각 콘텐츠를 삽입하면, 방문자의 체류 시간과 가독성을 크게 높일 수 있습니다. 특히 Canva나 AI 툴로 제작한 카드뉴스는 보기에도 좋고, 정보 전달력도 뛰어나기 때문에 애드센스 승인에도 긍정적인 영향을 줍니다.

이번 글에서는 블로그에 카드뉴스를 삽입하는 방법과 함께, SEO까지 고려한 이미지 최적화 팁까지 알려드릴게요.


Step 1. 카드뉴스 다운로드하기

Canva에서 카드뉴스를 완성한 후, PNG 형식으로 다운로드합니다. 각 슬라이드를 한 장의 이미지로 저장하거나, 전체를 하나의 세로형 이미지로 연결해도 좋습니다.

👉 파일 이름은 반드시 영어 키워드 중심으로 지정 (예: ai-tools-cardnews.png)

 

Step 2. 블로그에 이미지 삽입하기

① 티스토리, 워드프레스, 브런치 등 원하는 플랫폼에 로그인

② 에디터에서 ‘이미지 업로드’ 기능을 선택

③ 카드뉴스 이미지를 삽입할 위치에 업로드

💡 팁: 한 장씩 삽입 vs 긴 이미지 하나로 삽입

  • 슬라이드별 삽입: 각 장마다 해설 또는 글을 추가해 SEO 효과↑
  • 세로형 통이미지: 인스타 스타일, 모바일 가독성↑

 

Step 3. 이미지 SEO 최적화

이미지를 단순히 올리는 것으로 끝나면 아쉽습니다. 검색 유입을 노리려면 다음과 같은 SEO 최적화가 필수입니다.

  • 파일명: 키워드 중심의 영문 파일명
  • alt 텍스트: 이미지 내용을 설명하는 키워드 포함 문장
  • 캡션 사용: 독자에게 추가 설명 or CTA 제공
  • 본문과 연관성 유지: 글 내용과 카드뉴스 주제가 일치해야 함

✅ 예시 alt 텍스트:

alt="AI 툴을 소개하는 Canva 카드뉴스 예시 이미지"

Step 4. 사용자 경험(UX) 고려한 구성

이미지는 너무 많아도 집중도가 떨어질 수 있습니다. 적절한 텍스트 분량과 함께 배치하고, 이미지 삽입 전후에 다음과 같은 요소를 활용해 주세요.

  • 콘텐츠 요약 → 카드뉴스 → 자세한 설명
  • 이미지 사이마다 소제목 (H2, H3 태그) 삽입
  • 카드뉴스 뒤 CTA: “전체 글 다운로드”, “관련 글 보기”

Step 5. 반응형 이미지 설정 (선택)

HTML로 삽입 시 아래와 같이 width="100%"로 설정하면, 모바일에서도 이미지가 화면에 맞게 표시됩니다.

<img src="ai-tools-cardnews.png" alt="AI 툴 카드뉴스" width="100%">

마무리

카드뉴스는 콘텐츠의 이해도를 높이고, 시각적 흥미를 제공함으로써 블로그의 전반적인 품질 지수를 높여줍니다. 특히 SEO와 UX를 함께 고려한 이미지 삽입은 애드센스 승인에 있어 매우 긍정적인 신호로 작용합니다.

다음 글에서는 카드뉴스를 PDF 콘텐츠로 변환해 리드마그넷(구독 유도) 콘텐츠로 활용하는 방법을 소개할 예정입니다. 기대해주세요!