WordPress의 이미지 슬라이더에 메타데이터를 추가하는 방법

WordPress 슬라이더에 메타데이터를 추가하시겠습니까? 메타데이터는 이미지 및 목적 설명과 같은 웹사이트 요소에 대해 검색 엔진과 화면 판독기에 알려주는 숨겨진 HTML 요소입니다. 이미지에 설명 메타데이터가 있다는 것은 SEO 및 접근성의 이유로 매우 중요합니다.

이 주요 SEO 기능이 누락되었을 수 있기 때문에 사이트에서 캐러셀을 사용하는 것이 걱정된다면 걱정할 필요가 없습니다. Soliloquy 슬라이더를 사용하면 슬라이더의 모든 이미지에 제목 및 대체 텍스트와 같은 메타 속성을 쉽게 추가할 수 있습니다.

WordPress 슬라이더에 메타 속성을 추가하려면 다음 세 가지 간단한 단계를 따라야 합니다!

1단계. Soliloquy 설치 및 활성화

2단계. 슬라이더 생성 및 편집

3단계. 이미지 메타데이터 추가

이미지 제목이나 대체 텍스트를 올바르게 작성하는 방법을 모르더라도 걱정하지 마세요! 기사 뒷부분에서 각 메타데이터 옵션을 분석합니다.

1단계. Soliloquy 설치 및 활성화

WordPress 사이트에 슬라이더를 추가하고 메타데이터를 수정하려면 Soliloquy 플러그인을 다운로드하고 활성화해야 합니다. 프리미엄 버전 을 다운로드 하거나 Soliloquy Lite 를 사용해 볼 수 있습니다 .

Soliloquy와 Soliloquy Lite는 모두 FTP를 통해 또는 관리자 패널에서 설치할 수 있습니다 . 왼쪽 바에 있는 플러그인 화면에서 Soliloquy Lite를 검색하거나 Soliloquy를 구매할 때 제공된 zip 파일을 업로드합니다.

문제가 있는 경우 이 설치 가이드 를 확인하세요 .

2단계. 슬라이더 생성 및 편집

관리자 대시보드에 "솔로키" 탭이 표시되어야 합니다. 그 위에 마우스를 올려 놓고 "새로 추가"를 클릭하십시오. 여기에서 이미지, 슬라이더 제목 및 기타 세부 정보를 추가할 수 있습니다. 이제 슬라이더 생성을 완료하십시오.

이미지가 업로드되면 슬라이더를 수정해야 합니다. "독백"을 클릭하면 모든 슬라이더 목록이 표시됩니다. 편집할 항목을 찾아 이름을 클릭합니다. 업로드한 모든 이미지의 축소판을 연속으로 볼 수 있습니다. 파란색 연필 버튼을 클릭하면 각 이미지를 개별적으로 편집할 수 있습니다.

3단계. 이미지 메타데이터 추가

파란색 연필 아이콘을 클릭하면 오른쪽에 이미지와 메타데이터 필드가 표시된 상자가 나타납니다.

여기서 두 가지 필수 속성은 제목과 대체 텍스트입니다. 제목은 자명합니다. 몇 단어로 이미지를 빠르게 설명할 수 있는 간단한 슬라이드 이름을 지정하십시오. 대체 텍스트가 더 중요합니다. 이미지 로드에 실패하거나 스크린 리더 또는 검색 엔진에서 처리 중인 경우 대체 텍스트가 대신 표시됩니다. 너무 모호하거나 장황하지 않은 이미지에 대해 훌륭하고 간결한 설명을 제공합니다.

여기에 있는 다른 선택적 메타 속성에는 이미지 위에 표시될 캡션이 포함됩니다. 해당 슬라이드를 클릭할 때 열리는 URL을 삽입할 수 있습니다. 다른 Soliloquy 애드온을 설치한 경우 썸네일 또는 라이트박스 옵션이 표시될 수 있습니다.

라이트박스는 가시성을 높이기 위해 화면이 어두워진 상자에 이미지가 나타나도록 합니다. 축소판은 방문자가 향후 슬라이드를 미리 볼 수 있도록 슬라이드 하단에 작은 이미지를 표시합니다. 썸네일로 사용하려는 모든 이미지에 연결할 수 있습니다.

