[판매] 왜 내 상품은 상단노출이 안 될까? (feat. 상세페이지 최적화)

문제를 통해서 배울 수 있다.
상세페이지를 완성해서 업로드를 했고, 테스트차 광고도 붙여보았지만, 내 제품이 몇페이지를 걸쳐서 어디에 있는지 보이지 않는다.
그래서 다시 배우는 상세페이지 제작시 내가 놓친 부분....
제품을 팔기 위해 좋은 제품을 예쁘게 사진 찍어서 업로드 하고 광고만 붙이면 팔릴 줄 알았는데, 
이 치열한 온라인 마켓 경쟁에서 마케팅을 모르면 팔 수가 없다... 

1. 키워드 연구

• 제품과 관련성 높은 키워드 찾기
• - 구글 키워드 플래너|, Ahrefs, SEMrush와 같은 도구를 사용해 목표 키워드를 선정함. 
• 경쟁 분석
• 경쟁 페이지가 어떤 키워드를 타겟으로 하는지 분석하고, 틈새 키워드를 찾아내는 것이 중요함.

2. 메타 태그 최적화

• 제목 태그 (Title Tag): 페이지의 핵심 키워드를 포함한 제목을 작성하고, 60자 이내로 유지함.
• 메타 설명 (Meta Description): 검색 결과에서 클릭을 유도할 수 있는 매력적인 설명을 작성하고, 150-160자 내외로 설정함.
• 헤더 태그 (H1, H2, H3): H1 태그에는 주요 키워드를 포함하고, 하위 헤더(H2, H3)는 관련 키워드를 포함해 콘텐츠 구조를 명확히 함.

3. 콘텐츠 최적화

• 고유하고 유익한 콘텐츠 제공: 상세페이지의 내용은 독창적이며, 고객에게 실질적인 가치를 제공하는 정보를 포함해야 함.
• 키워드 배치: 자연스럽게 주요 키워드를 본문에 삽입하되, 키워드 스터핑을 피해야 함. 보조 키워드도 적절히 사용함.
• 문서 길이: 경쟁 사이트보다 약간 길게 작성하되, 독자가 쉽게 읽을 수 있도록 가독성을 고려해야 함.
• 내부 링크: 다른 관련 페이지로 연결하는 내부 링크를 포함해 사이트 내 사용자 흐름을 개선함.

4. 이미지 및 멀티미디어 최적화

• 이미지 최적화: 이미지 파일 이름에 키워드를 포함하고, ALT 태그에 관련 설명을 추가함.

이미지에 ALT 태그를 넣는 방법

ALT 태그는 이미지에 대한 대체 텍스트를 지정하여, 이미지가 로드되지 않거나 시각장애인이 화면 읽기 도구를 사용할 때 이미지를 설명할 수 있도록 도와줌. 또한, SEO에 중요한 역할을 함.

1. HTML에서 ALT 태그 추가하는 방법

HTML을 직접 수정할 수 있는 경우, 이미지를 추가할 때 alt 속성을 사용해 ALT 태그를 추가할 수 있음. 예시는 다음과 같음:

예를 들어, 

이미지	만약 상품이 '빨간색 가죽 지갑'이라면
html	<img src="image-url.jpg" alt="대체 텍스트 내용">	<img src="red-leather-wallet.jpg" alt="빨간색 가죽 지갑">

 

2. 스마트 스토어에서 ALT 태그 추가하는 방법

스마트 스토어에서는 일반적으로 HTML을 직접 편집하지 않지만, 이미지 설명을 통해 간접적으로 ALT 태그와 유사한 역할을 할 수 있음. 아래 방법을 사용해볼 수 있음:

• 이미지 파일명 최적화: 이미지 업로드 전에 파일명을 키워드에 맞춰 의미 있게 지정하는 것이 좋음. 파일명이 ALT 태그처럼 검색엔진에 인식될 수 있음.
• 상품 등록 시 이미지 설명 추가:
  • 스마트 스토어 상품 등록 페이지에서 이미지를 추가할 때, 이미지마다 설명을 추가할 수 있는 옵션이 있음. 이 설명란에 해당 이미지에 대한 대체 텍스트를 입력하면 ALT 태그와 유사한 역할을 함.

3. 플랫폼 별 ALT 태그 설정

