이미지의 alt 속성이 색인화되었는지 여부입니다. 이미지에 ALT 속성을 올바르게 추가하는 방법은 무엇입니까? WordPress를 예로 들어 이미지의 대체 및 제목을 입력하는 위치
우리는 출시했다 새 책"콘텐츠 마케팅 소셜 네트워크에서: 구독자의 머릿속에 들어가 브랜드에 사랑에 빠지게 만드는 방법.”
대체 태그란 무엇입니까?
Alt 태그는 텍스트 설명페이지의 그래픽 이미지 콘텐츠를 통해 더 많은 정보를 얻을 수 있습니다. 전체 정보이에 대해 알아보고 사이트 탐색을 개선하세요. 꺼진 사용자를 위해 그래픽 이미지브라우저에서는 alt 태그를 사용하여 사진에 무엇이 있어야 하는지 확인하는 것이 편리합니다. 그리고 제목에는 마우스를 올리면 나타나는 이미지에 대한 도구 설명이 포함되어 있습니다.
우리 모두는 텍스트를 블록으로 나누고 시각적으로 텍스트를 매력적이고 읽기 쉽게 만드는 그림을 추가하는 것이 얼마나 중요한지 알고 있습니다. 상상해보면 SEO 경마장의 경마처럼 최선을 다한 말이 항상 결승선에 먼저 도착합니다. 필요한 경우 그녀는 내부 원 주위를 가속하거나 걸었고 기수는 꼭 맞는 수트를 입고 최대한 가벼워졌습니다. 여기도 마찬가지입니다. 프로모션을 최대한 활용해야 합니다. 귀하의 페이지를 크롤링하고 최적화된 이미지를 보는 검색 엔진 크롤러는 alt 태그를 읽을 때 거기에 무엇이 있는지에 대한 좋은 아이디어를 갖게 됩니다. 그는 이 정보를 색인에 추가할 것이며 귀하는 귀하의 페이지에 대한 SEO 혜택과 검색 결과에 대한 이점을 받게 될 것입니다.
대체 속성(대체 텍스트)는 태그 속성입니다. , 검색 로봇이 이미지를 "보고" 색인을 생성할 수 있도록 합니다. 사실은, 간단한 설명그림에 표시된 것은 무엇입니까?
제목 속성속성입니다 는 이미지의 제목 역할을 합니다. 이미지에 대한 도구 설명을 생성합니다.
페이지 코드에서 alt 및 title 태그는 다음과 같습니다.
Alt 및 Title 속성에 텍스트를 작성하는 규칙
- 설명은 그림의 내용과 완전히 일치해야 합니다.
- 키워드를 포함해야 합니다.
- 같은 페이지에는 다른 Alt 태그가 있어야 합니다. 모든 이미지에 동일한 키를 사용하면 이 페이지가 보기 좋지 않게 됩니다.계급, 필터 아래로 떨어질 가능성이 있습니다 AGS
- 대체의 경우 최적의 볼륨은 3~10단어입니다. 제목은 더 길고 발전적이어야 합니다.
- 대체 텍스트와 제목 텍스트는 달라야 합니다.
이미지에 대한 대체 설정
대부분의 CMS에서 이 속성을 설정하는 것은 매우 간단합니다. 예를 들어, Wordpress에서는 마우스 오른쪽 버튼으로 클릭그림에 -> "편집" -> alt 속성에 대한 설명을 추가합니다.
많은 CMS에는 비슷한 기능이 있습니다. 일부에는 이러한 태그의 템플릿 설정을 위한 플러그인도 있습니다.Alt 속성을 수동으로 입력하려면 태그 구문을 따르세요. , 위에 제시되었습니다.
자세한 정보를 원하시면 저희의블로그.
귀하의 사이트에 대한 트래픽이 눈앞에서 증가하고 있다고 가정해 보겠습니다. 하지만 이 경우에도 이미지 최적화를 무시해서는 안됩니다. 받을 수 있는 기회입니다 더 많은 트래픽, 이미 투자된 자원에 대해. 키는 텍스트에 완벽하게 포함되어 있습니다. 기술적 측면사이트는 최고이며 방문자가 많지만 더 많을 수도 있습니다. 사이트의 이미지를 최적화하면 순위가 결정되기 때문에 도움이 될 것입니다. 검색어사진도 참여합니다. 또한, 수집할 수 있는 기회도 있습니다 추가 트래픽"+ 사진" 요청에서.
오늘 기사의 주제는 SEO(ALT 속성을 사용한 이미지 최적화)입니다. 많은 사람들이 최적화할 때 이 사실을 모릅니다. 이 속성의사람들이 귀하의 사이트를 방문할 가능성이 높아집니다. 따라서 기사 뒷부분에서 더 자세히 설명하겠습니다.
ALT 속성이란 무엇입니까?
대체이미지에 대한 대체 텍스트가 포함된 속성입니다. 이미지를 표시하기 위해 브라우저가 비활성화된 경우 속성이 표시되지만 표준 설정당신은 그를 볼 수 없습니다.
그림 설명을 올바르게 작성하는 방법
제목을 쓰기 전에 먼저 말씀드리겠습니다. 흔한 실수내가 웹사이트에서 본 것.
빈 속성대체그리고제목. 원칙적으로 많은 SEO 최적화 프로그램이 태그에 신경쓰지 마세요. 예, 귀하의 사이트가 매우 크고 하루에 100,000명의 방문자가 있는 경우에는 신경쓰지 않아도 됩니다. 그러나 이제 막 시작하고 첫 번째 트래픽이 필요한 경우에는 속성을 지정하는 것이 좋습니다.
이미지와 속성이 일치하지 않습니다.사진에 BMW X5가 표시되어 있고 속성에 Audi A3를 지정한 경우 사람이 귀하의 사진을 따라 사이트를 방문할 것이라고 기대하지 않는다고 가정해 보겠습니다.
재최적화. 하지 말아야 할 일의 예로 사용할 수 있는 일반적인 문제입니다. 탐나는 트래픽을 얻기를 희망하는 최적화 프로그램은 "alt" 속성에 여러 키워드를 기록하고 이미지 중 검색 결과의 위치가 커지기 시작할 때까지 기다립니다. 당신은 그것을 이해해야합니다 이 텍스트여러 장의 사진을 평가한 사람들은 그것을 읽을 것이며, 그것이 모두 스팸이라면 아무도 링크를 클릭하지 않을 것입니다. "구매, 주문, 가격, 비용, 도시 이름"이라는 상업적인 단어를 추가하는 것은 권장하지 않습니다.
검색 엔진은 귀하에게 제재를 가할 수도 있으므로 너무 흥분하지 마십시오.
사진에 태그를 어떻게 작성해야 하나요?
간략하고 명확한 설명영화. 이미지를 최대한 정확하게 설명하고 ALT가 자동으로 생성된 경우 모든 페이지를 다시 확인하세요.
속성 길이는 제한되어 있습니다.검색 엔진은 3~4개의 단어(약 250자)를 고려하므로 그림을 설명하기가 어렵습니다.
키워드 포함.실제로 이것이 ALT 속성을 지정할 가치가 있는 이유입니다. 사용자에게 친숙한 텍스트로 키워드를 작성하세요.
예를 들어:
alt="체복사리에서 컴퓨터 수리"
각 사진의 고유한 속성입니다. SEO 옵티마이저들 사이에서 가장 흔히 발생하는 문제인 중요한 구성요소이기도 합니다. 예시를 통해 해결방법을 알려드리겠습니다.
제품 카드에는 많은 사진이 포함되어 있습니다.
스팸을 보낼 수 없고 모든 것을 고유하게 등록해야 하는 경우 동일한 제품의 사진을 어떻게 분리할 수 있습니까? "HYUNDAI H-AR6-07H 분할 시스템"을 다음과 같이 작성할 수 있다고 가정해 보겠습니다.
“분할 시스템 HYUNDAI H-AR6-07H Type 1”
“분할 시스템 HYUNDAI H-AR6-07H Type 2”
제품 사진 외에도 웹사이트에는 유사한 제품, 이 제품이 더 자주 조회되는 등의 요소가 있습니다. 이 유형이미지는 할인되어서는 안 되며 SEO는 ALT 및 제목을 설정하여 이미지를 최적화합니다. 또한 브랜드, 모델, 제품 번호 등 모든 것을 구체적으로 적어 두는 것이 좋습니다. 중요한 매개변수, 사람들이 검색에 입력할 수 있습니다.
이미지 크기- 어떻게 더 높은 해상도사진은 많을수록 좋습니다. 어떤 경우든 "너비" 및 "높이" 속성 덕분에 표시를 조정할 수 있습니다. 하지만 이미지를 너무 작게 만들어서는 안 됩니다. 그렇지 않으면 검색 엔진이 150픽셀보다 작은 이미지를 고려하지 않고 아이콘으로 간주합니다.
이미지 위치– 포함된 텍스트에 최대한 가깝습니다. 키워드. 그렇기 때문에 많은 최적화 프로그램이 이 요소를 고려하고 표준 구성표사진의 배열은 다음과 같습니다.
키워드가 포함된 제목 텍스트
추가 설명
이미지 무게를 줄입니다.사진 크기 재생 핵심 역할, 너무 무거워서 사이트의 로딩 속도까지 느려지면 전체 사이트의 순위에 영향을 미치기 때문입니다. 예, 예, 이런 일이 일어났습니다!
사진 아래 캡션
사이트에 사진이 많고 텍스트가 거의 없는 경우 사진이 포함된 캡션이 유용하므로 SEO 관점최적화가 필요합니다:
- 키워드를 지정하세요. 서명에 키워드를 포함시키는 것은 필수입니다. 이 텍스트가 전체 페이지 순위에 영향을 미치기 때문입니다.
- 그림에 대한 몇 가지 사실/이점을 설명하세요.
예를 들어 사진이 있습니다. 아이폰 스피커 7.
서명에 기재해주세요 이 사실: “조명 덕분에 아이폰7의 소리가 눈에 띄게 좋아졌습니다” ALT 속성에 대한 Yandex의 태도
“내 사진을 어떻게 먼저 넣을 수 있나요?”
사진의 순위를 매길 때 사진에 인접한 텍스트가 고려됩니다. 어떻게 좀 더 정확한 설명이미지가 사용자의 검색어와 일치할수록 해당 이미지가 검색결과 첫 페이지에 표시될 가능성이 높아집니다.”
이미지 아래의 텍스트는 ALT 자체보다 검색 엔진에 훨씬 더 유용합니다.
구글 이미지 랭킹
앞서 언급한 ALT 외에도 Google이 이미지 순위를 매길 때 고려하는 사항은 다음과 같습니다.
Google의 주요 요소를 살펴보겠습니다.
사진 양질 – 이 점은 분명해야 합니다. 아무도 관심을 갖지 않을 것이다 흐릿한 사진아니면 단순히 품질이 좋지 않음. 여기서는 오히려 이미지의 품질이 클릭 가능성, 즉 특정 CTR에 영향을 미칩니다.
각 사진마다 별도의 페이지 – 흥미로운 아이디어, 하지만 솔직히 그런 사이트는 거의 접하지 않습니다. 최적화하는 것이 문제가 됩니다: 온라인 상점, 단일 페이지 사이트, 카탈로그 사이트 많은 수의이미지.
Title 속성은 어떻습니까?
Google은 언급하지 않았고 Yandex는 Title 속성을 언급하지 않았습니다. (태그와 혼동하지 마세요.) 표시하는 것이 결코 불필요한 것은 아니지만 이미지 위로 마우스를 가져갈 때 제목이 표시되고 의미를 전달하기 때문에 가능합니다. 이와 관련하여 그림 아래의 텍스트와 마찬가지로 실험하고 표시할 수 있습니다. 유용한 정보: 다양한 사실, 장점 등.
어쨌든 제가 최근에 쓴 것보다 훨씬 더 유용합니다.
그게 다야. ALT 및 TITLE 속성에 대해 어떻게 생각하는지 댓글로 질문해 보세요. 이미지 스타일을 어떻게 지정하시나요?
구글이나 얀덱스 이미지 검색을 사용하시는지는 모르겠지만 한 가지 말씀드릴 수 있는 것은, 사용하지 않더라도 수억 명의 RuNet 사용자들이 사용하고 있다는 것입니다. 무엇을 고려하면 거대한 인물우리가 생성한 트래픽이 있으면 이미지 검색 방문자를 늘려 인터넷 프로젝트 방문자 수를 늘리는 것이 좋습니다.
검색 엔진 사용자에 대해 이야기하면 일반적으로 정보 제공 또는 상업적 의도가 있습니다. 당신이 가지고 있는 자원의 종류(정보용이든 상업적이든)에 관계없이 둘 중 하나를 끌어들이는 것이 좋을 것입니다. 최선의 시나리오모든 사람 가능한 사용자. 에 의해 적어도그들을 위해 싸워라.
이미지 검색 방문자와의 싸움에서 ALT 속성이 도움이 될 것입니다. 가장 중요한 속성은 사진에 정확히 무엇이 표시되는지 검색 엔진에 알려준다는 사실에 있습니다. 동시에 alt 속성은 사용자가 검색에 입력하는 형식으로 최적화 프로그램에 의해 설정됩니다.
우선 아무 사진이나 찍어서 예를 들어 alt 태그에 무엇을 포함해야 하는지, 무엇이 확실히 가치가 없는지 살펴보겠습니다.
- "사진 1번", 또는 이와 유사한 것. 따라서 alt 속성을 지정하면 안 됩니다! 그림을 순전히 기술적으로 설명하고 내용을 전혀 공개하지 않습니다.
- "모자를 쓴 어린 소년"- 이러한 설명은 한편으로는 이미지를 잘 설명하지만 다른 한편으로는 어떤 것도 포착하지 못합니다. 의미있는 요청, 이는 상업용 프로젝트에 전혀 적합하지 않습니다. 그리고 나는 이것을 정보 사이트에도 권장하지 않습니다. 아마도 청중은 어린 소년이 광고하는 모자를 찾을 것이고 요청은 다른 방식으로 요청될 것입니다. 동시에, 전환율을 높이기 위해 귀여운 소년 소녀들을 사진 촬영에 초대합니다.
- “니트모자”, “어린이 모자”- 이러한 쿼리는 주제에 가깝습니다. 사용자는 실제로 이런 식으로 질문을 하고 확실히 관심을 끌 수 있습니다. 타겟 고객그녀의 관심을 귀하의 제품으로 유도하십시오. 그러나 모자는 많습니다. 귀하의 웹사이트에도 아동용 모자 전용 섹션이 있을 수 있으므로 자신이 원하는 것이 무엇인지 정확히 아는 사용자를 위해 요청을 좀 더 구체적으로 작성하는 것이 좋습니다.
- "니트캡 회사비조노프" - 이 옵션사진에 보이는 내용을 정확하게 반영하고 사용자의 요구를 최대한 충족시키기 때문에 최적인 것 같습니다. 이 대체는 회사 이름을 반영하고 "cap"이라는 단어는 회사 이름을 반영합니다. 치수제품(적어도 이러한 크기가 크지 않다는 힌트) 및 해당 제품이 어떻게 만들어지는지 알려줍니다. 온라인 매장에 있는 경우, 방문 페이지또는 정보 사이트에 다른 색상의 표준 제품이 있는 경우 이를 alt 속성에 반영할 수 있습니다. "니트 모자 회사비조노프 브라운'.
- “니트모자, 어린이모자, 어린이모자리뷰, 어린이모자”- 당신은 설명할 수 없는 '영적 자위'에 참여하고 있습니다. 그렇게 긴 길이에서는 의미가 없으며 사람들은 이를 과잉 최적화라고 부릅니다. 이런 경우 최악의 경우 검색엔진으로부터 제재를 받을 수도 있습니다. 안에 최선의 제재소진은 없지만 그러한 행동으로 인한 소진도 없을 것입니다.
Alt 속성을 설정하는 방법
- alt 속성의 텍스트 길이는 최대 230-250자여야 합니다. 이 경우 최소 길이는 3~4 단어입니다. 이것은 순전히 실용적인 관찰에 의해 설명됩니다. 3 단어 미만으로 묘사 된 내용의 전체 본질을 반영하는 대체를 작성하는 것은 매우 어렵습니다.
- 텍스트에는 다음이 포함되어야 합니다. 주요 쿼리사용자가 사진을 찾을 수 있는 방법입니다. Alt 속성의 키와 페이지 키는 서로 다른 것임을 이해하는 것이 중요합니다.
- 스팸이 없습니다. 매우 중요! "라는 단어를 추가하지 마십시오. 가격", "비용", "리뷰", "가격"... 이미지에 가격표, 가격표 및 리뷰의 실제 스크린샷이 표시되지 않는 경우 이 단어는 어떤 식으로든 사진의 특성을 나타내지 않습니다. 그렇다면 당연히 가능하고 필요합니다.
- 귀하의 자원은 항상 기술 이미지- 아이콘, 그림, 화살표, 배경 이미지등등. 그런 분들을 위해서는 alt 속성에 아무 것도 쓰지 말 것을 권합니다. 이는 이미지의 기술적 특성을 보여줍니다. 어떤 사람들은 거기에 페이지 키워드를 삽입하지만 이것은 얼음이 아닙니다. 검색 로봇을 함부로 다루지 마십시오. 그들은 정말 멋진 사람들입니다.
이미지의 제목 속성에 대한 몇 마디
프로모션 분야의 자체 실험을 바탕으로 제목만 고려된다고 자신있게 말할 수 있습니다. 검색 알고리즘 Yandex는 Google에서 완전히 무시합니다. 개인적으로 저는 사용성 목적으로만 제목을 사용합니다. 제목에 무엇을 쓸지 이야기하면 Alt와 같은 방식으로 삽입합니다. 이것은 비올라의 텍스트와 다른 것을 쓰는 것이 매우 어렵다는 사실로 설명됩니다. 그렇습니다. 그럴 필요가 없다고 말할 수도 있습니다.
오늘날 이미지는 모든 웹 콘텐츠의 상당 부분을 차지합니다. 좋은 장소. 그러나 모든 사용자가 전체 사이트의 더 나은 순위를 매기기 위해 최적화하는 것은 아닙니다. WordPress는 다른 기능 중에서 다음을 제공합니다. 편리한 도구적절한 태그에 대체 텍스트와 이미지 제목을 추가합니다. 이 자료에서는 속성 간의 차이점을 살펴보겠습니다. 대체/제목그리고 그들의 적용 분야.
이미지에 Alt 속성이 필요한 이유는 무엇입니까?
대체 텍스트 또는 대체~이다 HTML-이미지 삽입 태그에 속성이 추가되었습니다.
. 어떤 이유로든 이미지가 로드되지 않고 페이지에 표시되지 않으면 이 텍스트가 표시됩니다. 이 움직임은 정보를 제공합니다 검색 로봇사진에 정확히 표시된 내용에 대해. 일반적으로 태그에 대체쓰다 간단한 설명이미지. 또한 이 속성은 장애가 있는 사용자의 사이트 접근성을 향상시키는 역할도 합니다. 제한된 시력또는 스크린 리더를 사용하는 사람들을 위한 것입니다. 리더 프로그램은 페이지의 텍스트 부분을 읽고, 이미지에 도달하면 페이지에 있는 텍스트도 읽습니다. 대체. 덕분에 사용자는 그림을 볼 수 없더라도 그림에 무엇이 그려져 있는지 항상 알 수 있습니다.
WordPress에서 Alt를 어떻게, 어디서 채울 수 있나요?
WordPress에서는 속성을 입력하는 데 매우 편리한 도구를 제공합니다. 대체. 따라서 이미지를 로드할 때 이미 지정할 수 있습니다. 이렇게 하려면 게시물이나 페이지를 열고 이미지가 삽입된 위치에 커서를 삽입한 후 버튼을 클릭하세요. 미디어 파일 추가.
버튼을 누르면 창이 뜹니다 미디어 라이브러리 WordPress에서는 이미지 파일의 로컬 위치를 지정해야 합니다. 결과적으로 다운로드한 파일의 매개변수가 포함된 사이드바가 표시됩니다.
보시다시피 패널에 필드가 있습니다. 대체 속성. 기본적으로 비어 있습니다. 속성의 텍스트는 2~3단어여야 하며 사진 내용을 정확하게 설명해야 합니다. 사이트에 이미지를 삽입하려면 버튼을 클릭하세요. 게시물에 삽입.
이미지에 제목 속성이 필요한 이유는 무엇입니까?
제목- 또 다른 속성 HTML-이미지 삽입 태그
. 그림의 제목으로 사용되며 일반적으로 제목을 나타냅니다. 안에 있는 텍스트도 참고하세요. 제목이미지가 페이지에 표시되지 않으면 사용자에게 표시되지 않습니다.
WordPress에서 제목을 작성하는 방법과 위치는 무엇입니까?
이미지가 사이트에 업로드된 후 속성이 채워집니다. 이 작업을 수행하려면 미디어 라이브러리 WordPress에서는 이미지를 강조 표시해야 하며 그 후에는 친숙한 이미지가 나타납니다. 측면 패널.
제목또는 이미지에 제시된 정보에 따라 제목을 의미 있게 설정해야 합니다. 동시에 텍스트는 속성과 달라야 합니다. 대체. 제목은 러시아어로 작성하거나 음역을 사용할 수 있습니다. 종종 사이트 소유자는 이를 다음과 같은 목적으로 사용합니다. SEO- 거기에 키워드를 표시하여 최적화합니다. 게시물이나 페이지 편집 페이지에서 속성을 설정할 수도 있습니다. 이렇게 하려면 그림을 클릭하고 나타나는 추가 패널도구에서 연필 이미지가 있는 편집 버튼을 클릭하세요. 일반적으로 사이트를 최적화하려면 이미지에 두 속성을 모두 사용하는 것이 좋습니다. 기인하다 대체한 가지 장점이 있습니다 - 도움이 됩니다 검색 엔진사이트에서 이미지를 찾아 이미지 검색결과에 표시합니다. 동시에 사이트는 검색 엔진으로부터 추가 트래픽을 받습니다. 두 속성의 또 다른 이점은 특별한 도움이 필요한 사람들을 위한 향상된 사이트 접근성입니다.
Alt 속성은 대체 소스브라우저의 이미지 표시가 비활성화된 사용자를 위한 정보입니다. alt 속성이 정의된 경우 이미지를 표시할 수 없는 경우 해당 위치에 속성 텍스트가 표시됩니다.
Alt 속성을 설정하지 않으면 이미지가 공백으로 표시됩니다.
콘텐츠가 주로 이미지로 구성된 사이트의 경우 alt 속성을 사용하여 이미지를 설명하는 것이 특히 중요합니다.
다음과 같이 alt 속성을 설정할 수 있습니다.
alt 속성에는 사이트나 페이지의 모든 키워드를 작성해서는 안 되며 실제로 이미지와 관련된 키워드만 작성해야 합니다. 이렇게 하면 로봇이 이미지를 더 정확하게 찾고 Yandex 사용자가 검색 결과에서 이미지를 선택하고 웹사이트로 이동하는 데 도움이 됩니다. Alt 속성을 비워 두는 것은 바람직하지 않습니다.
여러 유사한 이미지(예: 온라인 상점의 제품 사진)를 추가하는 경우 고유한 대체 속성(정면도, 후면도)을 설정하는 것이 좋습니다.
Img 태그 제목 속성 텍스트
title 속성은 이미지에 대한 추가 정보를 제공합니다. 이미지 위로 마우스를 가져가면 이 속성에 포함된 텍스트가 나타납니다.
세트 제목 속성당신은 이것을 할 수 있습니다 :
각 이미지에 대해 고유한 제목을 지정해야 합니다. 제목 속성을 비워 두는 것은 바람직하지 않습니다.
기타 텍스트
이미지로 검색할 때는 alt 및 title 속성의 값 외에도 다음과 같은 텍스트가 사용됩니다.
다른 페이지 및 다른 사이트의 사진에 대한 텍스트 링크;
그림에 인접한 텍스트 - 그림에 가까운 페이지에 위치합니다.
단일 그림을 구성하는 짧은 문서의 텍스트 및 제목;
음역 및 단순화된 행간 번역을 고려한 파일 및 그림 스크립트의 이름.
그러나 alt 및 title 속성은 가장 보편적이므로 항상 포함되어야 합니다.