검색엔진 최적화(SEO) 쉽게 하는 방법 - 빙 웹마스터도구 이용

검색엔진 최적화(SEO) 쉽게 하는 방법 - 빙 웹마스터도구 이용

 

검색잘되게하기
검색엔진 최적화 하는 법

SEO(검색엔진 최적화)란?

SEO는 Search Engine Optimization의 약자로, 검색엔진 최적화를 뜻한다. 쉽게 말해 검색엔진에서 검색이 잘 되게 하는 방법을 뜻한다. 자신의 블로그나 사이트가 검색이 잘되게 하는 것이 모든 사람들의 목표일 것이다. 양질의 컨텐츠를 만들었지만, 생각보다 찾는 사람이 없다면 힘이 빠질 수 밖에 없다. 이럴 때 생각할 수 있는 방법 중의 하나가 검색엔진 최적화이다.

seo
SEO 뜻

빙 웹마스터도구 SEO

 

 

검색엔진을 최적화하는 방법, 검색이 잘 되게 하는 방법은 검색엔진마다 똑같은 것은 아니다. 네이버(Naver), 다음(Daum), 구글(Google), 그리고 지금 살펴 볼 빙(Bing)까지 검색엔진마다 조금씩 다르다. 따라서 자신의 글이 구글에서는 검색 순위가 높더라도 네이버에서는 검색 순위가 낮을 수 있고, 반대의 경우도 생길 수도 있다.

검색엔진최적화
사이트별로 SEO가 필요

빙은 우리나라에서 검색 점유율이나 선호도가 그렇게까지 높은 검색엔진은 아니지만 그래도 마이크로소프트가 만든 세계 주요 검색엔진 중의 하나이다. 특히, 주목할 점은 빙 웹마스터도구에서는 SEO와 관련해서는 보고서나 진단 및 도구가 꽤 퀄리티가 높다는 점이다. 일반적으로 자신의 웹페이지에 있는 문제점에 대한 해결방안을 상세히 가르쳐주지 않는 다른 검색엔진에 비해 빙은 매우 친절하게 문제점을 찾아서 해결방법까지 제시해 준다.

빙검색
빙웹마스터도구로 검색엔진 최적화

빙 검색엔진 최적화

각각의 검색엔진을 최적화하는 방법이 같지는 않겠지만 그렇다고 해서 최적화하는 것이 완전히 별개는 아닐 것이다. 어느 정도 도움은 될 것이라고 생각한다. 자신의 웹페이지가 검색이 잘 되지 않는다면 이렇게 검색엔진을 최적화 해보는 것도 하나의 방법이다. 빙 웹마스터도구를 이용해서 쉽게 검색엔진 최적화를 하는 방법이다.

빙웹마스터도구
잘 쓰지 않는 빙 웹마스터도구를 이용

빙 웹마스터도구 등록

빙 검색엔진 최적화 도구를 사용하기 위해서는 자신의 사이트(블로그)를 빙 웹마스터도구에 등록해야한다. 네이버 웹마스터도구나 구글 서치콘솔에 등록하는 법과 크게 다를 바가 없으니, 이 부분에 대해서는 따로 언급하지는 않겠다.

빙검색최적화하기
내 사이트들 

SEO보고서

빙 웹마스터도구에서는 SEO보고서를 제공하여 빙 검색엔진 최적화를 위해 해야될 것을 사이트 소유주에게 제법 상세하게 가르쳐 준다. 다른 검색사이트의 도구들 보다 문제점을 상세하게 가르쳐준다. SEO보고서에서 이런 부분을 알려 주고 있다.

① 어떤 웹페이지의

② 어떤 부분에서

③ 어떤 문제가 발생했고

④ 어떻게 해결할 수 있는지

무려 이렇게 많은 것을 자세하게 알려준다.

seo보고서
SEO보고서

SEO 분석 세부 사항

 

 