완료되면 "메타데이터 저장"을 클릭하고 슬라이더를 업데이트하는 것을 잊지 마십시오.

메타데이터를 만드는 방법

여전히 혼란스러울 수 있습니다. SEO 친화적인 완벽한 메타데이터를 어떻게 만들 수 있습니까? 이러한 속성의 목적은 무엇입니까? 이것을 이해하면 메타데이터는 매우 간단하며 이미지에 추가하는 데 몇 초밖에 걸리지 않습니다.

이미지 제목

이미지 제목은 SEO에 중요하지 않지만 여전히 이미지에 대해 지정하고 싶을 수 있습니다. 제목은 이미지 위에 마우스를 올려 놓으면 나타나므로 이 점을 염두에 두십시오. 적절한 문법과 대문자를 사용하고 그림에 짧고 설명적인 제목을 지정하십시오. 제목을 설정하지 않으면 마우스 오버 시 대체 텍스트가 대신 사용됩니다.

이미지 대체 텍스트

이미지 로드에 실패하거나 화면 판독기 또는 검색 엔진 크롤러가 이미지에 액세스하거나 다른 방법으로 장치에 표시할 수 없는 경우 대체 텍스트가 나타납니다. 이미지를 로드할 수 없거나 시각 장애가 있는 사람들에게 컨텍스트를 제공하기 위해 대체 텍스트를 사용해야 합니다.

또한 대체 텍스트는 검색 엔진에 의해 인덱싱되므로 관련 키워드를 아껴서 현명하게 사용할 수 있습니다. 그러나 키워드 채우기에 대체 텍스트를 사용하지 마십시오. 이로 인해 SEO가 심각하게 손상될 수 있습니다(및 화면 판독기 사용자를 짜증나게 함).

대체 텍스트 설명은 도움이 되지만 간결해야 합니다. 이미지를 조사하십시오. 당신의 눈이 어디로 가는지 관찰하고 당신이 알아차린 주요 세부 사항을 지적하십시오. 키워드 한두 개를 자유롭게 사용하세요. 사람들이 해당 주제를 찾을 때 기사나 웹사이트가 검색 엔진과 더 관련성이 높아 보이지만 자연스럽게 통합하세요.

대체 텍스트는 일부 화면 판독기에서 잘릴 수 있으므로 설명을 125자 이하로 제한하십시오.

이미지가 디자인상의 이유로 포함되었고 의미가 없는 경우 대체 텍스트 속성을 비워 둘 수 있으며 화면 판독기는 이미지를 무시합니다.

이미지 링크

슬라이드가 다른 페이지로 연결되어야 합니까? 웹사이트, 제품 또는 공유하고 싶은 페이지의 프로모션이 있습니까? 링크하려는 페이지의 URL을 잡고 "이미지 링크" 상자에 붙여넣기만 하면 됩니다.

또한 링크에서 새 탭을 열지 여부를 결정해야 합니다. 새 탭을 여는 것은 사용자가 홈페이지로 돌아가도록 하거나 슬라이더가 있는 곳이면 어디든 좋습니다. 다른 페이지 보기가 끝나면 탐색을 계속할 수 있습니다. 이 상자를 선택하지 않으면 사용자는 링크를 클릭할 때 동일한 탭에 남아 홈페이지를 떠납니다.

이미지 캡션

캡션은 슬라이더의 이미지에 표시되는 텍스트입니다. 대체 텍스트와 달리 캡션은 사용자에게 표시되지만 유사한 기능을 공유합니다. 캡션을 사용하여 방문자에게 이미지를 설명하거나 클릭 유도문안을 사용하거나 사진에 대한 추가 컨텍스트를 제공합니다.

WordPress 슬라이더에 메타 속성 추가

작은 일처럼 보일 수 있지만 이미지에 메타데이터(특히 alt 태그)를 추가하는 것은 매우 중요합니다. SEO 최적화 에는 많은 작은 단계가 필요하지만 각 단계를 통해 정상에 도달하는 데 도움이 됩니다!

이 가이드가 슬라이더에 메타데이터를 추가하는 데 도움이 되었습니까? 더 많은 것을 원하시면 Facebook 및 Twitter 페이지에 WordPress 자습서 및 리소스가 많이 있습니다.

저장 저장