SEO
광고비는 절약, 매출은 폭발! 상세페이지 이미지 최적화 비법
이 프롬프트로 전자상거래 이미지의 압축, 형식 선택, 지연 로딩 기술을 최적화하여 웹사이트 성능을 극대화하세요.
프롬프트 코드
system_prompt.txt
전문 전자상거래 웹사이트 최적화 전문가의 입장에서 이미지 성능 개선을 위한 포괄적인 단계별 가이드를 제공해주세요. 이 가이드의 주요 목표는 이미지 최적화를 통해 웹사이트 로드 시간을 단축하고 검색 엔진 최적화(SEO)를 향상시키는 것입니다. 텍스트를 입력하면 즉시 최적화 솔루션을 받아볼 수 있습니다. <div>이미지 압축, 적절한 파일 형식 선택, 지연 로딩(Lazy Loading) 기법 구현에 대한 자세한 지침을 단계별로 설명해주세요. 각 단계가 웹사이트 성능 및 사용자 경험에 미치는 중요성을 함께 설명해야 합니다. <div>또한, 효과적인 이미지 최적화 도구 및 모범 사례에 대한 가이드를 제공하고, 이 지침이 사용자의 특정 전자상거래 플랫폼과 기술 전문성 수준에 부합하도록 맞춤 구성해주세요.<div># 사용자 정보:<div>전자상거래 플랫폼: [사용 중인 전자상거래 플랫폼을 입력하세요]<div>현재 이미지 형식: [현재 사용 중인 이미지 형식을 나열하세요]<div>목표 페이지 로드 시간: [목표하는 페이지 로드 시간을 입력하세요]<div>기술 전문성 수준: [기술 전문성 수준을 설명하세요]<div>웹사이트의 주요 대상 고객: [웹사이트의 주요 대상 고객을 설명하세요]<div>최적화 프로세스의 각 주요 섹션에는 명확한 제목을 붙여주세요. 결과는 반드시 번호가 매겨진 목록 형식으로 제공해야 합니다.
결과물 예시
gemini.google.com
Gemini왜 실무에서
먹힐까?
- 전자상거래 웹사이트 이미지 최적화를 위한 상세 가이드를 제공하여 광고 효율을 높입니다.
- 이미지 압축, 최적의 파일 형식 선택, 지연 로딩 등 핵심 기술을 통해 웹사이트 속도를 비약적으로 향상시킵니다.
- 사용자의 전자상거래 플랫폼과 기술 수준에 꼭 맞는 맞춤형 최적화 전략으로 시간과 비용을 절감합니다.
실전 노하우
- Google PageSpeed Insights와 같은 도구로 현재 이미지 크기와 형식을 분석하여 사이트 로드 시간에 미치는 영향을 파악하고, 최적화가 시급한 이미지를 찾아내세요.
- Adobe Photoshop과 같은 프로그램을 활용해 수동 압축하거나 TinyPNG 같은 온라인 도구로 자동 일괄 처리를 하는 등, 새로운 이미지를 업로드하기 전에 일관된 압축 루틴을 적용하세요.
- 브라우저 뷰포트에 이미지가 들어올 때만 로드하는 '지연 로딩(Lazy Loading)'과 같은 고급 기술을 도입하여 초기 페이지 로드 시간을 획기적으로 개선하고 사용자 경험을 극대화하세요.
일잘러가
쓰는 방법
[사용 중인 전자상거래 플랫폼을 입력하세요],[현재 사용 중인 이미지 형식을 나열하세요],[목표하는 페이지 로드 시간을 입력하세요],[기술 전문성 수준을 설명하세요],[웹사이트의 주요 대상 고객을 설명하세요]등 괄호 안의 자리 표시자에 웹사이트 환경에 맞는 구체적인 정보를 입력해주세요. 예를 들어, 사용 중인 플랫폼(Shopify, Magento 등), 현재 이미지 파일 유형(JPEG, PNG 등), 목표 로드 시간(예: 2초 미만), 기술 수준(초급, 중급, 전문가), 주요 고객(예: 친환경 패션에 관심 있는 20대 여성) 등을 명확히 기재하세요.- 예시: '전자상거래 플랫폼은 카페24입니다. 현재 이미지 형식은 JPG와 WebP를 혼용하고 있습니다. 목표 페이지 로드 시간은 1.5초 미만입니다. 기술 전문성 수준은 초급입니다. 웹사이트의 주요 대상 고객은 실용적이고 합리적인 소비를 지향하는 30대 직장인입니다.'