이미지를 설명하기 위한 ALT 및 TITLE 속성입니다. img 태그 대체 속성

안녕하세요, 사이트 사용자 여러분. 블로그를 최적화하는 것은 특정 기술과 경험이 필요한 복잡한 프로세스이며, 그것이 없는 경우 유명 웹마스터 블로그의 기사에서 가져온 대규모 지식 기반이 필요합니다.

많은 사람들이 SEO가 죽어가고 있다고 말하지만, 여전히 이 세 글자의 규칙을 계속해서 따르는 사람들이 많습니다. SEO가 무엇인지 전혀 모르는 사람은 막다른 골목에 빠질 수 있습니다. 하지만 이 문제는 누구나 쉽게 해결할 수 있습니다. 이 분야의 주요 측면을 학습하면 검색 엔진에서 블로그를 홍보하는 규칙을 익힐 수 있으며, 우리가 알고 있듯이 이것이 가장 중요한 것입니다.

그렇다면 오늘의 기사는 무엇에 관한 것입니까? 이제 많은 디자이너, 블로거 등의 실수에 대해 이야기하겠습니다. 일반적으로 사이트의 이미지 최적화에 대한 관심이 부족하여 인터넷에서 리소스 홍보에 영향을 미칩니다.

세심함이 아닌 것은 무엇입니까? 예를 들어, 사진 제목은 기사에 맞는 핵심 ​​쿼리로 구성되어야 합니다. Yandex와 Google은 이에 주목하지만 블로그 분야의 사람들은 그것에 대해 생각조차하지 않습니다.

시작하자!

이미지의 대체 및 제목은 무엇입니까?

"alt" 속성!

그 목적은 그림의 텍스트 조각을 표시하는 것입니다. 대부분의 경우 이는 이미지에 대한 설명이므로 사용자에게는 눈에 띄지 않습니다. 이러한 태그는 검색 엔진 홍보에 매우 중요합니다. 그것들은 사람들에게 사실상 아무 의미도 없습니다.

손가락으로 설명하겠습니다. 검색 로봇이 사이트를 돌아 다니며 당신에게 왔고, 기억하신다면 독특한 사진에 관한 기사에서 게시물의 주제별 이미지에주의를 기울인다고 썼지 만 사진이 거기에 있어야 할뿐만 아니라 차례로 , 최적화되어야 합니다. 이름을 입력해야 합니다.

이렇게 하면 검색 확인에서 전체 기사를 캡처할 수 있으며 결점이나 사소한 오류가 없습니다. 이를 바탕으로 방랑자는 TOP-10 근처에 있거나 완전히 그곳으로 날아갈 것입니다.

TOP은 트래픽이 많다는 뜻입니다. 나는 기사에서 그것을 늘리는 방법에 대해 썼습니다.

제목 속성!

"제목"은 제목입니다. 아마 모두가 이것에 대해 알고있을 것입니다. 사진에서 이것은 모든 사람이 액세스할 수 있는 제목입니다. 예를 들어 이미지 위로 마우스 커서를 이동하면 제목인 짧은 텍스트가 나타납니다. 이것은 모두 분명합니다. PC나 노트북에서 제목을 지정한 후 게시물 자체에 사진을 업로드하고 다시 제목과 설명(alt)을 입력하면 됩니다.

어디에 무엇을 쓸지는 걱정하지 마세요.

제목에 몇 가지 주요 검색어를 표시하세요. 사용자를 위한 사이트 맵에 대한 게시물을 작성한 다음 제목에 사용자를 위한 사이트 맵이라는 동일한 문구로 필드를 채웁니다. 설명이나 대체는 로봇을 제외한 누구에게도 표시되지 않으므로 다음과 같이 할 수 있습니다.

사람들을 위한 사이트맵, 이런 플러그인, 이 줄은 여기에 작성해야 합니다. 기사를 간결하게 제시하십시오. 몇 줄만 주요 측면만 참고하세요.

"제목"에 관한 또 다른 사항이 있습니다. 5단어를 넘지 않아야 합니다. 라틴어, 즉 영어로 작성하는 것도 좋습니다. 그리고 가장 중요한 것은 이미지 형식이 jpg여야 한다는 것입니다. 이렇게 하면 무게가 줄어들어 로드 속도가 빨라지고 사이트 트래픽에 큰 영향을 미칩니다.