SEO 보고서에서 나타난 빙 웹마스터도구의 SEO 제안 사항을 하나씩 클릭해 보면 해당 제안 사항이 어떤 웹페이지에서 나타나고 있는지 세부 사항 별로 웹페이지 목록이 50개까지 출력된다.

어떤 웹페이지에서 문제가 발생했는가? 를 알 수 있다.

seo보고서사용
SEO보고서를 통해 오류가 있는 페이지를 알 수 있다

노란색 형광색 표시

각 URL을 클릭하면 SEO 모범 사례를 준수하지 않는 페이지와 거기에 해당하는 부분을 볼 수 있는데, 해당 부분은 노란색 형광색으로 표시해주기 때문에 최적화해야 하는 부분을 빠르게 찾을 수 있다.

①오류 개수, ②오류 관련 설명을 볼 수 있으며, 페이지 원본 탭을 통해 오류가 발생한 부분을 빠르게 찾아볼 수 있다.

어떤 부분에서 문제가 발생했는가? 를 알 수 있다.

seo오류내용
SEO를 준수하지 않은 부분을 형광색으로 표시

★ 오류가 발생한 부분은 빠르게 찾을 수 있으나, 실제로 그 부분을 수정하는 것은 이 곳에서는 할 수 없으며, 자신의 홈페이지 편집 모드 또는 블로그 편집기 등을 통해 할 수 있다.

seo오류수정
수정은 당연히 블로그 편집기에서

SEO 제안 사항

자신의 블로그(사이트)에 어떤 문제들이 발생했는지 SEO를 위해서는 어떤 것을 수정해야 하는 지 전체적인 상황을 볼 수 있다. 아래의 그림은 현재 보유하고 있는 사이트들에 대한 SEO 제안 사항을 모두 합친 것으로 현재 운영을 다 하고 있는 것은 아니다. 

어떤 문제가 발생했는가? 에 대해 알 수 있다.

seo작업
SEO 제안 사항

권장 작업

아래와 같이 어떤 부분에서 오류가 발생하였으니 어떻게 고치라고 빙 웹마스터도구에서 작업을 권장해준다. 이대로 하기만 하면 된다.

어떻게 해결할 수 있는가? 를 알 수 있다.

 

 

 

★★ SEO 제안 사항에 맞춰 페이지를 수정하는 것은 검색 엔진 최적화에 도움이 될 수 있으나, 이미 검색이 잘 되고 있는 경우, 굳이 수정할 필요는 없다. 오히려 제목 등을 지나치게 수정하는 등의 행위는 검색의 순위가 낮아질 수 있다.

 

SEO 제안 사항별 권장 작업

〈img〉태그에 ALT 속성 내용이 정의되지 않았습니다.(심각도: 낮음)

검색엔진은 이미지 파일의 컨텐츠를 해독할 수 없기 때문에 alt속성을 이용하여 검색엔진에게 이와 관련한 정보를 전달한다. 또한 이미지가 여러 가지 이유로 비활성화 되거나 로드되지 않는 경우, alt속성은 웹페이지를 검색한 사용자에게 유용할 수도 있다.

 

티스토리의 경우, 구버전 에디터에서 alt속성을 직접 입력할 수 있는 기능이 있었으나 새버전의 편집기에서는 그러한 기능이 사라졌기 때문에 이미지alt속성을 사용하려면 삽입된 이미지 마다 수동으로 직접 입력을 해야 하기 때문에 번거로울 수 있다.

alt기능삽입
alt기능이 있었던 구버전 에디터

html 편집 기능으로 들어가서 이런 식으로 직접 수정을 해줘야 한다. 노란색 부분은 html 편집 모드에서 내가 직접 입력한 것이다. ※ 참고로 스킨에 포함된 이미지에 alt속성이 정의되지 않아 스킨때문에 문제가 생기는 경우도 많다. 이 경우에도 동일하게 스킨의 이미지에 alt속성을 정의해주면 된다.

alt속성정의하기
직접 alt속성 정의를 해야하는 새버전 에디터

