img의 alt와 title의 차이점-어떤 것을 사용해야하며 영향을 미칩니다.

몇 년 동안 나는 다음과 같은 이미지를 위해 HTML을 작성해 왔습니다.

<img src="picture.jpg" alt="my picture" >

그러나 최근에는 Raven SEO 도구를 사용하여 사이트를 감사했으며 실제로 놀랐던 많은 오류를보고했습니다.

보고서를 보았을 때이 오류의 99 %는 이미지 제목 텍스트가 누락 되었기 때문입니다.

이미지 위에 마우스를 올리면 이미지의 제목 텍스트가 약간 튀어 나올 수 있지만 그 목적 외에는 SEO에 영향을 미칩니 까?

또한 당신이 그것을 구현한다면, 거기에 무엇을 넣을 것입니까? alt속성 에있는 것과 동일한 정보를 넣으시겠습니까 ? 즉alt="my picture" title="my picture"

ALT 태그는 Google을 통해 시력에 어려움이있는 사람들을 위해 소개 된 접근성 태그로, 이미지가 무엇인지 판단하기 위해이를 사용하여 방문자에게 SEO 목적으로 alt 태그를 사용해서는 안됩니다.

Google에서 일하는 많은 사람들과 Matt Cutts조차도 검색 엔진이 이미지에 대한 정보를 봇에게 알리도록 설계된 것처럼 alt 태그에 대해 이야기하지만 이는 사실이 아닙니다.

그러나 잠재 고객을 돌 보면서 이미지에 대한 정보를 Google에 알릴 수 있습니다. 키워드를 alt 태그에 넣지 말고 사용자 경험을 저하시키고 부자연 스럽습니다.

이것의 주요 예는 누군가가 키워드 '본머스 (Bournemouth)'에 대해 제목으로 본머스 (Bournemouth)를 가질 것이라고 말하고 H1에서 메타 설명 (meta description)을 선택한 다음 대체 태그 '본머스 (Bournemouth)'를 사용하여 이미지를 만든다는 것입니다. SEO는 사용자 경험을 약화시키고 alt 태그의 요점을 놓칩니다. alt 태그는 시력 문제가 있거나 이미지를 모두 비활성화하는 사람들을위한 것입니다. 따라서 ALT 태그는 이미지에 대한 정보를 사용자에게 알리도록 설계되었습니다.

이것의 좋은 예는 아래에서 볼 수 있습니다

<img src="i.jpg" alt="Bournemouth" />

vs

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

위의 예에는 여전히 키워드가 포함되어 있으며 Google과 잠재 고객 모두에게 이미지의 내용을 설명합니다.

타이틀 태그는 어떻습니까?

제목 태그는 요소 위에 마우스를 올릴 때 더 많은 정보를 제공하도록 설계되었습니다. ALT 및 TITLE에 동일한 정보를 사용하려는 경우 스크립트를 사용하여 alt 태그를 읽고 JS를 사용한 자체 호버 오버. 긴 설명과 같이 ALT 태그보다 더 많은 정보를 제공하려는 경우 제목 태그를 권장합니다. 코드를 부풀리기 때문에 두 요소 모두에 정확한 정보를 제공 할 필요가 없습니다.

제목 태그는 링크 위에 매우 편리합니다. 마우스를 올리면 잠재 고객이 클릭하려는 링크에 대한 추가 정보를 제공 할 수 있습니다. 하는 동안 가치가 당신 수 있습니다 여기에 제목 태그에 대한 자세한 내용 .

alt이미지 의 대체 설명을 제공합니다 . 이 속성은에 필요합니다 img.

title이미지에 대한 추가 정보를 제공합니다 . 이 속성은 선택 사항입니다 img.

의 정보에 의존하지 마십시오 title. 정보가 정말로 중요한 경우에는 해당 정보를 자체 요소에 포함하십시오.

이 두 속성은 동일한 내용을 가져서는 안됩니다.

혼란은 정상이며 그렇습니다. 각 태그 (Title, ALT)는 검색 엔진과 사용자가 이미지의 내용을 알 수 있도록 도와주는 고유 한 잠재력을 나타냅니다.

때때로 ALT 텍스트는 이미지를 설명하기에 충분하지 않으므로 가능한 한 많은 정보를 더 잘 할당하는 것이 좋습니다. SEO 관점에서보다 효과적인 단어를 지정할 때도 변형을 사용하십시오.