Photoshop에서는 이미지의 무게를 줄일 수 있습니다. 열어보자. 파일을 클릭한 다음 웹용으로 저장을 클릭하세요. 숫자 50, 60 또는 기타 숫자가 쓰여진 곳에는 조정할 수 있으며, 적을수록 무게는 낮아집니다. 아직 Photoshop이 없다면 지금 바로 마스터해 보세요. 결국 이것은 모든 웹마스터의 필수 요소입니다.

이미지 최적화가 블로그 홍보에 큰 영향을 미치는지 의심하는 사람이 있다면 한 가지 말씀드릴 수 있습니다. 의심하지 마세요. 확인하고 실험을 수행하십시오. 가장 중요한 것은 이것에 눈을 돌리지 않는 것입니다. 5분을 더 소비하는 것은 안타까운 일이 아니기 때문입니다. 특히 이전에 기사를 작성하고 그 기사에 자신의 일부를 넣었다면 더욱 그렇습니다. 최대한 잘 디자인하면 과분하지 않을 것 같은데, 어떻게 생각하시나요?

제목과 대체 태그를 포함하는 것이 왜 중요한가요? 이미지에 어떻게 추가되나요?

나는 이것에 대해 조금 말했습니다. 하지만 이제 좀 더 자세히 살펴보겠습니다. 보세요, 바로 아래에는 새 블로그 기사를 게시할 때 수행해야 하는 작업 목록이 있습니다.

여기 있습니다:

• 물론 첫 번째 단계는 기사를 쓰고 독특한 그림을 찾는 것입니다. 일반적으로 모든 사람은 자신만의 표준 템플릿을 만들고 예를 들어 이미지, 스크린샷을 삽입하거나 무언가를 그리거나 아티스트에게 주문할 수도 있습니다.
• 게시물에 사용한 핵심 문구를 살펴보고 제목에 하나를 포함시켰습니다.
• 두 번째 키는 설명에 대체 키로 작성되었으며 몇 단어가 더 추가되어 요청이 한 단어로 희석되었습니다.
• 이제 변경 사항을 저장하고 텍스트에 그림을 추가한 다음 기사를 살펴보고 이미지 위에 커서를 올려 표시되는 제목을 확인합니다. 모든 것이 준비되었습니다.

한마디로 아직 완전히 확신하지 못하신 분들을 위한 장점은 다음과 같습니다.

1. 더 많은 트래픽;
2. 기사에 사용된 정확한 키를 지정했기 때문에 방문자가 해당 키를 검색에 입력하고 필요한 정보를 찾게 되므로 품질이 더 높습니다. 즉, 블로그에 더 오래 머무르고 실패 횟수도 많아집니다. 더 적은;

1년 이상 홈페이지를 운영하셨으나 결과가 없는 분들을 위한 정보입니다. 아마도 이것이 바로 문제일 것입니다!

여기서 이 글을 마치겠습니다. 귀하의 승진에 행운이 있기를 바랍니다. 중요한! 그렇게 사소해 보이는 일을 부끄러워하지 마십시오. 확실히 도움이 될 권장 사항을 들어보세요. 모두들 안녕!

감사합니다,주크 유리.

저자로부터:그림의 alt 속성을 사용하면 동일한 그림 표시가 비활성화된 경우 사용자에게 표시될 텍스트를 설정할 수 있습니다. 그러나 그것이 그에 대해 알아야 할 전부는 아닙니다. 이 속성을 적용하는 방법을 자세히 살펴보겠습니다.

일반적으로 작성 방법을 이해하려면 html의 기본 사항을 알아야 하고, 웹 페이지에 텍스트와 이미지가 추가되는 방법에 대한 최소한의 아이디어가 있어야 합니다. 특히 사진은 필수 속성(src)이 하나만 있는 단일 img 태그입니다. 파일의 경로입니다.

당연히 잘못 입력하면 화면에 아무 것도 표시되지 않습니다. 간단히 말해서, 그림을 표시하려면 HTML 코드의 올바른 위치에 다음을 작성하면 됩니다.

< img src = "이미지 경로">

이는 모두 명확해야 하지만 src 외에도 img에 작성할 수 있는 다른 속성이 있습니다. 이제는 선택 사항입니다. 즉, 없어도 할 수 있습니다. 특히, 대체. 소위 대체 텍스트를 표시하는 속성입니다.