HTML의 평가된 크기는 125kb 이상으로 예상되고 완벽하게 캐시되지 않을 위험이 있습니다.(심각도: 낮음)

 

페이지에 다량의 CSS가 있거나 코드가 너무 많으면 해당 페이지의 일부 콘텐츠를 가져오지 못하는 경우가 있다. 쉽게 말해서 페이지가 너무 크면 검색 엔진이 이 페이지의 일부 콘텐츠를 가져오지 못하거나 완전히 캐시하지 못할 수 있다.

 

보통 이 오류는 표가 지나치게 많이 삽입되어 있거나 웹페이지의 내용이 너무 긴 경우에 발생하는 경우가 많다. 이 중의 일부를 그림으로 바꾸거나 표를 없애고 단순히 글로 바꾸는 등의 여러 가지 방법을 이용하여 제안 사항을 맞출 수 있다.

 

이런 식으로 표가 지나치게 많이 삽입되어 있으면 코드가 길어질 수 있다.

페이지내용이많음
표나 웹페이지 내용이 지나치게 많은 경우

제목이 너무 짧거나 너무 깁니다.(심각도: 높음)

사이트(블로그) 웹페이지의 제목이 너무 짧거나 길어도 안 된다. 예시에서 블로그 제목은 '사랑의 종류' 이다. 한글로 5글자가 넘는데도 짧은 제목으로 인식했다. 제목이 너무 짧으면 제목에서 충분한 정보를 얻을 수 없고, 제목이 너무 길면 검색 결과에서 줄어들기 때문에 적절한 제목의 길이가 필요하다.

 

빙에서는 권장 작업으로는 제목의 길이가 5~100자로 되어 있는데, 이 페이지는 나름 검색이 잘 되고 있기 때문에 제목 변경의 리스크를 떠 안을 정도는 아닌 것 같아 변경하지 않고 그대로 두고 있다.

짧은제목
제목이 너무 짧은 경우

설명이 너무 짧거나 깁니다.(심각도: 높음)

검색엔진은 검색결과 페이지에서 첫 150~160자만 표시한다. 설명이 너무 짧거나 다른 부분의 텍스트가 적합하다고 판단하면 다른 설명을 표시할 수도 있다.

 

메타 태그(Meta tag)는 홈페이지의 정보를 전달해 주면서도 검색엔진 최적화의 기본요소 중의 하나이다. meta description은 해당 페이지에 대한 요약 설명으로 실제로 검색결과를 보여주는 페이지에서 페이지의 요약내용이 미리 보여지는 부분이다.

 

빙 웹마스터도구에서는 권장 작업으로 〈meta description〉 태그에 있는 설명의 길이가 25~160자가 되도록 변경하라고 되어 있다.

짧은설명
설명이 너무 짧거나 너무 긴 경우

페이지에 설명이 여러 개 있습니다.(심각도: 높음)

 

 

당연히 페이지당 하나의 meta description만 있어야 한다. 페이지에 설명이 여러 개가 있다는 것은 메타 디스크립션이 중복되었다는 뜻이다. 중복된 부분을 삭제해 준다.

 

이 부분은 내가 잘못한 부분이 아니고 티스토리 스킨으로 인한 문제였다. 티스토리 스킨에서 description을 중복으로 출력하는 것이 문제였다. 티스토리에서 제공되는 스킨이라고 해서 맹신할 수는 없는 것 같다. 스킨 자체를 변경하거나, 스킨 편집을 통해서 중복으로 나와 있는 부분을 삭제해주면 된다.

설명이여러개
설명이 여러 개 있음

〈h1〉태그가 없습니다.(심각도: 높음)

〈h1〉태그는 빙봇(Bingbot)과 방문자를 위해 제목, 설명 및 본문에 있는 핵심 키워드를 강화한다. 이곳에는 페이지 내용을 반영하는 키워드를 포함하고 글자의 길이는 150자를 넘지 않는 것이 좋다. h1태그는 페이지 내용을 반영하는 키워드를 포함한다. 만약 페이지에 h1태그가 없는 경우라면 안에 h1태그를 추가해 줄 수 있다.

