구성 요소 개요
슬롯 사이트 구성 요소는 페이지 상단에 추가하거나 페이지의 중간 또는 하단에서 파괴적인 시각적으로 사용할 수있는 큰 시각적 요소입니다. 슬롯 사이트 비주얼은 이미지 또는 배경 비디오가 될 수 있습니다.
- 슬롯 사이트은 모든 페이지 스키마에서 사용할 수 있습니다 :섹션 프론트 스키마 용으로 설계되었지만 슬롯 사이트은 섹션 세부 사항, 프로필 세부 사항 및 학위 세부 페이지에도 사용할 수 있습니다.
- 슬롯 사이트은 텍스트가 있어야합니다 :페이지 상단에 사용될 때 슬롯 사이트 구성 요소는 텍스트를 포함해야합니다.
- Heroes는 배경 비디오를 포함 할 수 있습니다 :비디오 소스는 Vimeo 프리미엄, 비즈니스 또는 프로 계정에서 나와야합니다. 비디오를 포함시킬 때는 모바일의 정적 배경 이미지를 업로드해야합니다.
- 슬롯 사이트 비디오는 드물게 사용해야합니다: 비디오는 페이지가 속도가 느려지며 사이트 전체에서 널리 사용되도록 설계되지 않았습니다. 비디오는 Section Front Schemas로 제한됩니다.
- 이미지 선택을 염두에 두십시오: 특히 시차와 함께 사용될 때 슬롯 사이트 이미지는 이미지의 상단 부분을 차단합니다. 화면 크기에 걸쳐 이미지가 어떻게 표시되는지 알아보십시오.
- 슬롯 사이트 비디오가 짧아야: 비디오는 약 15 초가되어야하며, 같은 프레임에서 시작하고 끝나는 것이 좋습니다.
- 슬롯 사이트 비디오는 비교적 간단해야합니다: 로고, 아이콘, 인증서 등과 같은 텍스트 또는 사용자 정의 이미지 추가를 피하십시오. 비디오 상단의 오버레이 텍스트는 이러한 요소를보기가 어렵습니다.
- 슬롯 사이트은 wysiwyg를 제공하지만 스타일링이 제한되어야합니다: Hero는 헤더, 짧은 하위 헤드 및 선택적 콜 유도 버튼을 위해 설계되었습니다. 본문 사본 영역의 텍스트는 제한된 스타일링을 사용해야하며 링크를 CTA 영역에 배치하여 설계를 깨끗하고 접근 할 수 있도록해야합니다.
- 슬롯 사이트의 텍스트 유지: 슬롯 사이트 텍스트 상자는 긴 텍스트를 수용하기 위해 확장되지 않습니다. 더 작은 화면 크기에서 2-3 줄 이상의 줄이 잘릴 수 있으므로 텍스트 길이를 염두에 두십시오.
- Heroes는 여러 텍스트 상자 옵션을 제공합니다: 이미지에서 텍스트 배치를 선택할 수 있습니다. 또한 회색 텍스트 상자 또는 투명한 배경에 텍스트를 배치하도록 선택할 수도 있습니다.
- 슬롯 사이트은 전폭 또는 최소 범위 일 수 있습니다.섹션 전선에서 사용하면 슬롯 사이트에게는 두 가지 크기의 옵션이있을 수 있습니다. 섹션 세부 사항 페이지에서 전체 폭과 최소 슬롯 사이트이 똑같이 보일 것입니다.
- 슬롯 사이트은 데스크탑에서 다른 높이로 설정할 수 있습니다. 기본적으로 슬롯 사이트은 100%입니다.
- 슬롯 사이트은 상단과 하단에 추가 간격을 추가 할 수 있습니다.
- 당신의 제목 구조에주의하십시오 :슬롯 사이트 헤드 라인은 H1 일 수 있습니다.
- 슬롯 사이트 이미지는 Alt-Text를 포함해야합니다 :슬롯 사이트 이미지가 기술적 인 Alt-Text가 필요합니다.
- 슬롯 사이트 앵커 텍스트 (링크)는 독특해야합니다.각 앵커 텍스트는 여러 대상 링크 접근성 오류를 생성하지 않도록 해당 링크에 고유해야합니다.
- 바디 카피에 링크를 포함하지 마십시오: 슬롯 사이트은 CTA 필드에 링크를 갖도록 설계되었습니다. 본문 사본에 링크를 포함하면 색상 조영 접근성 오류가 발생할 수 있습니다.
- 슬롯 사이트이 텍스트 배경 상자가 필요합니다. 색상 대비 문제를 피하기 위해 모든 슬롯 사이트 텍스트는 블랙 박스 위에 배치됩니다.
- 슬롯 사이트 비디오는 캡션이 없습니다: 슬롯 사이트 비디오는 장식 요소이며 캡션이 없습니다. 혼란을 피하기 위해 사람들이 카메라에 직접 말하는 것을 보여주는 비디오를 사용하지 마십시오.
- 슬롯 사이트 비디오가 텍스트 대안이 필요합니다: 슬롯 사이트 비디오는 시각적으로 손상된 사용자를위한 텍스트 대안이 필요합니다. 비디오 설명 필드에 비디오에 대한 설명이 포함될 수 있거나 짧은 제목 및 설명은 비디오 자산의 스키마 메타 데이터에 추가 할 수 있습니다.
- 슬롯 사이트 비디오는 과도한 움직임을 피해야합니다 :빠르거나 과도한 패닝, 흔들리거나 안정된 장면 및 빠른 컷으로 비디오를 사용하지 마십시오.
데스크탑, 모바일 및 태블릿 디스플레이에서 이미지 일관성을 유지하려면 다음 크기로 동일한 이미지의 세 가지 버전을 업로드해야합니다.
- 큰 : 1920 x 1080 px
- 중간 : 1200 x 675 px
- small : 800 x 450 px
슬롯 사이트 : 단위 이름 - 목적
- 예 : 슬롯 사이트 : 주택 - 그레이트 분지 홀
예제 슬롯 사이트 구성 요소
예 #1
최소 폭. 텍스트 박스 위치 : 중앙-바닥
예제 #2
투명한 텍스트 상자가있는 최소 폭. 텍스트 박스 위치 : 중앙-바닥
예 #3
전폭. 텍스트 상자 위치 : 센터 센터
이것은 슬롯 사이트 헤드 라인입니다.
이것은 사용자를위한 콜 유도 콘텐츠를 포함 할 수있는 슬롯 사이트 텍스트 상자 필드입니다.
예 #4
전체 폭, 75% 높이. 텍스트 상자 위치 : 센터 센터
이것은 슬롯 사이트 헤드 라인입니다.
이것은 사용자를위한 콜 유도 콘텐츠를 포함 할 수있는 슬롯 사이트 텍스트 상자 필드입니다.
예 #5
전체 폭, 50% 높이. 텍스트 상자 위치 : 센터 센터
이것은 슬롯 사이트 헤드 라인입니다.
이것은 사용자를위한 콜 유도 콘텐츠를 포함 할 수있는 슬롯 사이트 텍스트 상자 필드입니다.
예 #6
시차 스크롤이있는 전체 폭. 텍스트 박스 위치 : 중앙 좌파
이것은 슬롯 사이트 헤드 라인입니다.
이것은 사용자를위한 콜 유도 콘텐츠를 포함 할 수있는 슬롯 사이트 텍스트 상자 필드입니다.