왜 대안인가? 사용자 브라우저에서 그래픽이 비활성화된 경우에만 표시되기 때문입니다. 이런 경우에는 어떤 대안이 있어야 하지 않을까요? 어쨌든 에펠 탑 사진을 기사에 삽입하면 좋지만 갑자기 브라우저에서 이미지 표시를 끈 사람이 있으면 이곳에서는 아무것도 볼 수 없습니다. 이 장소에 이미지가 있어야 함을 나타내는 십자가(또는 아이콘)만 있을 것입니다. 예를 들어, 이 이미지에서는 세계 지도를 볼 수 있습니다.

그러나 그래픽 디스플레이가 꺼진 사람은 이것을 볼 수 없습니다. Alt를 입력하면 십자가 옆에 설명 텍스트가 표시됩니다. 이 경우 사람은 그 내용에 대해 최소한 대략적인 아이디어를 갖게됩니다. 나는 또한 음성 브라우저가 어떻게든 이 속성의 내용을 읽을 수 있다고 생각합니다.

SEO에서 Alt의 영향

아, 속성을 입력하면 사이트 순위와 개별 기사 검색 순위가 향상되는지에 관해 SEO 포럼에서 얼마나 많은 토론을 본 적이 있습니까? 오늘날 모든 것이 동일하게 유지된다고 말하는 것이 안전합니다. 어떤 사람들은 Alt를 입력하는 것이 검색 엔진 최적화에 도움이 된다고 생각하는 반면, 어떤 사람들은 전혀 효과가 없다고 생각합니다.

두 의견 모두 이의를 제기할 수 있으며 그 사이에서 무언가를 선택하는 것이 더 낫다고 말하고 싶습니다. 즉, 이것이 직접적으로 중요한 결과를 가져온다고 말하는 것이 아니라 동시에 전혀 의미가 없다고 생각하지 않는 것입니다.

알다시피, 나는 대체 채우기와 크로스 브라우저 레이아웃을 비교할 것입니다(누군가 우리가 말하는 내용을 이해한다면). 이는 사이트가 널리 사용되는 모든 브라우저에 적응하는 시점입니다. 사이트에서 가장 중요한 이미지에 대해 이 속성을 입력하면 프로젝트가 조금 더 나아질 것입니다. 또한 사람들이 프로젝트에 좀 더 쉽게 접근할 수 있게 만들 것입니다.

물론 오늘날에는 이미지가 비활성화된 브라우저를 사용하는 사람이 점점 줄어들고 있습니다. 나는 그들 중 거의 없다고 말하고 싶습니다. 하지만 당신이 완벽주의자이고 프로젝트를 이상화하고 싶다면 이 속성을 작성해 주세요. 누가 당신을 방해합니까?

대체 어떻게 채우나요?

하지만 제 생각에는 이것이 가장 중요한 것입니다. SEO에 대한 내 과거 기사를 읽으셨다면 검색 엔진이 자연스러움을 좋아한다는 말을 한 번 이상 들어보셨을 것입니다. 따라서 속성을 이상적으로 채우는 것이 그림에 대한 가장 정확하고 간단한 설명이 될 것입니다. 일반적으로 30~100자이면 충분합니다. 최대 길이는 약 250자여야 합니다. 그런데 왜 이미지를 그렇게 자세하게 설명하셨나요?

동시에, 그림을 볼 수 없더라도 읽을 때 그림을 정신적으로 상상할 수 있도록 속성에 이러한 텍스트를 작성해야 합니다. 많은 최적화 프로그램은 핵심 문구가 포함된 발행물의 첫 번째 이미지에 대체를 추가할 것을 권장합니다.

여기에서 검색 엔진이 더욱 똑똑해졌음을 이해해야 합니다. 잘못된 이미지를 삽입하고 거기에 노골적으로 키를 썼다면 긍정적인 결과를 기대해서는 안 됩니다. 검색 엔진이 당신을 처벌할 것이라는 말은 아니지만 그런 효과는 없을 것입니다.

더욱이, 모든 사진에 더 많은 키워드를 집어넣고 사이트의 모든 페이지에 대해 이 작업을 수행하면 처벌은 매우 현실적일 것입니다. 이 경우에는 시간 문제입니다.

어떻게 될까요? Alt에 어떤 종류의 키워드 문구를 삽입하는 경우 기사당 하나의 이미지 설명에만 추가하세요. 또한 정확한 발생에 문구를 추가하려고 어떤 희생을 치르더라도 시도하지 마십시오. 요청은 희석하여 삽입될 수 있습니다.