제목이필요
h1 태그가 필요

페이지에 〈h1〉태그가 여러 개 있습니다.(심각도: 높음)

이 부분은 많은 사람들이 간과할 수 있는 부분이다. 예전 구형 에디터에서 머리말1 폰트가 〈h1〉태그였고, 그리고 티스토리 블로그 제목이 〈h1〉태그였다. 그래서 예전에 쓰던 블로그의 본문 쪽에 제목을 머리말1로 생각없이 쓰다보니 h1 태그가 2개 이상이 될 때가 많았다.

 

글 하나당 h1 태그가 하나만 들어가야 한다. h1은 글의 제목이라고 할 수 있다. 말하자면 글의 제목이 2개인 경우가 된 것이다. 빙 웹마스터도구에서도 이 점을 지적하고 있다. 만약, h1태그 관련하여 문제가 발생했다면 본문에 사용된 머리말 폰트 크기를 변경해주면 해결할 수 있다.

h1태그
h1태그는 하나만

※ 이 외의 SEO 제안사항들도 같은 방법으로 빙 웹마스터 도구에서 권장 작업을 해 주면 된다. 어렵지 않다.

 

 

SEO 분석기

SEO 보고서는 Bing 웹마스터도구에 등록한 사이트를 격주 마다 자동으로 검사하고 SEO모범사례를 준수하고 있는지 2주마다 판단하기 때문에 검색엔진 최적화가 잘 되있는지 SEO 보고서를 통해 모든 것을 즉시 확인할 수는 없다. 이 때 사용할 수 있는 것이 SEO 분석기이다. SEO 분석기를 통해 각 웹페이지별로 검색엔진 최적화를 할 부분이 있는지 즉시 확인할 수 있다.

seo분석기사용
seo분석기

문제가 있으면, 이런 메시지가 출력된다.

분석기오류발견
오류가 있을 때

 

문제가 없으면, 이런 메시지가 출력된다.

seo오류해결완료
오류를 수정했거나 위반이 없는 경우

지금까지 빙 웹마스터도구를 이용한 SEO, 검색엔진 최적화하는 법에 대해 알아보았다.

이 포스트 공유하기

페이스북
트위터
네이버
밴드
카스
댓글 남기기

티스토리 이미지 alt 속성 삽입 방법

티스토리 이미지 alt 속성 삽입 방법(사용법)

 

이미지알트속성

사라진 대체 텍스트 기능

티스토리 이미지 대체 텍스트 기능이 사라졌다. 티스토리에 새로운 에디터가 적용된 후, 그에 따른 장점도 있지만, 단점도 있다. 새 에디터에 대해 전반적으로 만족하고 있긴 하지만 그 중에서 내가 생각하는 아쉬운 점 중의 하나가 티스토리에서 사라진 기능, 대체 텍스트 기능이다.

대체 텍스트 기능 삭제

대체 텍스트

대체 텍스트 기능은 이전 버전의 티스토리 에디터에서 기본적으로 제공했던 유용한 기능이다. html에 대해 잘 몰라도 누구나 대체 텍스트에 이미지와 관련한 텍스트를 입력하여 편하게 이미지 alt 속성을 사용할 수 있었다. 새 버전의 티스토리 에디터에는 대체 텍스트의 기능이 없어져서 이미지 alt 속성을 편하게 입력할 수 없다.

 

대체 텍스트 기능

이미지 alt 속성이란?

이미지 alt 속성이란 자신이 올린 이미지를 브라우저에서 표시할 수 없는 경우 해당 이미지를 대체할 수 있는 텍스트를 말한다. 이미지를 검색엔진이 잘 이해할 수 있도록 도움을 주고 이미지 검색 결과에 활용하는 정보로 간주한다. 결국, 이미지 alt 속성을 입력하면 자신의 블로그 검색 최적화에 크던 작던 어느 정도는 도움을 줄 수 있다는 것이다. 반대로 이미지 alt 속성이 없으면 심각도가 낮지만 오류로 인식할 수 있다.

 