다른 전자상거래 플랫폼이나 CMS(예: WordPress, Shopify)를 사용하는 경우, 플랫폼에서 제공하는 이미지 업로드 인터페이스에서 ALT 태그를 설정할 수 있음.

• WordPress: 이미지 업로드 후 '대체 텍스트'라는 필드에 텍스트를 입력하면 됨.
• Shopify: 제품 페이지에서 이미지를 추가할 때, '이미지 설명'에 ALT 텍스트를 입력할 수 있음.

4. ALT 태그 작성 시 주의사항

• 간결하지만 정확한 설명: 이미지를 간단하고 명확하게 설명함. 너무 길게 쓰지 않도록 주의함.
• 키워드 포함: 관련된 키워드를 포함하되, 자연스럽게 작성해야 함.
• 중복 피하기: 동일한 ALT 태그를 반복적으로 사용하지 않도록 주의함. 각 이미지에 맞는 고유한 설명을 작성함.

이 방법들을 활용해 이미지를 보다 효과적으로 최적화할 수 있음. 이는 검색엔진이 사이트를 더 잘 인식하게 하고, 접근성도 향상시킬 수 있음.

• 파일 크기 줄이기: 빠른 로딩 속도를 위해 이미지 파일 크기를 최소화함.
• 동영상 삽입: 동영상 콘텐츠가 있다면 삽입해 사용자의 체류 시간을 늘림.

5. 페이지 속도 최적화

• 최신 캐싱 기술 적용: 캐시를 이용해 페이지 로딩 시간을 단축함.
• CSS/JS 파일 최소화: 불필요한 코드를 제거하고, 코드 압축을 통해 파일 크기를 줄임.
• CDN 사용: 콘텐츠 전송 네트워크(CDN)를 이용해 페이지 로딩 속도를 최적화함.

6. 모바일 최적화

• 반응형 웹디자인 적용: 모든 디바이스에서 페이지가 최적화된 상태로 보이도록 반응형 디자인을 적용함.
• 모바일 페이지 속도 개선: AMP(Accelerated Mobile Pages) 기술을 활용해 모바일에서의 로딩 속도를 높임.

7. 구조화 데이터 마크업

• Schema.org 마크업 사용: 구조화된 데이터를 사용해 검색 엔진이 페이지 내용을 쉽게 이해하고, 검색 결과에서 풍부한 스니펫을 제공할 수 있도록 함.

Schema.org는 마케팅에서 매우 중요한 역할을 하는 도구로, 주로 웹 페이지에 구조화된 데이터를 추가하기 위해 사용됨. 구조화된 데이터는 검색 엔진이 웹사이트의 콘텐츠를 더 잘 이해하고, 검색 결과에서 더 풍부하고 유용한 정보를 제공할 수 있도록 도와줌. 이를 통해 마케팅 효과를 극대화할 수 있음.

Schema.org를 마케팅에서 사용하는 주요 용도

1. 검색 결과 향상 (리치 스니펫)
   • 리치 스니펫: Schema.org를 사용해 웹 페이지의 구조화된 데이터를 검색 엔진에 제공하면, 검색 결과에서 리치 스니펫(확장된 검색 결과)을 생성할 수 있음. 예를 들어, 별점 리뷰, 가격 정보, 이벤트 일정 등이 포함된 리치 스니펫은 사용자의 클릭을 유도하는 데 큰 도움을 줌.
   • 클릭률(CTR) 증가: 더 많은 정보를 제공하는 리치 스니펫은 검색 결과 페이지에서 눈에 띄어 클릭률을 높이는 효과가 있음.
2. 로컬 비즈니스 최적화
   • 로컬 SEO: Schema.org를 사용해 로컬 비즈니스 정보를 구조화하면, 검색 엔진에서 해당 비즈니스의 위치, 운영 시간, 연락처 등을 정확히 인식하게 됨. 이는 지역 검색 결과에 비즈니스가 더 잘 노출되게 하여, 지역 고객을 유치하는 데 도움이 됨.
3. 상품 및 리뷰 정보 강화
   • 상품 마케팅: Schema.org의 Product 스키마를 사용해 제품명, 가격, 재고 상태 등을 구조화하면, 검색 엔진이 이 정보를 더 잘 이해하고, 검색 결과에 노출할 수 있음. 이는 고객이 검색 결과에서 바로 상품 정보를 확인할 수 있게 해 구매로 이어질 가능성을 높임.
   • 리뷰와 평점: 제품이나 서비스에 대한 고객 리뷰와 평점을 구조화하면, 검색 결과에 리뷰와 별점이 표시되어 신뢰성을 높일 수 있음.
