Shopify SEO · 상품 발견
Shopify 메타 객체의 룩북 이미지 SEO 체크리스트 (상품 발견을 위해)
Shopify 메타 객체로 만드는 룩북 이미지를 쉽게 찾을 수 있도록 하는 방법. 설명 alt 텍스트 및 파일 이름, 서버 측 렌더링, 크롤링 가능한 '상품 보기' 링크, 메타 객체 페이지 메타데이터, 이미지 구조화 데이터, 흔한 실수, 측정 계획 등을 요약합니다.
요점
Shopify의 메타 객체로 만든 룩북은 이미지가 발견 가능한 콘텐츠로 렌더링되어 처음으로 상품 발견에 도움이 됩니다. 상품명을 포함한 설명적인 alt 텍스트, 업로드 전에 붙이는 설명적인 파일명, 각 룩으로부터 상품 페이지에의 크롤 가능한 「상품 보기」링크, 그리고 크롤러를 볼 수 있도록(듯이) 서버 측에서 렌더링 된 마크 업이 필요합니다. Meta Object는 넣는 것에 불과하고, 이미지와 링크의 정비야 신호입니다.
Meta Object Lookbook과 SEO가 새는 곳
Shopify의 메타 오브젝트는 커스텀의 컨텐츠 구조로, 룩 마다 이미지·설명·게재 상품을 가질 수 있는 룩북에 적합합니다. 문제는 SEO 신호가 간과되기 쉬운 세부 사항에 있다는 것입니다. 각 이미지의 alt 텍스트와 파일 이름, 제품이 링크되어 있는지, 크롤러가 읽는 HTML에 포함되어 있습니까? 메타 객체의 이미지는 일반 img로 그려지므로 Google 이미지 가이드 라인이 제품 사진과 동일하게 적용됩니다.
Shopify Metaobjects · Google Images SEO · Google Crawlable Links
크롤링 가능한 '상품 보기' 링크가 발견된 엔진
장식적인 룩북과 발견의 장소를 나누는 것은, 각 룩이 실제의 앵커(href 를 가지는 a 요소)로 상품에 링크하고 있는지 어떤지입니다. Google은 크롤링 할 수있는 링크를 따르지 않습니다. 클릭 핸들러만의 핫스팟은 크롤링되지 않으며 검색 가치를 전달하지 않습니다. 메타 오브젝트에 상품 참조 필드를 마련해 템플릿이 링크를 paint 할 수 있도록 해, 상품명을 포함한 설명적인 앵커 텍스트나 alt 를 기입합니다.
룩북 이미지 SEO 체크리스트
각 행은 메타 오브젝트의 각 룩에서 확인하는 항목입니다. 첫 항목만큼 발견을 잃기 쉬운 부분입니다.
| 요소 | 추천 | 피하는 것 |
|---|---|---|
| 룩 이미지의 alt 텍스트 | 장면을 설명하고 찍은 상품명 포함 | alt 비우기 / 파일 이름을 자동으로 유용 |
| 이미지 파일 이름 | linen-blazer-tan-trouser-studio-lookbook.webp | 촬영 그대로의 IMG_4821.JPG |
| '상품 보기' 링크 | 각 상품 페이지에 대한 실제 a href 링크 | 링크가 없는 평면 이미지/JS 전용 핫스팟 |
| 서버측 마크업 | 너비, 높이, 링크를 포함한 서버 그리기 img | Storefront API에서 클라이언트 그리기 전용 |
| 메타 객체 페이지의 메타데이터 | 설명적인 제목, 메타 디스크립션, 자기 참조 canonical | 테마 기본 제목/설명 없음 |
| 이미지 크기와 형식 | 적절한 크기의 .webp에 너비와 높이 지정 | 너비와 높이가 지정되지 않은 거대한 원본 이미지 |
제작 워크플로우
- 룩북의 메타 객체를 디자인한다(제목, 룩 이미지의 파일 필드, 설명, 상품 참조 필드).
- 메타 객체에 추가하기 전에 각 이미지에 설명적인 파일 이름과 alt 텍스트를 붙입니다.
- 상품 참조 필드에서 각 룩을 게재 상품에 연결하여 템플릿이 링크를 그릴 수 있도록 한다.
- 폭·높이를 지정한 서버 묘화의 화상으로서 출력해, 각 상품 페이지에의 실제의 a href 링크를 묘화 한다. JavaScript 실행 전에 마크업이 있는지 확인합니다.
- 룩북에 자신의 크롤링 가능한 URL을 제공하고 제목 메타 디스크립션 및 자체 참조 canonical을 설정하고 탐색 및 사이트 맵에 포함시킵니다.
흔한 실수
- 복수의 상품을 1장의 화상에 정리해 링크를 마련하지 않는다.
- alt가 비어 있거나 파일 이름이 유용합니다.
- 헤드리스 구성으로 클라이언트 드로잉만으로 한다.
- 실제 링크가 아닌 JS 전용 핫스팟을 사용합니다.
- 룩북 URL에 메타데이터나 Sitemap 등록이 없습니다.
- 메타 오브젝트를 마법의 SEO 기능이라고 생각한다.
FAQ
Shopify의 메타 객체는 그 자체로 SEO에 효과가 있습니까?
그 자체로는 효과가 없습니다. 메타 객체는 콘텐츠 구조이며 효과는 내용을 그리는 방법에서 비롯됩니다. 이미지에 설명적인 alt 와 파일명이 있어, 「상품 보기」링크가 실제의 크롤 가능한 앵커로, 전체가 서버 측에서 렌더링 되고 있을 때, 룩북은 순위와 발견에 공헌합니다.
룩북 이미지의 alt 텍스트는 어디에 있습니까?
Shopify의 이미지 자체와 테마가 메타 객체의 파일 필드를 그릴 때 출력하는 내용입니다. 업로드 전 또는 시간에 설명적인 alt를 설정하여 템플릿이 비어 있지 않은 채 alt를 그리도록 합니다. 상품 사진의 alt와 마찬가지로 장면을 설명하고 상품명을 포함합니다.
Meta Object Lookbook에는 자체 URL이 있습니까?
네. 상점 프론트 액세스를 활성화하고 해당 테마 템플릿을 준비하면 Shopify는 조건을 충족하는 메타 개체 항목에 자신의 페이지를 제공합니다. URL이 있으면 제목, 메타 디스크립션, 자체 참조 canonical, 내부 링크, 사이트 맵 등록을 갖춘 색인 가능한 페이지로 취급하십시오. 최신 단계는 Shopify 도움말 센터에서 확인하십시오.
룩북에 필요한 라이프스타일 사진 생성
룩북에는 각 룩에 대한 스타일링된 이미지가 필요합니다. Prodofoto는 하나의 제품 사진에서 여러 Shopify 용 라이프 스타일 이미지를 생성 할 수 있으므로 촬영을 예약하지 않고 설명적이고 명명 된 이미지로 메타 객체의 모양을 채울 수 있습니다.
Shopify에 Prodofoto 설치