글쎄, 가장 중요한 것은 실수로 키를 사용한 것처럼 가능한 한 자연스럽게 alt를 작성하는 것입니다. 이를 위해서는 설명이 조금 더 커야 할 수도 있지만 이는 키를 삽입할 사진 한 장에만 해당됩니다.

실제로 나머지 이미지의 경우 기사에 여러 개가 있으면 대체를 채울 수 있지만 채울 수는 없습니다. 이것은 귀하의 개인적인 결정입니다. 일반적으로 이 속성은 마치 올바르게 작성하면 내일 상위권에 오를 것처럼 불필요한 기대 없이 작성하는 것이 중요합니다. 효과가 없거나 미미할 수도 있지만 여기서 가장 중요한 것은 모든 것을 효율적으로 수행했다는 것입니다.

이제 대체 채우기의 기본 사항을 요약해 보겠습니다.

최대한 간단하고 간략하게 그림을 설명해야 합니다.

핵심 문구를 삽입하는 경우 1번만 삽입하여 자연스럽게 보이도록 하세요.

다른 사진의 경우 개인 요청에 따라 Alt를 입력하세요.

다시 말하지만, 이것이 일종의 행동 지침이라고 생각하지 마십시오. 이것은 단지 권장사항일 뿐입니다. 각 웹마스터는 이를 다르게 수행합니다. 어떤 사람들은 사진의 대체 정보를 전혀 입력하지 않고, 어떤 사람들은 여기에서 권장하는 대로 수행하고, 일부는 스팸 키를 입력합니다.

이 세 가지 옵션 중 첫 번째와 두 번째 옵션이 최적입니다. 즉, 두 가지 해결책이 있습니다. Alt를 전혀 건드리지 않거나 최대한 자연스럽게 채우는 것입니다.

Alt를 입력해야 할까요, 말아야 할까요? 사이트에 따라 다름

예를 들어, 개인 블로그를 운영하고 있다고 가정해 보겠습니다. 그런데 왜 이 Alt를 포기하셨나요? 아마도 텍스트를 희석하기 위해서만 사진이 필요하지만 고객을 유치하기 위해서는 사진이 필요하지 않을 것입니다. 또 다른 것은 상업 사이트입니다. 예를 들어 온라인 상점. 사람들은 자신의 눈을 가장 즐겁게 하는 것을 가장 자주 구입하기 때문에 여기서 사진은 큰 역할을 합니다.

따라서 온라인 상점의 각 제품에 대해 대체 항목을 지정하는 것이 합리적입니다. 이를 올바르게 수행하는 방법에 대한 예를 살펴 보겠습니다. ASUS G560 노트북이라는 제품이 있다고 가정해 보겠습니다(검색하지 마세요. 이름은 제가 지어냈습니다). 당연히이 노트북의 사진이 있습니다. 대체 텍스트를 작성하는 방법은 무엇입니까? 옵션은 다음과 같습니다.

"사진", 1, "yyavpv"등 - 이는 모두 적합하지 않은 옵션입니다. 이 설명에 따르면 우리가 말하는 제품이 무엇인지 완전히 불분명합니다. 일반적으로 "사진" 또는 "그림"이라는 텍스트(사진에 서명이 있는 경우가 많음)가 가장 재미있습니다. 왜냐하면 사람들은 이것이 비디오가 아니라는 것을 이미 이해하고 있기 때문입니다. 그것은 코끼리에게 코끼리임을 알리는 표지판을 걸어 두는 것과 같습니다.

노트북이 진정한 게임용 노트북이라면 "게임용 쿨 레드 노트북"이라는 표현이 딱 맞습니다. 그러나 사진을 통한 트래픽을 타겟팅하는 경우 검색에 유사한 문구를 입력한 사람이 0명이므로 이 설명은 가장 적합하지 않습니다. 사람들은 특정 모델의 이름이나 최소한 제조업체의 이름을 입력하는 경우가 더 많습니다.

"노트북"은 다음과 같은 특징을 가질 수 있는 설명입니다. 아무것도 없는 것보다 낫습니다. 그러나 구체적인 내용이 없기 때문에 최적이 아닙니다. 모든 제품에 이렇게 서명하지는 않을 것입니다. 그렇죠? 설명은 노트북마다 고유해야 합니다.