4. 이벤트 프로모션
   • 이벤트 정보: Event 스키마를 사용해 이벤트 정보를 구조화하면, 검색 결과에서 날짜, 장소, 티켓 가격 등 이벤트 세부 정보가 표시됨. 이는 이벤트 프로모션에 큰 도움이 됨.
   • 캘린더 통합: 사용자가 구글 캘린더와 같은 도구에 직접 이벤트를 추가할 수 있도록 유도할 수 있음.
5. 소셜 미디어 및 콘텐츠 마케팅
   • 오픈 그래프 및 트위터 카드: Schema.org와 함께 Open Graph나 Twitter Cards와 같은 메타 태그를 사용해 소셜 미디어에서 공유될 때 미리보기를 제어할 수 있음. 이를 통해 소셜 미디어에서의 콘텐츠 노출을 최적화할 수 있음.
6. 향상된 접근성
   • 더 나은 사용자 경험: Schema.org 데이터를 사용하면 검색 엔진이 콘텐츠를 더 잘 이해할 수 있어, 사용자가 검색을 통해 더 관련성 높은 결과를 얻을 수 있음. 이는 사이트의 사용자 경험(UX)을 향상시키는 데 기여함.

요약

Schema.org는 검색 엔진 최적화(SEO)와 사용자 경험을 강화하는 데 중요한 도구로, 검색 엔진이 웹사이트의 콘텐츠를 더 잘 이해할 수 있도록 돕고, 검색 결과에서 풍부한 정보를 제공하여 마케팅 효과를 극대화할 수 있음. 이를 통해 웹사이트의 가시성, 클릭률, 전환율을 모두 높일 수 있음.

8. 외부 링크와 소셜 공유

• 신뢰할 수 있는 사이트로의 외부 링크: 관련성이 높은 신뢰할 수 있는 외부 사이트로의 링크를 삽입해 콘텐츠의 신뢰성을 높임.
• 소셜 미디어 공유 버튼: 사용자가 쉽게 콘텐츠를 공유할 수 있도록 소셜 미디어 버튼을 추가함.

---

쇼핑몰 상세페이지에서 사진을 단순히 붙여넣기 하는 것은 몇 가지 중요한 단점이 있을 수 있음.

1. 이미지 품질 저하

• 해상도 손실: 사진을 붙여넣는 과정에서 이미지의 해상도가 저하될 수 있음. 이는 특히 원본 사진이 고해상도인 경우에 더 두드러짐. 해상도 저하는 제품의 디테일을 정확하게 보여주지 못해, 구매자의 신뢰를 떨어뜨릴 수 있음.
• 압축 문제: 붙여넣기된 이미지가 자동으로 압축되면서 품질이 낮아질 수 있음. 이로 인해 이미지가 흐릿해지거나 픽셀이 깨지는 현상이 발생할 수 있음.

2. SEO 최적화 어려움

• 파일 이름 최적화 불가: 이미지를 붙여넣기 방식으로 추가하면 파일 이름을 최적화할 수 없음. 파일 이름에 키워드를 포함해 검색 엔진 최적화를 시도할 수 없게 됨.
• ALT 태그 설정 제한: 이미지에 대한 ALT 태그(대체 텍스트)를 설정하지 못하면, 검색 엔진이 해당 이미지를 이해하고 색인화하는 데 어려움을 겪음. 이는 검색 결과에서의 노출 가능성을 낮출 수 있음.

3. 페이지 로딩 속도 저하

• 불필요한 데이터: 붙여넣기된 이미지는 불필요한 메타데이터나 포맷 정보를 포함할 수 있으며, 이는 페이지 로딩 속도를 저하시키는 요인이 됨. 페이지 로딩 속도가 느려지면 사용자가 이탈할 가능성이 높아짐.

4. 이미지 일관성 문제

