최고 기사 블로그를 작성할 때 출판물를 사용하거나 경쟁사보다 웹사이트를 더 멋지게 보이게 하려면 이미지. 웹사이트에 이미지를 넣는 방법은 대체 이미지 텍스트라고도 하는 대체 이미지 태그를 사용하는 것입니다.
사용 alt 태그 SEO 는 웹 사이트를 최적화하고 검색 엔진이 사이트 순위를 매길 때 작동합니다. To 배우기 대체 태그 사용 방법에 대해 자세히 알아보기 이미지 SEO 전략을 더 잘 활용하고 싶다면 이 글을 계속 읽어보세요. 더 나은 순위를 차지하고 이미지를 사용하여 더 큰 결과를 얻을 수 있도록 알고 싶은 정보를 제공합니다.
대체 텍스트란 무엇인가요?
대체 텍스트는 대체 태그 또는 대체 설명이라고도 하며 웹사이트에 배치할 이미지를 설명하는 텍스트 한 줄을 제공하기만 하면 됩니다. 이미지가 표시되지 않으면 이 텍스트가 그 자리를 대신합니다.
대체 이미지의 한 가지 목적은 시각 장애가 있는 컴퓨터 사용자가 다음을 사용할 수 있도록 돕는 것입니다. 화면 읽기 도구 를 얻으려면 아이디어 의 무엇 이미지가 어떻게 보이는지 보여줍니다. 또한 검색 엔진에 도움이 됩니다. 크롤링 더 잘 배치하고 정확한 순위를 웹 페이지 또는 웹사이트에 표시합니다.
즉, 가시성을 높이려면 대체 텍스트를 사용해야 합니다. 전략 를 올바른 방식으로 사용할 수 있습니다. 또한 웹 페이지 등에 더 많은 가치를 제공하는 데 도움이 됩니다. 대체 텍스트 또는 대체 태그는 이미지에 관한 것입니다.
이미지가 로드되지 않는 이유는 무엇인가요?
이것이 항상 나쁜 대체 태그의 결함입니다. 이미지가 표시되지 않고 독자에게 그 자리에 대체 텍스트만 표시되는 다른 이유도 있습니다. 이러한 이유에는 다음이 포함되지만 이에 국한되지는 않습니다:
- 사용자의 Wi-Fi 신호 또는 모뎀이 약합니다.
- 텍스트에 이미지 링크가 끊어졌습니다.
- 이미지의 크기가 시스템에 비해 너무 큽니다.
- 잘못된 파일 이름이 사용되었습니다.
- 사용자가 화면 리더를 사용 중입니다.
이미지가 제대로 표시되는 것은 웹 사이트 독자가 귀하의 콘텐츠를 이해할 수 있도록 하는 데 필수적입니다. 콘텐츠 훨씬 더 좋습니다. 사진은 천 마디 말보다 가치가 있으며 요점을 더 간결하게 전달하는 데 도움이 됩니다.
대체 텍스트가 중요한 4가지 이유
대체 텍스트 상자를 비워 둘 수도 있지만 다음과 같은 경우 사용하기에 좋은 옵션은 아닙니다. 순위 독자를 확보할 수 있습니다. 다음 4가지 이유를 통해 이 상자를 올바르게 작성하는 것이 왜 중요한지 알 수 있습니다:
- 빈 칸에 갇혀 있지 않습니다. 이미지가 로드되지 않으면 텍스트가 표시됩니다.
- 대체 텍스트는 접근성을 개선하고 시각 장애가 있는 사용자가 이미지에 대한 설명을 들을 수 있게 해줍니다. 이는 SEO 친화적인 웹 디자인에서 중요한 부분입니다.
- 그것은 좋은 SEO 연습을 통해 검색 엔진이 웹 페이지의 순위를 매기고 이미지가 콘텐츠와 어떤 관련이 있는지 이해하는 데 도움이 됩니다.
- 이미지를 링크로 사용하는 경우 텍스트는 앵커 텍스트.
대체 텍스트를 올바르게 사용하기 위한 한 가지 핵심 요소는 검색 엔진이 이미지 알고리즘을 사용하여 이미지의 내용을 파악할 수 있도록 허용하는 것입니다. 텍스트는 이러한 식별에 큰 단서가 됩니다.
구글은 웹 페이지에 사용된 대체 텍스트만을 기준으로 웹사이트 순위를 매길 수 있는 기능이 있는 것 같습니다. 여기에서 자연스럽게 SEO 키워드. 그러나 대체 텍스트에 너무 많은 키워드를 채우지 않도록 위의 지침을 따르세요.
Google에서 이미지 순위를 높이려면 아래 네 가지 팁을 따라야 합니다:
- 의미 있는 대체 텍스트 콘텐츠 사용
- 이미지가 관련 콘텐츠가 포함된 페이지에 있는지 확인합니다.
- 고품질 이미지를 사용해야 합니다.
- 의미 있는 좋은 파일 이름 사용
웹 페이지에 대체 태그를 추가하는 방법은 무엇인가요?
일반적으로 콘텐츠 관리 다음과 같은 시스템 허브스팟 또는 워드프레스 형식 편집이 쉽습니다. 올바른 편집 화면과 팝업 창으로 이동하는 데 몇 초밖에 걸리지 않습니다. 여기에서 적절한 위치에 텍스트를 추가하고 저장을 클릭하기만 하면 완료됩니다.
Hubspot 사용자의 경우 이미지를 클릭한 다음 편집 아이콘을 클릭하여 팝업 화면으로 이동해야 합니다. 팝업 화면이 나타나면 일반적으로 화면 하단에 있는 대체 텍스트 상자에 텍스트를 추가하면 텍스트가 HTML 코드에 자동으로 삽입됩니다.
워드프레스 를 사용하면 이미지 편집이 훨씬 쉬워집니다. 다시 이미지를 클릭해야 합니다. 어느 을 클릭하면 이미지 옆의 사이드바에 블록 탭이 열립니다. 대체 텍스트라고 표시된 상자로 이동하여 텍스트를 추가합니다. 업데이트를 클릭하면 완료됩니다.
이 업데이트 및 편집 작업을 수행할 때는 매우 구체적이고 설명적인 내용을 작성해야 합니다. 그러나 대체 텍스트가 이미지의 맥락을 설명하지 않으면 이미지가 표시를 놓칠 수 있습니다.
대체 텍스트를 놓칠 수 있는 3가지 이유
1. 키워드가 항상 좋은 것은 아닙니다.
대체 텍스트를 너무 많은 키워드로 채우면 좋은 이미지를 전달할 수 없습니다. 문맥을 놓치고 쓸모없는 정보가 너무 많이 포함될 수 있습니다. 키워드는 중요하지만 너무 많으면 검색 크롤러가 꺼집니다.
이렇게 하면 검색 엔진이 해당 이미지가 나머지 콘텐츠와 어떤 관련이 있는지 이해하기 어렵게 됩니다. 이러한 이해 부족은 잠재적 순위를 떨어뜨릴 수 있습니다. 롱테일 키워드.
또한 Google의 경우, 다음과 같은 수수료가 발생할 수 있습니다. 페널티 아무도 받고 싶어하지 않는 것입니다.
2. 세부 사항이 항상 충분히 구체적이지 않음
야구장에서 야구 선수가 공을 향해 스윙을 하고 있다는 내용의 대체 텍스트를 만들 수 있습니다. 어떤 사람들에게는 충분히 상세하고 설명적일 수 있지만, 검색 엔진에서 좋은 순위를 차지하기에는 충분하지 않습니다.
이미지가 야구 선수가 야구공을 휘두르는 모습을 보여주지만 검색 엔진이 이미지가 기사 또는 웹 페이지 콘텐츠와 어떤 관련이 있는지 이해할 수 있도록 더 나은 세부 정보를 사용할 수 있습니다.
캔들스틱 파크에서 공을 치는 샌프란시스코 자이언츠의 윌리 메이스처럼 더 나은 대체 텍스트가 될 수 있습니다.
3. 세부 사항 부족으로 인해 구체성이 저하됩니다.
보다 구체적인 맥락을 제공하는 대체 텍스트와 이미지 피사체가 있습니다. 하지만 모든 이미지가 그런 것은 아닙니다. 일부 이미지는 매우 일반적이며 사람 이름, 장소 이름 등이 포함되어 있지 않습니다.
컴퓨터 화면을 가리키는 여자라고 말하는 대신, 컴퓨터를 사용하는 사람과 모니터를 가리키는 사람이 있을 때 문맥을 사용하여 더 구체적으로 표현할 수 있습니다.
대체 텍스트는 '컴퓨터 교사가 학생의 컴퓨터 화면을 가리키고 있다'와 같이 작성할 수 있습니다. 검색 엔진이 좋아하는 문맥과 구체성을 모두 확보할 수 있습니다. 또는 한 단계 더 나아가 컴퓨터 교사가 컴퓨터 소프트웨어 프로그램을 사용하여 컴퓨터 수업을 듣는 학생을 가르친다고 말할 수도 있습니다.
대체 텍스트는 구체적이어야 하며 이미지의 컨텍스트와 최대한 상세하게 관련되어 있어야 합니다. 상세할수록 이미지 SEO용 대체 태그가 더 좋은 결과를 얻을 수 있습니다.
다음과 같은 경우 게으르지 않아야 합니다. 글쓰기 를 클릭하고 모든 사람이 볼 수 있는 내용을 간단하게 작성하세요. 이미지를 자세히 살펴보고 더 구체적이고 순위를 높이는 데 도움이 되는 세부 정보를 더 끌어낼 수 있는지 확인하세요.
대체 태그 모범 사례 및 팁
이미지에서 올바른 정보를 추출하려면 연습이 필요합니다. 대체 텍스트를 더욱 돋보이게 하는 구체적인 정보를 알려주는 단서를 찾아야 합니다.
대체 태그 최적화를 위해 글을 작성할 때는 다음 대체 태그 모범 사례 팁을 사용하는 것이 좋습니다:
- 구체적이고 설명적이어야 합니다.- 일반적인 주제에 대해서만 글을 쓰지 마세요. 이미지에서 구체적인 정보를 제공하고 설명할 수 있는 세부 사항을 최대한 많이 끌어내세요. 과하지 않으면서 최대한 구체적으로 작성하는 것이 좋습니다. 텍스트가 문장을 완성했는지 다시 한 번 확인하려면 문장을 읽은 다음 이미지의 도움 없이 이미지를 시각화해 보세요. 이미지가 무엇을 의미하는지 명확하게 파악할 수 있는지 확인하세요.
- 책을 쓰지 마세요- 대체 텍스트는 가능한 한 짧게 작성하는 것이 좋습니다. 긴 문단이나 책 한 권 분량의 설명을 작성할 필요는 없습니다. 목표 길이는 100자에서 125자 사이여야 하며 그 이상은 안 됩니다. 일부 화면 리더는 125자를 초과하여 읽을 수 없습니다.
- 같은 실수를 반복하지 않기- 불필요한 단어를 중복해서 포함할 필요는 없습니다. 불필요한 단어로는 '사진' 또는 '이미지' 등이 있습니다. 모든 사람이 이미 알고 있는 내용을 반복하지 말고 적절한 텍스트를 작성하세요. 이미 암시되어 있는 단어는 텍스트에 포함할 필요가 없습니다.
- 자연스럽게 키워드 사용- 키워드를 사용해도 좋지만 텍스트를 키워드로 가득 채우지 마세요. 타겟 키워드가 웹 페이지의 콘텐츠 및 이미지와 어떻게 어울리는지 고려하세요. 다음과 같은 경우 자연스러워지기가 더 쉬워집니다. 사진 웹 페이지의 콘텐츠와 일치
- 올바른 키워드 사용- 즉, 텍스트를 키워드로 가득 채우지 마세요. 대체 텍스트에 필요 이상의 키워드를 과도하게 넣으면 순위와 SEO 전략이 손상될 수 있습니다. 적절한 타이밍에 적절한 양으로 키워드를 사용하세요.
- 텍스트 위에 이미지 사용 금지- 텍스트의 목적은 화면 리더가 이미지를 이해하는 데 도움을 주기 위한 것입니다. 텍스트 대신 이미지를 사용하거나 이미지 안에 텍스트를 넣으면 화면 리더는 이미지를 이해하지 못합니다. 텍스트는 텍스트이므로 그대로 유지해야 합니다.
- 목표에 충실하기- 그 목적은 이미지를 볼 수 없는 사람들이 이미지의 내용을 이해할 수 있도록 가능한 한 최선의 방법으로 이미지를 설명하는 것입니다. SEO 전략이나 검색 엔진뿐만 아니라 실제 사용자를 염두에 두고 대체 태그를 작성하세요.
- 따옴표 사용 안 하기- 따옴표를 추가하면 HTML 함수가 중단될 수 있습니다. 시스템에서는 이미 텍스트의 시작과 끝을 표시하기 위해 자체적인 원시 따옴표를 사용하고 있습니다.
- 버튼 역할을 하는 이미지- 이 경우 이미지의 용도를 알려주는 대체 텍스트가 있어야 합니다. 대체 텍스트는 '제출', '검색' 또는 '지금 신청하기'와 같이 간단하게 작성할 수 있습니다.
10. 테스트 수행 - 대체 텍스트를 제대로 작성했는지 확인하려면 테스트해 보세요. 모든 것이 계획대로 작동하는지 확인하고 싶을 것입니다.
대체 태그의 콘텐츠
방금 배운 대로 너무 장황하지 않고 이미지에 대해 가능한 한 구체적으로 설명해야 합니다. 대체 텍스트를 작성하는 것이 가까운 시일 내에 변경되지 않는 한 미래를 사용하면 대체 태그 상자에 작성할 수 있는 내용에 제한이 없습니다.
당신은 무료 를 사용하여 원하는 단어, 원하는 단어 등을 자유롭게 사용할 수 있습니다. 하지만 이러한 단어를 사용할 때는 사용 중인 사진을 설명하는 단어인지 확인하세요. 그러나 대체 텍스트에는 아무 것도 쓰지 않을 수도 있습니다.
이미지를 사용하지 않고 빈 공간만 삽입하려는 경우 공백으로 남겨둘 수 있습니다. 또한 이미지에 간결함이 필요한 경우 2단어까지 짧게 입력할 수 있습니다. 빈 alt 태그는 alt = ""로만 표시됩니다.
사용을 고려해야 하는 한 가지 필수 요소는 중앙 키워드 에 대한 랜딩 페이지. 따라야 할 중요한 규칙이며 메인 키워드를 포함하면 최적화 및 순위에 도움이 됩니다.
대체 텍스트에 포함할 키워드를 사용할 때는 항상 자연스러워야 합니다. 억지로 키워드를 넣으면 이미지에 도움이 되지 않고 웹 페이지가 보기에도 좋지 않습니다. 텍스트는 관련성을 만들어야 합니다.
다음은 대체 텍스트에 포함되어야 하는 긍정적인 기능입니다:
- 키워드를 사용하든 사용하지 않든 항상 자연스럽게 작성하세요.
- 텍스트를 키워드로 채우지 말고 현명하게 사용하세요.
- 텍스트가 사진의 콘텐츠와 시각적 측면을 설명하는지 확인하세요.
- 텍스트에는 이미지의 목적과 해당 이미지가 웹 페이지에 있는 이유를 설명해야 합니다.
- 텍스트는 웹 페이지에 가치를 더해야 합니다. 이는 사용자 편의와 검색 엔진의 목적을 위한 것입니다.
- 텍스트는 웹 페이지 및 접근성에 대한 이점을 제공해야 합니다.
- 모든 태그에는 검색 엔진이 웹 페이지 또는 웹사이트의 순위를 매기는 데 도움이 되는 검색어와 키워드가 포함되어야 합니다.
대체 텍스트에는 지연 로딩이 이상적입니까?
이미지를 천천히 로드하는 좋은 방법일 수 있지만 SEO 커뮤니티의 일부에서는 이러한 평가에 동의하지 않습니다. 지연 로딩 는 웹사이트 리더가 이미지를 아래로 스크롤할 때만 이미지가 로드되는 곳입니다. 모든 이미지가 한 번에 로드되는 것이 아니라 방문자가 웹 페이지를 읽을 때 한 번에 하나씩 로드됩니다.
그들의 우려는 Google 봇 는 모든 이미지가 동시에 로드되지 않으면 모든 이미지를 읽을 수 없습니다. Google 봇은 이미지가 로드되지 않은 상태에서도 대체 텍스트를 읽을 수 있으므로 모든 이미지에 대체 텍스트를 입력하면 이러한 위험을 최소화할 수 있습니다.
물론 이는 사용자의 선호도에 따라 달라질 수 있으며 지연 로딩 시스템을 계속 사용할 수도 있습니다. 순위에 영향을 미치지는 않지만 안전을 위해 각 이미지에 대체 텍스트가 추가되었는지 확인하세요.
대체 태그와 제목 태그는 같은가요?
아니요, 그렇지 않습니다. 이 둘의 한 가지 차이점은 커서를 title 또는 이미지. 일반적으로 제목 태그는 링크를 더 자세히 설명하고 사용자에게 더 자세한 정보를 제공합니다.
그러면 대체 태그는 일반적으로 웹사이트 사용자나 독자에게 표시되지 않습니다. 이미지가 로드되지 않을 때만 표시됩니다. 또한 제목 태그가 표시될 때만큼 많은 정보를 포함하지 않습니다.
또한 제목 태그를 사용하지 않을 경우 대체 태그가 제목 태그를 대체합니다. 제목 태그 대신 제목 위에 커서를 올리면 나타납니다. 그러나 이것이 제목 태그가 그다지 중요하지 않다는 것을 의미하지는 않습니다. 그 목적은 이미지와 이미지가 사용된 이유와의 관련성을 더욱 높이는 것입니다.
또한 이미지가 웹 페이지 콘텐츠에서 차지하는 중요도를 제공합니다. 대체 텍스트와 제목 태그보다 훨씬 더 많은 정보를 제공하는 태그가 있었습니다. Firefox 및 기타 소형 브라우저에서 지원되는 longdesc 태그.
탐색기에서도 이 태그 텍스트를 읽도록 구성해야 했습니다. 그러나 HTML5를 사용하여 웹사이트를 구현하는 데 사용되는 longdesc는 더 이상 지원되지 않습니다. 검색 엔진 최적화 과정에서 간과될 수 있습니다.
이 긴 텍스트를 사용하려면 일반적으로 HTML 문서로 작성하고 링크를 통해 액세스해야 합니다. 이 옵션도 사용할 수 있지만 작성하고 소스 텍스트에 저장하는 데 시간이 조금 더 걸릴 수 있습니다.
다시 말하지만, 이 옵션이 자신에게 가치가 있고 순위 및 기타 SEO 전략에 도움이 되는지 평가해야 합니다.
웹 페이지에 대체 텍스트 추가
웹사이트에 대체 텍스트를 추가하기 위한 좋은 시작점을 찾으려면 다음을 수행해야 합니다. SEO 감사 현재 콘텐츠에 대한 정보를 제공합니다. 이 감사 는 대체 텍스트를 추가하면 사진이 향상되고 태그가 없는 이미지를 설명하는 데 도움이 됩니다.
오가닉 트래픽을 모니터링하여 새 대체 태그가 조회수를 어떻게 변화시켰는지 확인할 수 있습니다. 최적화하는 이미지가 많을수록 SEO 전략이 더욱 강화됩니다.
웹사이트 순위를 높이는 데 도움이 되는 핵심은 이미지에 최고 등급의 대체 태그가 설치되어 있는지 확인하는 것입니다.
결론
대체 태그를 사용하면 현재 상황보다 개선될 수 있습니다. 핵심은 위에서 설명한 규칙을 따르고 적절한 길이인지 확인하는 것입니다. 모든 화면 리더가 이미지의 내용을 읽을 수 있도록 125자를 넘지 않아야 합니다.
또한 텍스트를 키워드로 채우면 목표와 순위를 망칠 수 있으므로 키워드를 채우지 마세요. 이미지가 항상 로드되지 않는다면 대체 태그의 잘못이 아니라 이미지가 화면에 표시되지 않는 다른 많은 이유 중 하나일 수 있습니다.
귀하의 목표 는 125자 이내로 최대한 구체적으로 설명하는 것입니다. 불가능한 꿈이 아니라 달성 가능한 목표입니다.
웹사이트의 대체 텍스트로 인해 어려움을 겪고 있고 도움이 필요하다면 주저하지 말고 문의해 주세요.
에 게시됨: 1월 2022 마지막 업데이트 2022-12-28T09:50:09+00:00 작성자 루카스 젤레즈니
블로그
관련 게시물