"Laptop ASUS G560"이 가장 좋은 옵션이며 구체적인 설명이 있습니다. 아마도 제품이 다양한 색상으로 제공되는 경우 색상을 추가할 수 있을 뿐만 아니라 노트북을 설명할 때 자주 사용되는 단어(사무용, 강력함, 게임용 등)를 추가할 수 있습니다.

“ASUS G560 노트북, 모스크바에서 구매, 배송, 리뷰 포함” – 스팸처럼 보이죠? 이것은 최악의 선택입니다.

결론

여기서는 더 이상 말할 것이 없습니다. alt 속성을 사용하여 이미지를 최적화하는 것은 사이트를 개선하고 이미지 검색을 통해 트래픽을 얻는 데 도움이 될 수 있습니다. 이것은 완벽주의자들의 문제입니다. 왜냐하면 그것 없이도 할 수 있기 때문입니다. 물론, 어떤 종류의 웹사이트를 가지고 있는지 고려해 볼 가치가 있습니다. 상업용이라면 이미지에 서명하는 것이 좋지만 블로그나 정보 사이트를 운영하는 경우 완전히 잊을 수 있습니다.

alt 속성은 브라우저의 이미지 표시가 비활성화된 사용자를 위한 대체 정보 소스입니다. alt 속성이 정의된 경우 이미지를 표시할 수 없는 경우 해당 위치에 속성 텍스트가 표시됩니다.

Alt 속성을 설정하지 않으면 이미지가 공백으로 표시됩니다.

콘텐츠가 주로 이미지로 구성된 사이트의 경우 alt 속성을 사용하여 이미지를 설명하는 것이 특히 중요합니다.

다음과 같이 alt 속성을 설정할 수 있습니다.

alt 속성에는 사이트나 페이지의 모든 키워드를 작성해서는 안 되며 실제로 이미지와 관련된 키워드만 작성해야 합니다. 이렇게 하면 로봇이 이미지를 더 정확하게 찾고 Yandex 사용자가 검색 결과에서 이미지를 선택하고 웹사이트로 이동하는 데 도움이 됩니다. Alt 속성을 비워 두는 것은 바람직하지 않습니다.

여러 유사한 이미지(예: 온라인 상점의 제품 사진)를 추가하는 경우 고유한 대체 속성(정면도, 후면도)을 설정하는 것이 좋습니다.

Img 태그 제목 속성 텍스트

title 속성은 이미지에 대한 추가 정보를 제공합니다. 이미지 위로 마우스를 가져가면 이 속성에 포함된 텍스트가 나타납니다.

다음과 같이 제목 속성을 설정할 수 있습니다.

각 이미지에 대해 고유한 제목을 지정해야 합니다. 제목 속성을 비워 두는 것은 바람직하지 않습니다.

기타 텍스트

이미지로 검색할 때는 alt 및 title 속성의 값 외에도 다음과 같은 텍스트가 사용됩니다.

다른 페이지 및 다른 사이트의 사진에 대한 텍스트 링크;

그림에 인접한 텍스트 - 그림에 가까운 페이지에 위치합니다.

단일 그림을 구성하는 짧은 문서의 텍스트 및 제목;

음역 및 단순화된 행간 번역을 고려한 파일 및 그림 스크립트의 이름.

그러나 alt 및 title 속성은 가장 보편적이므로 항상 포함되어야 합니다.

오늘 기사에서는 사진의 HTML Alt 속성을 작성하는 것이 왜 여전히 가치가 있는지, 그리고 이것이 Title 속성과 어떻게 다른지 살펴보고 싶습니다. 이 자료는 Alt 속성을 입력해야 하는 이유와 이유에 대한 질문에 관심이 있는 초보자 및 초보 웹마스터를 대상으로 합니다. 기사 마지막 부분에는 이러한 속성에 대한 인기 있는 질문에 대한 답변을 준비했습니다. 기본부터 시작해 보겠습니다.

Alt 속성이란 무엇입니까?

사진에 대한 Alt는 어떤 이유로(약한 인터넷, 사진 표시 비활성화 등) 페이지에 이미지를 표시하지 않는 사용자를 위한 대체 정보 소스입니다. 그림이 있어야 할 곳에 텍스트로 표시됩니다.

예를 살펴보겠습니다.

예를 들어 바탕화면 배경화면 사이트에서 사진을 찍었습니다. 페이지의 주요 내용은 이미지입니다.

