차례:
- 블로그 디자인에 적절한 대체 텍스트 포함
- 예제 WordPress 이미지에는 제목 필드도 표시되어 있습니다. 사용자가 이미지를 가리키면 제목 필드가 나타나면 브라우저는 해당 텍스트를 마우스 포인터 위치에 표시합니다.
제목 설명은 사진에 대한 추가 정보를 제공 할 수 있지만 검색 엔진보다 사람들에게 더 유용합니다. 그러나 title 속성을 사용하면 alt 속성보다 더 명료하게 표현할 수 있습니다.
비디오: Android Design Support Library (100 Days of Google Dev) 2024
대체 이미지 제목 (대체 속성 또는 HTML 호출 alt)은 브라우저에서 가능한 경우 블로그 이미지를 처리 할 수있는 방법을 제공합니다 어떤 이유로 표시되지 않습니다. 블로그 이미지 대신 브라우저에 대체 이미지 텍스트가 표시됩니다. 느린 인터넷 연결 또는 느린 PC와 같은 다양한 이유로 인해 이미지가 방문자의 브라우저에 표시되지 않을 수 있습니다.
블로그를 디자인 할 때 이미지가 포함 된 블로그의 모든 구성 요소에 텍스트가 포함 된 블로그의 목적과 내용을 설명하고자합니다. 대체 이미지 제목은 텍스트를 사용하여 이미지의 내용을 설명하기위한 HTML에서 가장 설명적인 요소이기 때문에 SEO 및 탐색 디자인 관점에서 훨씬 더 중요합니다.
블로그 디자인에 적절한 대체 텍스트 포함
페이지의 이미지 모양을 편집하는 WordPress 패널이 표시됩니다. 이 샘플은 페이지의 실제 텍스트가 아닌 일부 인접한 텍스트에 대한 레이아웃을 보여 주지만 WordPress가 자리 표시 자로 사용하는 일부 라틴어입니다. 패널의 중간에는 대체 텍스트 필드가 있습니다. Caption 필드와 Title 필드와 구분됩니다.
이미지가 블로그의 기본 디자인 또는 블로그 게시물에 포함되어 있는지, 검색 엔진이 쉽게 찾을 수 있도록 alt 속성에 관련 키워드를 포함하십시오. 검색 엔진 사용자는 이미지를 먼저 찾아 (예: 편물 담요) 블로그를 탐색하고 이미지를 클릭하여 연결된 게시물을 읽을 수 있습니다.이 페이지에서 크로 셰 뜨개질에 대한 지침을 찾을 수 있습니다.
블로그 디자인에 다른 이미지 속성 포함
예제 WordPress 이미지에는 제목 필드도 표시되어 있습니다. 사용자가 이미지를 가리키면 제목 필드가 나타나면 브라우저는 해당 텍스트를 마우스 포인터 위치에 표시합니다. 제목 설명은 사진에 대한 추가 정보를 제공 할 수 있지만 검색 엔진보다 사람들에게 더 유용합니다. 그러나 title 속성을 사용하면 alt 속성보다 더 명료하게 표현할 수 있습니다.
블로그 주제가 캡션을위한 공간을 포함하는 경우, 그 내용은 캡션 필드에 입력 될 수 있습니다. 이것은 독자가 처음으로 마우스를 가져갈 필요없이보고 싶은 텍스트 용입니다.
블로그 독자가 Pinterest를 사용하는 경우 제목 설명이 매우 중요합니다. 누군가 PinIt 모바일 북마크릿을 사용하여 자신의 게시물을 고정하면 해당 북마크릿은 해당 게시물과 함께 제공되는 이미지에서 제목 설명을 가져옵니다. 그런 다음 Pinterest는 이미지의 제목을 핀 설명으로 사용합니다. 설명이 없으면 Pinterest가 이미지의 파일 이름을 가져옵니다.
결론: 블로그의 주제를 설명 할 때 사용할 수있는 모든 도구를 사용하면 검색 엔진이 블로그를 해당 주제에 대해 신뢰할 수 있다고 받아들이게됩니다.