이미지 alt 속성이 없는 경우

티스토리 새로운 에디터

2019년 봄부터 티스토리가 새로운 에디터를 적용하면서 대체 텍스트 입력, 즉 이미지 알트 속성 기능이 사라졌다. 이에 따라 빙웹마스터 도구 등에서 심각한 것은 아니지만 오류로 인식하는 현상이 발생하고 있다. 기존 에디터에서는 이미지를 클릭해서 대체 텍스트만 입력하면 알트 속성을 입력할 수 있었으나 새 에디터에서는 이 기능을 제공하지 않는다. 물론, 예전 에디터를 그대로 사용할 수도 있으나 새 에디터를 쓰고 싶은 나와 같은 사람에게는 아쉬운 점이 아닐 수 없다.

 

 

새 에디터 이미지 alt 속성 입력 방법

새 에디터에서도 이미지 alt 속성을 넣을 수는 있다. 예전처럼 편한 방법은 아니지만 가능은 하다. html 모드로 전환하여 이미지 alt 속성을 수동으로 입력하면 된다. 방법은 간단하다.

 

alt="대체 텍스트"

 

대체 텍스트라고 쓰여 있는 곳에 자신이 업로드 한 이미지에 맞게 입력해주면 된다. 예전에 비해서 조금은 불편하더라도 짧게 몇 자만 적으면 되는 것이므로 어렵지 않다. 대부분 alt 속성을 넣지 않고 사용할 수도 있겠지만 웹마스터도구 등에서 오류로 인식하는 것이 마음에 들지 않는다면 이런 식으로 사소한 오류가 발생하는 것을 막을 수 있다.

 

알트속성을 삽입한다

예제. alt 속성 삽입 방법 알아보기

alt 속성이 없어서 생긴 오류

 

alt 속성이 없어서 생긴 오류

 

위의 그림처럼 빙웹마스터도구 SEO보고서에 ‘태그에 ALT 속성 내용이 정의되지 않았습니다.’라는 오류가 떠 있다. 심각도가 낮은 오류이다. 이처럼 빙(Bing)에서는 alt 속성이 없는 경우, 이런 메시지가 뜨게 된다. 여기에는 페이지 2곳에 오류가 12개가 있다고 알려주고 있다. 하지만 나는 개인적으로 새 에디터를 사용한 이후에는 alt 속성을 따로 넣지 않았기 때문에 사실은 더 많은 페이지에 동일한 오류가 있을 것이다. 그리고 시간이 흐르다보면 다른 페이지에도 오류가 있다며 더 많은 오류 메시지를 출력할 것이다.

 

alt 속성이 없는 페이지들

 

 

이 중에 하나를 들어가서 발생한 오류를 제거해 보려고 한다.

 

오류 모두가 alt 속성 때문이다

 

무려 오류 개수가 7개로 나와 있다. 클릭해보면 어느 부분에서 오류가 발생한 것인지 알 수 있다. 당연히 모든 오류는 이미지 alt 속성이 없어서 발생한 것이다.

 

html 모드로 이동

 

그러면 해당 글로 이동하여 티스토리 에디터에서 html 모드로 들어간다.

 

대체 텍스트 삽입
alt 속성 삽입 완료

 

그리고 각 이미지 삽입코드 부분에 alt=“대체 텍스트”를 입력하면 된다. 일일이 찾아서 해야 하기 때문에 조금 귀찮을 수도 있는 부분이다. 싫다면 안 해도 된다. 그렇게 모든 이미지에 alt 속성을 입력한다.

 

오류 수정 완료

마지막으로 다시 웹마스터도구에 가서 확인해 보면 오류가 사라진 것을 확인할 수 있다.

이 포스트 공유하기

페이스북
트위터
네이버
밴드
카스
댓글 남기기
◀ PREV 1 NEXT ▶