‘스니펫(Snippet)’이란? 검색과 코드에서 꼭 알아야 할 핵심 개념 정리

웹을 사용하다 보면 ‘스니펫’이라는 용어를 자주 접하게 됩니다. 검색, 블로그, 코드, 쇼핑, 뉴스 등 다양한 영역 에서 쓰이며, 그때마다 의미가 조금씩 달라지죠. 이 글에서는 대표적인 4가지 상황에서의 스니펫 을 설명하고, 예시와 함께 쉽게 정리해드립니다.     1. 구글 검색 스니펫 (Google Search Snippet) • 정의: 사용자가 검색했을 때, 검색 결과에 요약되어 표시되는 콘텐츠 미리보기 • 구성: 제목(title), 설명(description), URL 📌 예시: [제목] 반려동물에게 좋은 바닥재는? [설명] 스크래치, 방수, 미끄럼 방지까지! 반려동물과 함께하는 집의 바닥재 선택법. [URL] www.example.com/pet-floor 검색 CTR(클릭률)에 큰 영향 을 주기 때문에 SEO 전략에서 핵심 요소로 취급됩니다. 2. 코드 스니펫 (Code Snippet) • 정의: 특정 기능을 설명하거나 예시로 보여주는 짧은 코드 조각 • 용도: 설명, 튜토리얼, 코드 재사용 등에 활용 📌 예시: function greet(name) { return `Hello, ${name}!`; } 프로그래밍 블로그, 기술 문서, Q&A 사이트에서 매우 자주 등장합니다. 3. 리치 스니펫 (Rich Snippet) • 정의: 별점, 이미지, 가격, 레시피 등 추가 정보 가 포함된 시각적으로 풍부한 검색 결과 • 구현: 구조화된 데이터(Schema.org)를 HTML에 삽입 📌 예시: ⭐⭐⭐⭐☆ 4.8 (325 리뷰) 가격: 29,900원 | 무료배송 사용자 클릭을 유도하고 브랜드 신뢰도를 높이는 데 효과적 입니다.     4. 블로그 스니펫 (Blog Snippet) • 정의: 블로그 포스트의 미리보기 또는 요약 텍스트 • 위치: 블로그 홈화면, RSS, 목록 뷰 ...