2
HTML로 변환 할 때 그래픽이 많이 필요한 멋진 디자인이 있습니다. 그것의 항해는 지독한 (비표준적인) 글꼴을 가지고있다. 나는 텍스트 대체 기술을 그다지 좋아하지 않는다.이미지 맵에서 가장 확실한 것은 무엇입니까?
이미지 맵이 탐색에 유용할까요? 그들은 SEO에 좋든 나쁨입니까? 당신이 이미지에 대체 텍스트를 잊어 버린 경우
A
답변
2
이 사이트는 물론 찾아 그들이에서 찾을 수있는 링크를 따라 할 텍스트 브라우저, 스크린 리더 등
검색 엔진을 사용하는 사람들을위한-탐색하지 될 것입니다 페이지. 그러나 사람들에게, 특히 매개 변수가 많은 SEO 비우호적 URL을 사용하는 경우, 링크를 추적 할 때까지 사용자의 위치를 알 수 없으므로 특히 쉽지 않습니다.
전화 접속 연결을 사용하는 사람들 (생각보다 훨씬 많은 사람들)은 이미지를 페이지에 표시하지 않도록 전환하는 습관이 있습니다 (메가 바이트 당 지불하므로 트래픽을 절약 할 수 있음). 배너 광고와 같은 목적으로 플래시 광고를 적극적으로 차단하는 그룹입니다. 당신의 이미지 전용 네비게이션도 그들을 화나게 할 수 있습니다.
0
이미지지도는 사용자와 검색 엔진에서 중요하게 언급되는 것처럼 특정 상황에서 탐색하기에 좋은 선택입니다. 이미지 맵은 대체 텍스트의 경우에도 SEO에 영향을 미칠 수 있습니다. 특히 서버 사이드 맵 (구문 분석이 뚜렷한 이유가 분명 함)을 사용하는 경우 특히 그렇습니다.이 문제를 피하기 위해 일반적으로 권장되는 방법은 일반 텍스트 링크를 귀하의 페이지뿐만 아니라 작은 독창적 인 디자인에 독서 엔진의 목적을 위해. 이미지 기반 메뉴 나 이미지 맵 기반 메뉴를 사용하는 많은 페이지가 엔진에서 더 쉽게 사용할 수 있도록 메뉴 링크 목록을 작은 텍스트로 제공하고 경우에 따라 접근성을 높이는 것을 보았습니다.
3
나는 항상 HTML 문서를 스타일이없는 문서로 생각한 다음 각 섹션에 semanitical 태그를 배치하고 싶습니다. 내비게이션의 경우 항상 <ul>을 사용합니다. 각 메뉴 항목은 내부에 앵커가있는 <li>입니다.
이 방법은 접근성 및 유용성과 관련하여 이미지 맵보다 훨씬 뛰어납니다. 전체 메뉴의 이미지 스프라이트를 매우 쉽게 만들 수 있으며 CSS를 사용하여 배경에 배치 할 수 있습니다.
확인 예를 들어이 문서 : http://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/ 구글에
3
이미지 맵 가능성이 검색 엔진 최적화에 대한 끔찍한 아니지만, 일반적으로 접근을위한 완벽한 재해입니다. 이미지를 CSS 배경 그래픽으로 넣고 CSS를 사용하여 이미지의 적절한 영역에 HTML 링크를 올바르게 배치하십시오.
확실 * * * 정확하게? 당신은 명사 라기보다 형용사라는 것을 알고 있습니다, 네? :-) – paxdiablo
에헴, 영어는 제 1 차 언어가 아닙니다. 원하면 편집하십시오. :) – 3zzy
글쎄, 지금은 * 나는 절대 구멍처럼 느껴지지 않니? :-) – paxdiablo