브라우저에서 이미지 표시를 끈 후에 페이지의 모든 그래픽 표시가 중단되고 이미지에 대한 대체 설명을 볼 수 있습니다.

그것의 도움으로 우리는 페이지의 내용을 이해합니다. 또한 이 속성은 사용자에게 유용할 뿐만 아니라 검색 로봇이 그림에 표시된 내용을 이해하는 데도 도움이 됩니다. Google과 Yandex는 모두 Alt를 이미지 검색 순위 기준 중 하나로 사용합니다.

다음과 같은 질문이 생깁니다. 사용자와 검색 엔진 모두에게 Alt를 최대한 유용하게 만들려면 Alt에 무엇을 추가해야 합니까?

이미지의 Alt 속성을 올바르게 채우는 방법

Alt 속성을 올바르게 입력하는 방법을 이해하려면 다음 예를 고려하십시오. 온라인 애완동물 용품 상점이 있고 "개 공"이 있는 제품 카드에 Alt를 지정하려고 합니다.

속성을 채우는 데는 여러 가지 옵션이 있습니다.

옵션 2. Alt에 "입에 공을 물고 있는 개"라고 적습니다. 이 경우에는 사진 자체를 설명하지만 "입에 공을 물고 있는 개"라는 요청은 정보 제공용이라는 점에 유의해야 합니다. 온라인 매장의 이미지를 설명하기에는 적합하지 않습니다.

옵션 3. Alt "Ball for dogs" - 이 옵션이 우리에게 더 적합하지만 매장에 공이 많을 수 있으므로 요청을 명확히하는 것이 좋습니다.

옵션 4. Alt "Humunga Chomp dog ball" - 이 옵션은 우리에게 최적입니다. 속성에는 제품 이름과 제조업체가 포함됩니다. 이러한 제품이 많은 경우 색상 및 모델명을 사용하여 Alt를 확장할 수 있습니다.

옵션 5. Alt "Humunga Chomp 개 공, Humunga Chomp 장난감, 구매, 저렴, 모스크바" - 이 옵션은 검색 엔진에서 스팸으로 인식될 수 있으며 원하는 결과를 얻지 못할 수 있습니다.

이 예에서 Alt 속성은 다음과 같습니다.

• 의미가 있어야 하며 그림을 설명해야 합니다.
• 3~5개의 단어로 구성되지만 250자를 넘지 않아야 합니다(그림을 두 단어로 설명하기는 어렵습니다).
• 스팸이 아니어야 합니다.

Title 속성이 필요한 이유는 무엇입니까?

사진 제목은 이미지에 대한 추가 정보를 제공합니다. 그림에 표시된 내용을 사용자가 더 쉽게 이해할 수 있도록 하는 것이 필요합니다. 이미지 위로 마우스를 가져가면 속성이 표시됩니다.

위 그림은 속성이 페이지에 표시되는 방식을 보여줍니다.

HTML 코드에서 속성은 다음과 같이 작성됩니다.

.

제목을 작성하는 것이 좋습니다. 이는 사이트의 행동 매개변수에 긍정적인 영향을 미칠 수 있습니다. 사용자가 그림에 표시된 내용을 이해하기 어려운 경우 자동으로 마우스로 그림을 가리키면 제목 힌트가 길을 찾는 데 도움이 됩니다.

Title의 기본 요구 사항은 Alt의 요구 사항과 유사합니다.

• 의미가 있어야 하며 이미지를 설명해야 합니다.
• 3~5개의 단어로 구성되지만 250자를 초과할 수 없습니다.
• 마우스를 가져갈 때 3~4줄의 텍스트가 위협적일 수 있으므로 너무 커서는 안 됩니다.
• 가능하다면 주요 쿼리를 포함하세요.
• 스팸이 아니어야 합니다.

이것을 알고 질문으로 넘어 갑시다.

Alt 및 제목에 대한 자주 묻는 질문에 대한 답변

Alt는 이미지에 대한 설명입니까?

설마. Alt는 사용자가 이미지를 표시하지 않는 경우 그림 대신 표시되는 대체 설명입니다.

이미지의 Alt 및 Title 속성을 입력해야 합니까?

이미지 검색 트래픽에 관심이 있는 경우 Alt를 입력해야 하며 제목은 선택 사항입니다.

Alt와 Title은 달라야 할까요, 아니면 같아야 할까요?

이 문제에 대해서는 두 가지 주요 의견이 있습니다.

1) Alt 및 제목은 고유해야 합니다.

