post test

  • 엔진(역시 머스탱 이다 )

이러한 추가 사진을 활용하는 가장 좋은 방법은 대체 속성을 채우는 것입니다. 그리고 이를 수행하는 방법은 각 제품 샷에 대해 고유한 대체 속성을 만드는 것입니다.

  • 2012-Ford-Mustang-LX-Red-Leather-Interior-Trim.jpg -> alt 속성 사용: alt="2012 Ford Mustang LX Red Leather Interior Trim"
  • 2012-Ford-Mustang-LX-Red-Rear-View-Air-Spoiler.jpg -> alt 속성 사용: alt="2012 Ford Mustang LX Red Rear View Air Spoiler"

여기서 핵심은 잠재적인 검색자가 귀하의 웹사이트를 방문할 수 있도록 기본 대체 속성에 설명을 추가하는 것입니다. 추가 작업을 수행하면 Google에서 검색자에게 보상을 제공합니다.

더 큰 이미지 제공 시 주의 사항

이제 방문자에게 더 큰 보기를 제공하여 훌륭한 사용자 경험을 제공할 수 있지만 주의해야 합니다.

무엇을 하든지 웹 페이지에 가장 큰 이미지를 배치하지 말고 소스 코드를 통해 크기를 축소하십시오. 이렇게 하면 이미지와 연결된 더 큰 파일 크기 때문에 페이지 로드 시간이 늘어납니다.

대신, 더 작은 이미지로 만들고 팝업이나 별도의 웹페이지에서 더 큰 이미지를 볼 수 있는 옵션을 제공하십시오. 팁 : jQuery 이미지 확대/축소 를 사용하여 테마에서 제품 이미지를 확대/축소하는 방법을 알아보세요 .

Back to blog