• 스타일의 비일관성: 다양한 출처에서 복사한 이미지를 붙여넣을 경우, 각 이미지의 스타일이나 크기가 일관되지 않을 수 있음. 이는 페이지의 전반적인 디자인 품질을 떨어뜨림.
• 브랜드 이미지 손상: 비일관적이고 품질이 낮은 이미지는 전문성과 신뢰성을 저하시킬 수 있으며, 이는 브랜드 이미지에도 부정적인 영향을 줄 수 있음.

5. 저작권 문제

• 저작권 침해 위험: 출처가 불분명한 이미지를 붙여넣을 경우 저작권 문제가 발생할 수 있음. 이는 법적 분쟁으로 이어질 수 있으며, 판매자에게 큰 불이익을 줄 수 있음.

6. 모바일 및 다양한 디바이스 최적화 문제

• 반응형 디자인에서 문제 발생: 붙여넣기된 이미지가 모바일 또는 다른 디바이스에서 적절하게 표시되지 않을 수 있음. 이는 사용자 경험을 저해하고, 구매 전환율을 낮출 수 있음.

이러한 이유들로 인해, 스마트 스토어에서 이미지를 단순히 붙여넣기보다는, 적절한 크기와 형식으로 직접 업로드하고, SEO 최적화를 위해 파일 이름과 ALT 태그를 설정하는 것이 더 바람직함.

이미지 파일 이름에 동일한 키워드에 번호만 붙인 사진을 사용하는 것은 일부 상황에서는 괜찮을 수 있지만, 몇 가지 단점과 주의할 점이 있음. 이를 고려하여 사용 여부를 판단하는 것이 좋음.

장점

단점 및 주의사항

간결성 파일 이름이 간결하고 관리하기 쉬움. 예를 들어, red-leather-wallet-1.jpg, red-leather-wallet-2.jpg 와 같은 방식으로 파일 이름을 설정하면, 여러 이미지를 체계적으로 관리할 수 있음. 일관성 동일한 키워드를 사용함으로써, 검색엔진이 이 이미지들이 같은 제품과 관련이 있음을 인식할 수 있음.

차별화 부족 동일한 키워드를 사용하되 번호만 변경하는 방식은 검색엔진에 있어 차별화된 정보를 제공하지 못할 수 있음. 이는 이미지가 검색 결과에서 유사한 위치에 그룹화되거나, 개별적으로 인식되지 않는 문제를 초래할 수 있음. SEO 최적화 기회 손실 각각의 이미지에 대해 구체적인 설명이나 추가적인 키워드를 사용할 수 있는 기회를 놓칠 수 있음. 예를 들어, 다른 각도에서 찍은 사진, 특정 디테일을 보여주는 사진 등에는 그에 맞는 설명이 포함된 파일 이름을 사용할 수 있음. 예를 들어, red-leather-wallet-front-view.jpg, red-leather-wallet-back-view.jpg, red-leather-wallet-inside-view.jpg와 같은 방식으로 파일 이름을 지정하면, 각 이미지의 구체적인 내용이 더 잘 전달될 수 있음. 검색엔진 이해도 저하 너무 일반화된 파일 이름은 검색엔진이 이미지의 고유한 특성을 이해하는 데 어려움을 줄 수 있음. 이는 검색엔진이 해당 이미지를 특정 키워드로 검색할 때 덜 우선적으로 다룰 가능성을 증가시킴.

권장 사항

• 구체적인 파일 이름 사용: 가능하다면, 각 이미지의 내용을 더 구체적으로 설명하는 파일 이름을 사용하는 것이 좋음. 이는 검색엔진이 이미지의 내용을 더 잘 파악하게 하고, 이미지 검색 결과에서의 노출 기회를 높일 수 있음.
• 번호 부여는 보조적으로 사용: 이미지가 실제로 비슷하지만 미세한 차이가 있는 경우, 번호를 부여하는 것은 괜찮음. 하지만 그 앞에 추가적인 설명을 포함하는 것이 바람직함.

예를 들어:

• red-leather-wallet-angled-view-1.jpg
• red-leather-wallet-angled-view-2.jpg
• red-leather-wallet-close-up-stitching.jpg

이런 방식으로 이미지를 구체적으로 구분할 수 있는 파일 이름을 사용하는 것이 SEO 관점에서 더 유리할 수 있음

 

---

 

[벤치마킹] 쇼핑몰 상품 상세페이지
[판매] 쇼핑몰 상세페이지 SEO 검색 최적화, 이미지 내 텍스트