2) 속성은 동일해야 합니다.

이미지 검색 상단에 이미지가 있는 사이트에서 이러한 속성이 어떻게 채워지는지 살펴보면 두 가지 채우기 옵션이 모두 표시됩니다.

Yandex는 이에 대해 다음과 같이 씁니다.

나는 이러한 속성이 동일할 수 있다고 믿습니다. 가장 중요한 것은 사진에 대해 명확하고 구조화된 설명을 제공한다는 것입니다.

Alt 속성 옆에 제목을 포함해야 합니까?

선택 사항이지만 명심하세요: 어떤 경우에는 Title 속성이 그림에 표시된 내용을 더 잘 이해하는 데 도움이 됩니다. 이는 사이트의 행동 성능에 긍정적인 영향을 미칠 수 있습니다.

이미지의 Alt에는 기사와 동일한 키워드가 있어야 합니까, 아니면 다른 키워드가 있어야 합니까?

즐겨. 가장 중요한 것은 Alt가 의미가 있고 그림을 설명한다는 것입니다.

이러한 속성에 키워드를 포함해야 합니까?

이러한 키워드가 그림을 설명한다면 그렇습니다.

Alt 속성을 올바르게 작성하는 방법: 키릴 문자 또는 라틴어?

사이트가 러시아어로 되어 있는 경우 키릴 문자로 입력하세요.

작성 방법 - 대문자 또는 소문자로?

상관없어요.

그리고 기사가 이미 검색 엔진에 의해 색인화되어 있는 경우 사진에 설명을 포함하는 것이 가능합니까, 아니면 그럴 가치가 없습니까?

할 수 있다. 검색 엔진이 페이지를 다시 색인화할 때 이러한 설명을 고려합니다.

Alt와 Title은 어디에 입력해야 하나요?

그것은 모두 귀하의 사이트가 어떤 CMS에서 만들어졌는지에 따라 다릅니다.

이것이 순수한 HTML이라면:

일반적으로 Alt 및 Title 필드는 image 매개변수에 있습니다. 예를 들어 사이트가 WordPress로 제작된 경우 이미지 옵션을 열면 Alt 속성을 입력하는 필드가 표시됩니다. 추가 설정에는 제목 속성에 대한 필드가 있습니다.

사이트가 1C-Bitrix에 있는 경우 이미지 매개변수의 추가 설정에 Alt 속성에 대한 필드가 있습니다. Title 속성은 "Title" 필드에서 가져옵니다.

모든 것이 개인이라는 것을 이해해야 합니다. 귀하의 사이트가 어떤 CMS에서 만들어지고 어떻게 구성되었는지에 따라 많은 것이 달라집니다.

그만한 가치가 있으며 댓글에 사진의 Alt 및 제목을 지정할 수 있습니까?

나는 이것이 필요하다고 생각하지 않으며 댓글에 있는 누구도 이미지를 최적화할 기회가 없을 것 같습니다.

사진에 러시아어로 제목과 대체 문자를 쓰면 사이트에 상형 문자가 표시됩니다. 어떻게 해야 합니까?

이는 인코딩으로 인해 발생합니다. 현재 인코딩을 UTF-8로 변환해야 합니다.

결과

Alt와 Title이 무엇인지 다시 한 번 살펴보겠습니다.

Alt 속성에 대한 기본 요구 사항:

• 의미 있고 이미지를 설명합니다.
• 약 3~5단어(최대 250자)
• 가능하다면 주요 쿼리를 포함해야 합니다.
• 스팸이 아니어야 합니다.

Alt를 입력해야 하는 이유:

1. 이미지 순위를 매길 때 검색 엔진에서 고려됩니다. 즉, 이미지가 TOP에 도달하면 추가 트래픽의 소스가 됩니다.

2. 사이트에서 이미지를 비활성화한 사용자에게 유용할 것입니다.

제목 속성:

• 의미 있고 이미지를 설명합니다.
• 약 3~5단어 또는 최대 250자 길이
• 가능하다면 핵심 쿼리를 포함해야 합니다.
• 스팸 없음.

제목을 작성해야 하는 이유:

1. 그림에 표시된 내용을 이해하기 어려운 사용자에게 유용할 것입니다.
2. 제목 힌트는 사이트 행동에 긍정적인 영향을 미칠 수 있습니다.

안녕하세요 여러분. 시간을 낭비하지 않기 위해 짧고 요점만 말씀드리겠습니다.

