이미지 SEO
SEO와 이미지 - SEO에서 대체 태그란 무엇인가요? SEO용 대체 태그를 확인하고 작성하는 방법은 무엇인가요?
무료 허브 리소스
이미지, 대체 태그 및 SEO
대부분의 사람들은 검색 엔진 최적화를 생 각할 때 텍스트를 떠올립니다. 하지만 이미지도 텍스트 못지않게 중요합니다. 특히 전자상거래 웹사이트나 블로그를 운영하는 경우 이미지 SEO는 오늘날과 같은 시대에 매우 중요합니다. 사람들이 웹사이트를 방문하지 않고도 내 제품을 볼 수 있도록 검색 엔진의 이미지 검색에 이미지가 표시되기를 원할 것입니다. 온라인 마케터라면 누구나 몇 가지 표준 관행을 따르면 경쟁에서 우위를 점할 수 있습니다. 인간은 시각적 학습자입니다. 웹사이트가 이러한 사실을 잘 활용한다면 곧바로 그 혜택을 누릴 수 있을 것입니다.
SEO에서 이미지 대체 텍스트란 무엇인가요?
대체 태그라고도 하는 대체 텍스트는 이미지를 업로드할 때 중요한 구성 요소입니다. 사진을 업로드하면 워드프레스가든 다른 어떤 것이든 콘텐츠 관리 시스템에서 대체 텍스트를 추가할 수 있는 옵션이 제공됩니다. 기본적으로 이것은 이미지의 HTML에 포함할 추가 속성입니다. 이는 검색 엔진이 이미지의 실제 내용을 이해하는 데 도움이 됩니다. 웹사이트를 방문했는데 사진이 표시되지 않았다면 상자의 가장 오른쪽 상단에 대체 텍스트가 표시되는 것을 본 적이 있을 것입니다. 이 텍 스트는 화면 리더가 대체 태그를 읽고 이미지를 설명하기 때문에 사이트를 사용하는 시각장애인에게 필수적입니다.
많은 웹사이트 디자이너가 이미지에 대체 텍스트를 작성해야 하지만 페이지에서 사진이 아무런 용도로 사용되지 않는 문제에 직면합니다. 이 문제에 속한다면 SEO 전략을 다시 생각해 봐야 합니다. 필요한 방문자에게 추가 정보를 제공하는 데 도움이 될 수 있는 콘텐츠와 관련된 이미지만 사용해야 합니다. 다음은 완벽한 대체 태그 작성에 대한 Google의 가이드라인입니다: "대체 텍스트를 선택할 때는 키워드를 적절히 사용하고 페이지 콘텐츠의 맥락에 맞는 유용하고 정보가 풍부한 콘텐츠를 만드는 데 중점을 두세요."
대체 텍스트가 사진의 파일 이름으로 바뀌는 경우가 있습니다. 파일 이름이 사진을 설명하는 것이라도 직접 들어가서 텍스트를 물리적으로 변경하고 싶을 때가 있습니다. Google에서 이미지를 "파일(11)"로 읽는 위험을 감수하고 싶지 않을 것입니다.
SEO를 위해 이미지에 대체 텍스트를 추가하는 방법은 무엇인가요?
웹사이트를 구축하는 방법에는 여러 가지가 있습니다. 어떤 시스템을 사용하든 사진과 함께 대체 텍스트를 포함할 수 있는 일반적인 방법이 있을 것입니다. "이미지" 또는 "이미지 속성"이라고 표시된 탭을 찾을 수 있어야 합니다. 대화 상자가 나타나면 사진을 수정할 수 있는 몇 가지 옵션이 제공됩니다. 간혹 "대체 텍스트"라고 명확하게 표시된 상자를 찾을 수 있습니다. 여기에 이미지에 대한 설명을 입력할 수 있습니다. 다른 경우에는 "이 이미지를 볼 수 없는 사람을 위해 이 이미지를 설명하세요."와 같이 다른 레이블이 붙은 상자가 있을 수 있습니다.
여기에서 원하는 대체 태그를 입력하기만 하면 됩니다. 일부 시스템에서는 대체 텍스트 상자 옆에 "설명 필요 없음"이라고 표시된 작은 상자가 있습니다. 대체 텍스트를 추가하지 않으려는 경우에도 이 상자를 선택해야 합니다. 보조 장치를 사용하여 웹페이지를 읽는 경우에도 이미지가 페이지에 있지만 설명이 없다는 것을 알 수 있습니다. 이는 특별한 도움이 필요한 사람들이 페이지에 무엇이 있는지 정확하게 알 수 있도록 도와주는 유용한 도구입니다.
일반적으로 alt 태그는 125자 미만으로 유지하는 것이 좋습니다. 그보다 길면 alt 속성이 아닌 본문 텍스트에 포함하는 것을 고려해야 합니다. 대부분의 경우 대체 텍스트는 짧고 이해하기 쉬운 것이 좋습니다.
워드프레스에서 이미지에 대체 태그를 추가하는 방법은 무엇인가요?
워드프레스는 웹사이트를 구축하는 데 가장 일반적으로 사용되는 시스템입니다. 이 서비스는 7,500만 개 이상의 웹사이트를 디자인했습니다. 매달 4억 9천만 명 이상의 순 방문자가 236억 개가 넘는 웹페이지를 방문합니다. 전 세계 모든 웹사이트의 25% 이상에 서비스를 제공하는 주요 강자입니다. 비즈니스를 위한 웹사이트를 만들 계획이라면 워드프레스를 사용하여 웹사이트를 만들 가능성이 높습니다. 워드프레스는 가장 일반적으로 사용되는 콘텐츠 관리 시스템이므로 이 특정 서비스에서 대체 속성을 추가하는 방법을 알아야 합니다.
먼저 워드프레스 웹사이트에 로그인해야 합니다. 자동으로 대시보드로 이동하여 편집하려는 특정 페이지 또는 글을 열 수 있습니다. 이미지 옆에 연필 모양의 작은 아이콘이 보일 것입니다. 이 아이콘을 클릭하면 이미지 세부 정보를 편집할 수 있습니다. "이미지 세부정보"라는 제목의 상자가 열리고 "대체 텍스트"라고 표시된 상자가 있습니다. 원하는 텍스트를 입력한 후 "업데이트"를 클릭하기만 하면 됩니다. 대체 텍스트를 추가하려는 모든 이미지에 대해 이 과정을 반복할 수 있습니다.
많은 사람들이 미디어 라이브러리로 이동하여 이미지의 대체 텍스트를 편집할 수 있다고 생각합니다. 그러나 미디어 라이브러리는 이미 지를 추가하거나 제거하는 데만 사용할 수 있습니다. 이미 페이지에 있는 이미지를 편집하는 데는 사용할 수 없습니다. 워드프레스에서는 SEO 목적에 맞게 페이지를 쉽게 사용자 정의할 수 있습니다.
이미지에 대체 텍스트가 있는지 어떻게 확인하나요?
검색 엔진에서 페이지를 읽는 데 사용하는 봇에는 눈이 없습니다. 봇은 특정 이미지가 무엇을 보여주는지 본능적으로 알 수 없습니다. 따라서 검색 엔진이 사진을 효과적으로 읽을 수 있도록 대체 텍스트가 필요합니다. 필요한 모든 항목에 대체 텍스트를 추가했다고 생각하기 쉽지만 곧 잊어버렸다는 사실을 깨닫게 될 것입니다. 다행히도 세부 사항을 하나도 간과하지 않도록 확인하는 간단한 방법이 있습니다.
한 가지 방법은 콘텐츠 관리 시스템을 통해 추가한 모든 이미지를 검사하여 모두 대체 텍스트가 있는지 확인하는 것입니다. 이 작업은 시간이 오래 걸릴 수 있으므로 타사 앱을 사용하여 웹사이트를 통해 모든 이미지에 대체 텍스트가 있는지 확인하는 것이 더 나을 수 있습니다. 앱이 크롤링할 웹사이트를 입력하면 이미지에 대한 설명이 제공됩니다. '이미지 정보' 섹션으로 이동하여 모든 사진과 관련된 모든 요소를 찾을 수 있습니다.
어떤 사진에 대체 태그가 필요한지 알면 즉시 각 개별 URL로 이동하여 나중에 수정할 수 있습니다. 타사 앱을 컴퓨터에 다운로드할 때는 신뢰할 수 있는 출처에서 다운로드했는지 확인해야 합니다. 시스템에 멀웨어가 침입하는 위험을 감수하고 싶지 않으시다면, 제대로 된 애플리케이션을 다운로드할 수 있도록 꼼꼼히 살펴보세요. 여러분의 삶이 훨씬 더 쉬워질 것입니다.
SEO를 위해 이미지에 대체 텍스트를 작성하는 방법은 무엇인가요?
대체 텍스트를 추가하는 주된 목적은 검색 엔진의 순위를 높이는 것입니다. .jpg 또는 .png 파일을 다운로드하는 등 Google 및 기타 검색 엔진에 이상적인 사진을 만들기 위해 할 수 있는 몇 가지 방법이 있습니다. 또한 사진의 크기가 올바른지 확인해야 합니다. 이 모든 것을 처리했으면 사진을 완벽하게 요약하는 대체 텍스트를 작성할 준비가 된 것입니다.
블로그를 시작할 때는 블로그의 형식이 방문자에게 적합한지 확인해야 합니다. 그런 다음 대체 텍스트에 유용한 키워드, 가급적이면 블로그의 실제 텍스트에 포함시킨 키워드가 포함되어 있는지 확인해야 합니다. Google 애널리틱스 또는 기타 도구를 사용하여 키워드를 조사하여 해당 분야의 트렌드를 확인할 수 있습니다. 다른 웹사이트에서 많 이 사용하는 경쟁이 치열한 키워드를 사용할지, 아니면 사람들이 검색할 가능성은 낮지만 내 페이지에 올 가능성이 높은 경쟁이 낮은 키워드를 사용할지 고려해야 합니다.
대체 텍스트는 가능한 한 설명적이어야 합니다. 예를 들어, 이커머스 사이트에서 신발 사진에 단순히 "빨간 신발"이라는 텍스트가 있는 것은 좋지 않습니다. 대신 "레드 리복 클래식 가죽 트리플 플랫폼 슈즈"라고 입력하는 것이 좋습니다. 이 문구는 여전히 125자 미만에 해당하며, 보조 장치를 사용하여 대체 텍스트를 읽는 경우 훨씬 더 설명력이 높습니다.
한 가지 유용한 팁은 사이트 전체에서 다양한 대체 태그 문구를 시도하여 가장 효과적인 문구를 확인하는 것입니다. 몇 달 동안 결과를 연구한 후에는 훨씬 더 효과적인 SEO 전략을 구현할 수 있습니다.
HTML에서 이미지에 대체 태그를 추가하는 방법은 무엇인가요?
HTML은 모든 웹사이트에 사용되는 표준 언어입니다. 웹 페이지에서 HTML을 읽으면 대체 텍스트가 원하는 내용을 정확하게 읽을 수 있습니다. 이 언어를 읽으면 ''라고 표시된 항목을 발견할 수 있습니다. 이 HTML 조각은 업로드한 파일의 제목이 "빨간 구두.jpg"이고 대체 텍스트가 "빨간 구두"임을 알려줍니다. 더 자세한 설명을 추가하는 것이 이상적이지만, 적어도 웹페이지에 검색 엔진이 사용할 수 있는 대체 텍스트가 있다는 것은 알고 계실 것입니다.원하는 대체 텍스트를 HTML 코딩에 간단히 작성하거나 콘텐츠 관리 시스템으로 돌아가 수동으로 추가할 수 있습니다. 이 예제에서는 대체 텍스트에 아무 것도 포함되지 않은 "."와 같은 코딩은 피해야 합니다. 이러한 코딩은 검색 엔진에서 높은 순위를 차지하려고 할 때 도움이 되지 않으며 오히려 해가 될 수 있습니다.또한 "."와 같은 코딩도 피해야 합니다. 많은 초보 마케터들은 대체 텍스트에 키워드를 많이 포함하면 자신이 잘 알고 있다고 생각합니다. 이를 키워드 스터핑이라고 하는데, 이는 오히려 역효과가 날 수 있습니다. 대체 태그는 이렇게 복잡할 필요가 없습니다. 나머지 텍스트와 관련된 방식으로 텍스트를 정확하게 설명하는 짧은 스니펫만 있으면 됩니다.대체 텍스트의 길이는 얼마나 될 수 있나요?
대체 텍스트에 포함할 수 있는 최대 단어 수는 125자입니다. 이 정도면 이미지를 정확하게 요약하고 적절한 키워드를 넣을 수 있는 충분한 공간인 경우가 많습니다. 많은 콘텐츠 관리 시스템에서 125자 이상을 포함하려고 하면 실제로 차단되므로 한도를 채우는 데 문제가 있는 경우 키워드를 줄여야 할 수도 있습니다.
최소 제한은 없지만 초과하지 않고 가능한 한 125자에 가깝게 작성하는 것이 좋습니다. 텍스트에 "사진" 또는 "이미지"와 같은 문구를 포함하여 설명에 더 많은 글자를 넣으려고 노력할 필요가 없습니다. 모든 사람이 이미 사진과 관련이 있다고 가정하므로 텍스트가 사진과 관련이 있다고 지정할 필요가 없습니다. "레드 리복 클래식 레더 트리플 플랫폼 슈즈"는 48자로만 구성되어 있으므로 현명하게 사용한다면 더 많은 설명을 포함할 수 있습니다. 다만 키워드를 가득 채우지 않도록 주의해야 합니다.
더 긴 설명이 필요한 사진이 있는 경우 longdesc="" 태그를 추가하는 것이 좋습니다. 페이지의 HTML 코딩에 이 태그를 추가하여 사진에 대한 자세한 내용을 포함할 수 있습니다. 복잡한 다이어그램을 작성하거나 예술 작품을 더 잘 설명해야 할 때 유용하게 사용할 수 있습니다. 125자 이상을 포함할 수 있으므로 도움이 될 수 있습니다. 대부분의 웹사이트 디자이너는 이 기능에 대해 크게 걱정할 필요는 없지만 필요한 경우 사용할 수 있습니다.
SEO는 웹페이지의 텍스트뿐만 아니라 훨씬 더 많은 부분에 적용됩니다. 이미지 SEO도 고려해야 합니다. 이렇게 하면 글에만 집중하는 것보다 더 포괄적인 SEO 전략이 만들어집니다. 직접 대체 텍스트를 추가하거나 SEO 마케팅 회사의 도움을 받을 수 있습니다. 전문가를 고용하면 어깨가 한결 가벼워지고 웹페이지가 Google에서 더 높은 순위를 차지할 것이라는 확신을 가질 수 있습니다. 지금 바로 이러한 전문가와 연락하여 웹페이지가 꾸준히 순위를 올릴 수 있도록 하세요.
관련 문서