이미지 제목은 이미지 위에 커서를 올렸을 때 나타나는 문구입니다. 이는 방문자에게 힌트를 주기 위해 필요합니다. 그림에 무엇이 표시되어 있는지, 어디를 봐야 하는지 말해 보세요.

대체 그림 – 영어 단어 대안에서 유래. 이것은 검색 엔진이 묘사된 내용을 결정하기 위해 색인을 생성하는 것을 좋아하는 매우 유용한 것입니다. 또한 사용자가 브라우저에서 이미지 표시를 비활성화한 경우에도 표시됩니다. 이는 말이 되지 않으며 드문 경우에 수행됩니다.

그러나 사용자가 그래픽 콘텐츠 표시를 끄거나 누군가의 측면에서 어떤 종류의 오류가 발생하면 그림 대신 텍스트가 있는 작은 아이콘이 표시됩니다. 이 텍스트는 이미지의 대체 텍스트입니다.

SEO용 대체 및 제목 이미지

이미지 제목의 경우 최소값이 있습니다. 쉽게 색인화되지는 않지만 행동 요인 측면에서 활용될 수 있습니다. 2018년, 이제 SEO는 유용성과 고품질 콘텐츠를 의미합니다. 따라서 어떤 방식으로든 사용자의 관심을 끌 수 있습니다.

생각해 보세요. 이미지에 툴팁이 나타날 때가 더 즐겁습니다.

그러나 대체 사진은 보물입니다. 첫째, GoogleBot은 Yandex의 부재를 실수로 간주합니다. 둘째, 쉽게 색인화되며 이러한 이미지는 검색의 "사진" 섹션에 표시됩니다. 이는 이러한 방식으로 귀하의 사이트에 추가 트래픽을 유도할 수 있음을 의미합니다.

셋째, 색인화되어 있으므로 페이지의 가치를 높이는 데 활용할 수 있다. Alt에 저주파 쿼리를 추가로 추가하면 좋을 것 같습니다. 하지만 여기서는 조심해야 합니다.

사진의 대체 및 제목을 올바르게 입력하는 방법

제목을 사용하면 모든 것이 훨씬 간단해집니다. 검색 엔진에 대한 규칙은 없지만 이것이 여기에 이단을 쓴다는 의미는 아닙니다. 위에서 우리는 행동 요인을 요약했습니다. 사용자를 괴롭히지 않고 그에게 유용하게 사용하는 것이 좋습니다.

1) 길면 안 된다. 동의합니다. 4줄 힌트는 거부를 유발합니다.

2) 어떤 방식으로든 이미지와 관련이 있어야 합니다.

3) 기본 제목, h1-h5 제목, Alt 속성과 중복되어서는 안 됩니다.

대체 이미지는 검색 엔진에 중요하므로 규칙에 제한이 있지만 가능성도 있습니다.

1) 한 단어로는 부족하므로 3 단어 이내로 하는 것이 좋습니다. 최대 문자 수는 250자입니다.

2) 이미지 내용과 일치해야 합니다.

4) 바람직하게는 페이지의 다른 대체 항목과 함께 반복되어서는 안 됩니다.

따라서 블로그에 다른 사진을 추가할 때 생각해 보세요. 어쩌면 어떤 사람이 그녀를 찾고 싶어할까요? 이를 추가 트래픽으로 전환해 보십시오.

WordPress를 예로 들어 이미지의 대체 및 제목을 입력하는 위치

예를 들어 WordPress에서는 제어판(콘솔)에서 해당 섹션으로 이동하면 됩니다. "미디어" — "도서관". 다음으로 이미지를 선택하세요.

또는 기사를 편집할 때 삽입된 그림을 클릭한 다음 연필을 클릭하면 됩니다.

물론 WordPress를 예로 들어 설명하는 것이 가장 쉽지만 많은 인기 CMS가 이러한 기회를 제공합니다. 예를 들어 Joomla가 있습니다. 함정이 있지만 대부분의 그래픽 콘텐츠는 다음을 누르면 Alt로 설정할 수 있습니다. "이미지 편집"

그게 다야. 우리가 당신에게 도움이 되기를 진심으로 바랍니다. 그렇다면 좋아요를 눌러주세요. 이는 우리가 더 고품질이고 흥미로운 콘텐츠를 만들도록 동기를 부여합니다!

진심으로, 당신의 본질.